motexter - скрипт тип "набиране на текст" /просто вижте примера
:)/
motexter - text typing effect with less problems
Използван на / used on:
papermovie.com
nishto.com
EN
This script is nothing very special as a visual element. The more important
part of it is that it is an examople of developing "behavior"
like components for both Internet Explorer and mozilla /called bindings
and the components described in a xml file - XBL/.
Most of the code can be reused between the components, but it's still
questionable what is the use of this way of developing of applicaion
/the shorcomings being slow development due to fixing compatibility
issues and achieving consistency between both browsers and the limitation
that the components will run in only those two browsers/
To use it do the following:
First include the texter.css file:
<link rel="stylesheet" href="texter.css"/>
Then on the tag that will display the text set the following attributes:
| Attribute |
Values |
What does it control |
| class |
texter |
activates the script |
| showdefault |
boolean (true/false) |
turns on or off the default text |
| defaulttext |
text |
the default text to be displayed after some timeout |
| restoretime |
number (5000) |
the time in milliseconds that the text will stay
before replaced by the default text |
| speed |
numbe (30) |
the time in milliseconds between chars typed |
Example:
<span id="nothing" style="cursor:pointer" class="texter"
showdefault="true" defaulttext="Write something here">
</span>
So now how do we control the content of the tag - let say it has an
id nothing as in the example. To
set a new text do the following in a script:
document.getElementById( 'nothing' ).text = 'A new text is being typed'
See the example also :)
Resources used : http://web-fx.info/dhtml/xblmarquee/xblmarquee.html
BG
Този скрипт не е някакъв супер специален визуално. Служи по-скоро за
демонстрация за разработване на контроли от типа "behavior"
познат в Интернет Експлорър от версия 5. В Мозила има подобен начин
да се описват компоненти наречен XBL. Голяма част от кода може да се
използва между двата компонента. Но все още за мен не е ясно дали има
ясна и каква е ползата от този подход. Основните недостатъци за мен
бяха бавното напасване на двата скрипта за да работят абсолютно еднакво
в двата браузера и в крайна сметка че работи само в тези два браузера.
За да се ползва трябва да се направи следното:
Първо да се включи фаила texter.css:
<link rel="stylesheet" href="texter.css"/>
След това на таг-а да се добавят следните атрибути:
| Атрибут |
Стойности |
Какво контролира |
| class |
texter |
активира скрипта за този таг |
| showdefault |
boolean (true/false) |
дали да се показва или не дефолтния текст |
| defaulttext |
text |
самият дефолтен текст, показва се след определено
време |
| restoretime |
number (5000) |
времето в милисекунди след което се показва дефолтния
текст |
| speed |
numbe (30) |
времето в милисекунди за което се изписва всяка буквичка
от текста |
Пример за тага:
<span id="nothing" style="cursor:pointer" class="texter"
showdefault="true" defaulttext="Напишете нещо отгоре">
</span>
Е сега как да променим съдържанието на тага - нека има id nothing
както е в пример по-горе. За да се смени текста направете следното в
скрипт:
document.getElementById( 'nothing' ).text = 'A new text is being typed'
Вижте също и примера, а и кода на тази страница :)
Използвани ресурси: http://web-fx.info/dhtml/xblmarquee/xblmarquee.html
requires / изисква:
texter.css
texter.htc /IE/
texter.xml /Mozilla/
работи под:
IE 5+, Mozilla /NS 6,7/
примери / examples: