Фильтр по:
  

  • Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Печатающийся текст в Ajax (uWnd) окне (Как сделать печатающийся текст в Ajax (uWnd) окне?)
Печатающийся текст в Ajax (uWnd) окне
Дата: Пятница, 03.06.2011, 04:53 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Q:
Quote (uDAF)
Здравствуйте пользователи этого сайта! Рад быть с вами в дольнейщем на этом сайте)
Дайте мне пожалуйста код на скрипт как у вас на форуме при нажатие на поле добавления сообщении появляется, ajax и там пишет правила! Вы меня поняли или дать скрин ?

...

Всё достаточно просто.
Используется обычный скрипт печатающегося текста, ссылка с вызовом юВинд окошка, и внешний xml-файл с содержимым - самим текстом и скриптом.

Сам скрипт:
Code
<script type="text/javascript">
var txt="Ваш печатающийся текст<br>Ещё немного текста<br>Адаптация любых JavaScript'ов<br>на<br>likbezz.ru";
var chr=-1,l=txt.length,p="_";
function changetext(){chr++;
t=document.getElementById('text').innerHTML;
tt=t.substring(0,t.length-p.length);
if(txt.charAt(chr)!="<"){document.getElementById('text').innerHTML=tt+txt.charAt(chr)+p;}
else{document.getElementById('text').innerHTML=tt+txt.substring(chr,chr+4)+p;chr=chr+3;}
if(l>t.length){setTimeout("changetext()",80)}else{alert('Готово')};
};
function str(num){var s="";
for(i=0;i<num;i++){s=s+" ";}
return s;};
window.onload=function(){changetext();};
</script>


HTML для текста скрипта:
Code
<div id="text"></div>

...



А теперь всё это в юВинд окошко.

Создаём xml-файл ... и пихаем туда скрипт:

Код файла:
Code
<?xml version="1.0" encoding="utf-8"?>
<ajax>
<cmd p="js"><![CDATA[
var txt="Ваш печатающийс\я текст<br>Ещё немного текста<br>Адаптация любых JavaScript'ов<br>на<br>likbezz.ru";
var chr=-1,l=txt.length,p="_";
changetext=function changetext(){chr++;
t=document.getElementById("text").innerHTML;
tt=t.substring(0,t.length-p.length);
if(txt.charAt(chr)!="<")
{document.getElementById("text").innerHTML=tt+txt.charAt(chr)+p;}
else{document.getElementById("text").innerHTML=tt+txt.substring(chr,chr+4)+p;chr=chr+3;}
if(l>t.length){setTimeout("changetext()",80)}else{setTimeout("_uWnd.close('guestInfo')",1000);};
};
function str(num){var s="";
for(i=0;i<num;i++){s=s+" ";}
return s;};
]]></cmd>
<cmd p="content"><![CDATA[
<div id="text"></div>
<script type="text/javascript">setTimeout('changetext()',1500);</script>
]]></cmd>
</ajax>

Где:
var txt="" - ваш текст;
document.getElementById("text") - ID блока для текста.
Строка:
Quote
if(l>t.length){setTimeout("changetext()",80)}else{setTimeout("_uWnd.close('guestInfo')",1000);};

Где:
80 - скорость набора;
guestInfo - имя открытого юВинд окна, которое будем закрывать, когда кончится ваш текст;
Строка:
Code
<script type="text/javascript">setTimeout('changetext()',1500);</script>

Где:
1500 - величина тайм-аута, перед вызовом функции.
...

Создаём ссылку для открытия окна:
Quote (Html)
<a href="javascript://" onclick="new _uWnd('guestInfo','Прежде чем писать...',600,275,{popup:0,modal:1,autosize:0,resize:1,align:0},{url:'/_testInfo.xml'});return false;">Открыть окно</a>

Где:
guestInfo - имя окна - фигурирует в скрипте, нужно для закрытия.
600,275 - размеры окна. В пикселях;
{url:'/_testInfo.xml'} - ссылка до вашего файла.
...

Открытие окна можно привязать к любому элементу или событию.
Например при фокусе на поле добавления поста:
Code
<script type="text/javascript">   
$(function(){
$('#message').one('focus',function(){
new _uWnd('guestInfo','Прежде чем писать...',600,275,{popup:0,modal:1,autosize:0,resize:1,align:0},{url:'/_testInfo.xml'});return false;});
});
</script>

...

Вопросы и комментарии только по теме.


 
Дата: Пятница, 03.06.2011, 04:55 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown



Прикрепления: _testInfo999.xml (0.9 Kb)

 
Дата: Пятница, 03.06.2011, 14:51 |
Рядовой
Группа: Пользователи
Сообщений: 1
Награды: 0
Репутация: 0
Статус: Offline


likbezz, спасибо за ответ!
Все это я понял, но не понял куда вставлять ((
сделайте готовый скрипт что бы я написал в место вашего текста свою и скажите пожалуйста куда вставлять?

Добавлено (03.06.2011, 14:51)
---------------------------------------------

Quote (likbezz)
document.getElementById("text") - ID блока для текста.

какого блока ?


 
Дата: Пятница, 03.06.2011, 15:55 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


uDAF,
Quote (uDAF)
Все это я понял, но не понял куда вставлять ((

А куда тебе нужно?
Полный код вот:
Code
<a href="javascript://" onclick="new _uWnd('guestInfo999','Прежде чем писать...',300,150,{popup:0,modal:1,autosize:0,resize:1,align:0},{url:'/_fr/3/_testInfo999.xml'});return false;">Открыть окно</a>

... А xml файл вот - сохрани “как”... Текст изменять в нём.
...


 
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Печатающийся текст в Ajax (uWnd) окне (Как сделать печатающийся текст в Ajax (uWnd) окне?)
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия