Periodická zmena vlastností tagov
Zadanie
Na stránke bude bližšie neurčený počet div elementov s ľubovoľným obsahom, z ktorých len jeden bude v danú cvíľu viditeľný. Viditeľnosť elementov sa bude periodicky meniť v určenom časovom intervale.
HTML
<head>
<script language="JavaScript" type="text/JavaScript"><!-- //
var number = 1;
var maxnumber = 3;
function displaynext() {
var item = 0;
for( var i=1; i<=maxnumber && item < 1; i++ ) {
if( document.getElementById( 'box'+ i ).style.display == 'block' ) {
var item = i;
document.getElementById( 'box'+ i ).style.display = 'none';
}
}
item = item + 1;
if( item > maxnumber ) { item = 1; }
document.getElementById( 'box'+ item ).style.display = 'block';
setTimeout( 'displaynext()', 1000 );
}
// --></script>
</head>
<body onload="javascript:setTimeout('displaynext()',1000);">
<div id="box1" style="display: block;"><p>Prvý blok...</p></div>
<div id="box2" style="display: none;"><p>Druhý blok...</p></div>
<div id="box3" style="display: none;"><p>Tretí blok...</p></div>
</body>
Ukážka
Premenná maxnumber udáva počet elementov (v našom príklade 3), ktorým sa bude nastavovať viditeľnosť. Dĺžku trvania intervalu zmeny určuje funkcia setTimeout svojim druhým parametrom (napr.: 1000 = 1 sekunda).
Prvý blok...
| Žiadne dokumenty ani odkazy k tejto stránke. | ||
Generátor typoscriptu
Vytvára typoscript pre bežné použitie. Generátor je jednoduchý na obsluhu, stačí vyplniť zopár položiek formulára.
