style.visibility

dato il seguente div:

<div id="box" style="display: none;"></div>

vorrei sapere qual'è il miglior modo per farlo apparire/scomparire:

// questo...
document.getElementById("box").style.visibility = "block";

// oppure questo...
document.getElementById("box").style.display = "block";

che differenza c'è? tra l'uno e l'altro?

grazie!

Larry ha scritto:

[code]
// questo...
document.getElementById("box").style.visibility = "block";

questo è scorretto

visibility ha come possibilità "visible" o "hidden" (o "collapse" e
"inherit").
in caso di "hidden" l'elemento non viene visualizzato, ma occupa
ugualmente lo spazio nella pagina.

visibility e display sono due proprietà diverse, quella + idonea
all'utilizzo dipende dalla tua applicazione (l'importnate è avere chiara
questa diversità.
--
"20060207: buongiorno italia, buongiorno maria.
con gli occhi pieni di malinconia"

In data Mon, 20 Mar 2006 13:41:37 +0100, Larry ha scritto:

dato il seguente div:
div id="box" style="display: none;"></div
vorrei sapere qual'è il miglior modo per farlo apparire/scomparire:
// questo...
document.getElementById("box").style.visibility = "block";
"visible", non "block"
// oppure questo...
document.getElementById("box").style.display = "block";
che differenza c'è? tra l'uno e l'altro?
se stai usando display devi usare display, se stai usando visibility devi

usare visibility. Se fai una prova ti accorgerai da solo la differenza:
display nasconde completamente, visibility "lascia un buco vuoto" ...
http://www.w3.org/TR/REC-CSS2/visufx.html#visibility
http://www.w3.org/TR/REC-CSS2/visuren.html#display-prop

--
"Ho smesso di fumare.
Vivrò una settimana di più.
E in quella settimana pioverà a dirotto"
W.A.