| Autor | Zpráva | ||
|---|---|---|---|
| Jaroslav K. Profil * |
#1 · Zasláno: 6. 6. 2011, 19:04:58
Ahoj.
Mám dotaz ohledně vypisování textu písmeno po písmenu... Nevíte jak by to šlo přes javascript udělat? Předem díky za rady... |
||
| Witiko Profil |
#2 · Zasláno: 6. 6. 2011, 19:29:38 · Upravil/a: Witiko
Jaroslav K.:
Já nevím, třeba takto: var text = "Lorem ipsum",
length = text.length,
index = 0,
rychlost = 500, // 1 písmeno za 500ms
interval = setInterval(function() {
funkce(text.charAt(index++)); // Novátoři mohou zkusit ECMA5 Array-like zápis text[index++]
if(index === length) clearInterval(interval);
}, rychlost);
No a na místo funkce funkce si dopiš něco, co bude písmena vypisovat. Např.: function funkce(pismeno) {
textarea.value += pismeno; // V proměnné textarea uvažujme referenci na DOM element
} |
||
| Jaroslav K. Profil * |
#3 · Zasláno: 6. 6. 2011, 19:43:58
hm, já na skripty moc nejsem... :) Nešel by poslat nějaký funkční příklad? Díky :)
|
||
| Witiko Profil |
#4 · Zasláno: 6. 6. 2011, 21:28:36 · Upravil/a: Witiko
Jaroslav K.:
To, co jsem poslal, je funkční příklad, stačí si jen doplnit pár základních věcí. ;) <textarea></textarea>
<script>
var textarea = document.getElementsByTagName("textarea")[0],
text = "Jsem cool text, který jede po písmenkách!",
length = text.length,
index = 0,
rychlost = 200, // 1 písmeno za 200ms
interval = setInterval(function() {
funkce(text.charAt(index++)); // Novátoři mohou zkusit ECMA5 Array-like zápis text[index++]
if(index === length) clearInterval(interval);
}, rychlost);
function funkce(pismeno) {
textarea.value += pismeno; // V proměnné textarea uvažujme referenci na DOM element
};
</script>http://jsfiddle.net/XfgdN/ |
||
| Jaroslav K. Profil * |
#5 · Zasláno: 7. 6. 2011, 12:52:04
Tak jsem to za pomoci kamaráda vyřešil. Takto
<html>
<head>
<style type="text/css">
#vypis {text-align: center; }
</style>
</head>
<body>
<font color="blue" face="Space Bd BT" size="10">
<div id="vypis">
<script>
var text="System is starting...Core loaded!";
var delka=text.length;
var pocet=0;
var interval=100;
function funkce() {
document.getElementById('vypis').innerHTML=document.getElementById('vypis').innerHTML+text[pocet]
pocet+=1;
if (pocet<delka) {
var t=setTimeout("funkce()",interval);
}
}
var t=setTimeout("funkce()",interval);
</script>
</div>
</font>
</body>
</html>
Teď ale mám problém s fontem Arista 2.0. Web prostě odmítá,i přes to že je v pc, ho použít. Prostě to vypíše standartnim fontem... Jak lze toto vyresit? |
||
| Jaroslav K. Profil * |
#6 · Zasláno: 7. 6. 2011, 12:56:01
Hm, jdu se registrovat :)
Jinak, ten font jsem zjistil ze funguje ve Firefoxu ale v Chrome ne. To je ale pro mne problem... |
||
| okolojdouci Profil * |
#7 · Zasláno: 7. 6. 2011, 12:57:24
Jaroslav K.:
„Teď ale mám problém s fontem Arista 2.0. Web prostě odmítá,i přes to že je v pc,“ Nepoužívej exotické fonty. google: bezpečné webové fonty. |
||
| JaroslavK Profil |
#8 · Zasláno: 7. 6. 2011, 13:13:48
Já ho dám nejspíš jako download, stejně ho potřebuju... Nemůžu ho na webu změnit :)
Mimochodem, když mám var text="System is starting...Core loaded!"; Jak odřádkuju text aby to nevypsalo System is starting...Core loaded! ale System is starting... Core loaded! Prostě aby to vypisovalo na dva řádky... |
||
| __construct Profil |
#9 · Zasláno: 7. 6. 2011, 13:24:15 · Upravil/a: __construct
JaroslavK:
Stačí tam pridať odskok na nový riadok \n:
var text="System is starting...\nCore loaded!"; |
||
| JaroslavK Profil |
#10 · Zasláno: 7. 6. 2011, 13:27:34 · Upravil/a: JaroslavK
Jo, díky, já nevěděl co tam má být za písmenko :D
Btw. Má nick __construct něco společného s programem Construct? :) EDIT: Nechce fungovat :) |
||
| __construct Profil |
#11 · Zasláno: 7. 6. 2011, 14:05:01 · Upravil/a: __construct
JaroslavK:
„Nechce fungovat“ Pardón – pozeral som príklad od Witika a on ten text dával do <textarea>. Tebe stačí keď si do štýlopisu pridáš #vypis{ … white-space:pre-line }
„Má nick __construct něco společného s programem Construct?“ Nie. |
||
|
Časová prodleva: 13 let
|
|||
0