| Autor | Zpráva | ||
|---|---|---|---|
| jarda_z_pole Profil * |
#1 · Zasláno: 5. 3. 2012, 22:15:26
Ahoj kluci, jsem úplně v koncích. Potřeboval bych pomoct.
Vůbec netuším jako zařídit, aby se za slovem zobrazily tři tečky, které by se zobrazovaly v intervalu jako jedna tečka, pak druhá tečka, pak třetí, pak znovu od první... něco jako loading. Moc vám děkuju... zahřívá se mi z toho moc hlava. |
||
| Bronzi Profil |
#2 · Zasláno: 5. 3. 2012, 22:41:14
Úplně jednoduše a univerzálně třeba takto:
JS: var initValue = null;
var iterator = 0;
setInterval(function(){
iterator++;
var el = document.getElementById('nacitany_obsah');
if(initValue === null) initValue = el.innerHTML;
el.innerHTML = initValue;
for(var i = 0; i < iterator; i++) el.innerHTML += '.';
if(iterator == 3) iterator = 0;
}, 400);HTML: <div id="nacitany_obsah"> Nějaký tvůj text </div> |
||
| jarda_z_pole Profil * |
#3 · Zasláno: 5. 3. 2012, 23:04:06
Moc dík, funguje.
Já vás javascriptový borce obdivuju... teď nevím, jak mám udělat to, aby ty tečky byly červené... |
||
| Radek9 Profil |
#4 · Zasláno: 5. 3. 2012, 23:08:02
jarda_z_pole:
To už je věc CSS. |
||
| jarda_z_pole Profil * |
#5 · Zasláno: 5. 3. 2012, 23:12:49
Ok, jen je blbý, že to bere data pro jedno ID. Když mám na stránce 4 prvky, které chci, aby takto fungovaly, tak to musím napsat 4 x.
|
||
| Bronzik Profil * |
#6 · Zasláno: 6. 3. 2012, 11:16:08
Tak to můžeš celé zobecnit takto:
function efekt(id){
var initValue = null;
var iterator = 0;
setInterval(function(){
iterator++;
var el = document.getElementById(id);
if(initValue === null) initValue = el.innerHTML;
el.innerHTML = initValue;
for(var i = 0; i < iterator; i++) el.innerHTML += '.';
if(iterator == 3) iterator = 0;
}, 400);
}A na konci dokumentu napíše efekt('id1');
efekt('id2');
efekt('id3');
efekt('id4'); |
||
| peta Profil |
<style>#tecky {color:#f00;font-weight:bold;}</style>
<div id="tecky"></div>
<script>
var el, sh, i;
el = document.getElementById('tecky');
sh = [".","..","..."];
i = 0;
setInterval(function(){el.innerHTML = sh[i];i=(i+1)%sh.length;}, 400);
</script> |
||
|
Časová prodleva: 12 let
|
|||
0