pagina con div invisibile e visibile solo al click

[indacoravenna]

ciao, ho questa funzione:

<script language="javascript">
function Nascondi() {
document.getElementById("Spot").style.display="non e";
}
function Visualizza() {
document.getElementById("Spot").style.display="";
}

</script>

e nel body metto:

<div id="Spot" style="position: absolute; width: 190px; height: 100px; left:30%; top:10%; margin-right:0px; margin-bottom:0px; z-index:10; background-color:#FFffff;">
pulsante Chiudi

testo del messaggio
</div>

PULSANTE VISUALIZZA DIV


In questo caso però quando carico la pagina il mio div è subito visibile, io vorrei renderlo prima invisibile e visibile solo quando clicco sul pulsante visualizza. Sapete aiutarmi?

[carlogh]

intanto cambierei la funzione Visualizza() in questo modo:

function Visualizza() {
   document.getElementById("Spot").style.display="block";
} 

poi dovresti aggiungere allo stile del div anche display: none; per renderlo invisibile al caricamento della pagina.

[indacoravenna]

Originariamente inviato da carlogh
intanto cambierei la funzione Visualizza() in questo modo:

function Visualizza() {
   document.getElementById("Spot").style.display="block";
} 

poi dovresti aggiungere allo stile del div anche display: none; per renderlo invisibile al caricamento della pagina.

Grazie mille, ho seguito i tuoi suggerimenti e funziona alla grande.