Autor Zpráva
peteo
Profil
Mám problém:

potrebujem následovné:

v absolútne pozicovanom <div> potrebujem, aby sa mi zobrazil na cca 5 sekúnd text, ten potom zmizol a nahradil sa ďalším textom.

Úvaha: (schéma):
<div id="01" niečo (čo?; display?): "zobraz">zobraz text</div> text </div>
<aký script na čakanie 5 sekúnd?>
<div id="01" niečo (čo?): "skry (hidden?)">zobraz text</div> text </div>
<div id="02" niečo (čo?): "zobraz">zobraz text</div> text </div>
<aký script na čakanie 5 sekúnd?>
<div id="02" niečo (čo?): "skry (hidden?)">zobraz text</div> text </div>
....
<div id="0x" niečo (čo?): "zobraz">zobraz text</div> text </div>
<aký script na čakanie 5 sekúnd?>
<div id="0x" niečo (čo?): "skry (hidden?)">zobraz text</div> text </div>


Jedná sa mi v podstate o náhradu marquee - aby sa po časovej preluke zobrazoval text, potom sa zmazal ... a to do vyčerpania textov (napr 20) a potom sa to celé opakovalo (to sa dá ošetriť cyklami v js, viem).

A o čo vlastne ide:

zaujímajú ma atribúty tagu <div> - existuje <div style="display none"> event. <div style="display hiden*"> (keď to píšem správne) alebo niečo podobné?
Ako sa ktomu chovajú prehliadače?

Dúfam, že je to jasné.
Ďakujem vopred za radu.
Railbot
Profil
Exstuje display: none a visibility: hidden, funguje to zcela normálně v každém prohlížeči.
peteo
Profil
Railbot

Díky.

Ešte by som potreboval vedieť, či tá moja úvaha je v poriadku.
Mastodont
Profil
No pokud vím, tak

display:none = DIV není vidět a nezabírá žádné místo ve stránce
visibility:hidden = DIV není vidět, ale zabírá místo ve stránce (prázdná plocha)
peteo
Profil
Mastodont


Díky, vyskúšam.
Hanka S.
Profil *
display:none = DIV není vidět a nezabírá žádné místo ve stránce
visibility:hidden = DIV není vidět, ale zabírá místo ve stránce (prázdná plocha)


Tohle mi právě nefunguje. Mám layout s nadpisem a dvěma sloupci a chci, aby při tisku se vytiskl jenom pravý sloupec. Podstatné části .css vypadají takhle:


#titulek {
background-color: white;
padding:10px;
border: 1px solid #3a8de5;
}
#levy {
margin-top: 10px;
float:left;
overflow: hidden;
width:16em;
}
#pravy {
margin-top: 10px;
margin-left: 17em;
}
@media print {
#titulek, #levy {
display: none;
}
}


A kód stránky zjednodušeně takhle:


<div id="titulek">
<div id="logo">
<img src="/images/Sun.gif" alt="Powered by Sun" width="122" height="76" />
</div>
<div id="napis">
<h1>Ústav teoretické a komputační lingvistiky</h1>
</div>
<hr class="cistic" />
</div>

<div id="levy">
<div class="menu">
....
</div>
</div>

<div id="pravy">
....
</div>


Když dám tisk, vytiskne se mi opravdu jen pravý sloupec, ale nalevo zbude místo po levém. Co mám udělat, aby se mi ten pravý roztáhl přes celou stránku?
DJ Miky
Profil
@media print {
#titulek, #levy {
display: none;
}
#pravy {margin-left:0;}
}
Hanka S.
Profil *
Pro oči nevidím, díky za kopanec.
Toto téma je uzamčeno. Odpověď nelze zaslat.