piccolo problema con style.dysplay none-block

**Punix** · 22-03-2017, 15:06

Salve raga,ho un piccolo problemino..

possiedo un bottone, che una volta cliccato mi apre una finestrella per accettare i cookie...

ecco una demo qui : http://sitoprova.96.lt/prova.html

ecco il codice:

codice:

<body>
<script type="text/javascript" language="javascript">
function visualizza(id){
  if (document.getElementById){
    if(document.getElementById(id).style.display == 'none'){
      document.getElementById(id).style.display = 'block';
    }else{
      document.getElementById(id).style.display = 'none';
    }
  }
}
</script>
<!-- Inizio codice DIV #testo -->

<div id="testo" onclick="visualizza('cookie'); return false">
<p class="testo2">
<font color="red">
<b>
C<br>
O<br>
O<br>
K<br>
I<br>
E
</b>
</font>
</p>
</div>
<!-- Fine codice DIV #testo -->
<!-- Inizio codice DIV #cookie -->
<div class="button" id="cookie" style="display:none">
<script language="JavaScript" type="text/javascript">
// Modifica il messaggio di avviso di utilizzo cookie da qui
var  Messaggio = "<p class='copyright'>Serpinter - Copyright  2016-17</p><br>Questo sito utilizza i cookie per assicurarvi  una<br>navigazione ottimale!"

// Qui il testo del bottone
var AccettoBtn = "Accetto"

// Se vuoi che il bottone reindirizzi ad una pagina (altrimenti lascialo vuoto)
var Redirect = ""


function mostraAvviso() {

    var message = "<div id='chiudi' class='centro'>";

    message = message + Messaggio + "<br><br>";  //spazio fra testo e bottone "Accetto"

     message = message + "<button class='bottone' type='button' name=''  onClick='JavaScript:Accetta();' value='' style='cursor:pointer;    font-family: Arial, Helvetica, sans-serif;font-size: 14px;color:  #079400;padding: 10px 20px;background: -moz-linear-gradient(top,#ffffff  0%,#ffffff 50%,#b5b5b5);background: -webkit-gradient(linear, left top,  left bottom, from(#ffffff),color-stop(0.50,  #ffffff),to(#b5b5b5));-moz-border-radius: 10px;-webkit-border-radius:  10px;border-radius: 10px;border: 3px solid #2ea100;-moz-box-shadow:0px  1px 3px rgba(000,000,000,0.5),inset 0px 0px 3px  rgba(255,255,255,1);-webkit-box-shadow:0px 1px 3px  rgba(000,000,000,0.5),inset 0px 0px 3px  rgba(255,255,255,1);box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset  0px 0px 3px rgba(255,255,255,1);text-shadow:0px -1px 0px  rgba(000,000,000,0.2),0px 1px 0px rgba(255,255,255,1);'>" +  AccettoBtn + "</button>";

    message = message + "</div>";

    document.writeln(message);


}


function Accetta() {
    setCookie("CookieEu", null, 365);
    document.getElementById('testo').style.display="none";                   
    document.getElementById('chiudi').style.display="none";
    //Gestione del Redirect
    if(redirect!=""){
        window.location.href = "" + redirect;
    }
}


function setCookie(nomecookie, valore, finegiorni) {
    var datafine = new Date();
    datafine.setDate(datafine.getDate() + finegiorni);
    var valoreCookie = escape(valore) + ((finegiorni == null) ? "" : "; expires=" + datafine.toUTCString() + "; path=/");
    document.cookie = nomecookie + "=" + valoreCookie;    
}


function getCookie(nomecookie) {
    var i, x, y, array = document.cookie.split(";");
    for (i = 0; i < array.length; i++) {
        x = array[i].substr(0, array[i].indexOf("="));
        y = array[i].substr(array[i].indexOf("=") + 1);
        x = x.replace(/^\s+|\s+$/g, "");
        if (x == nomecookie) {
            return unescape(y);
        }
    }
}


function checkCookie() {

    var nomeCookie = "CookieEu";
    var cookieverifica = getCookie(nomeCookie);
    if (cookieverifica != null && cookieverifica != "") {

        setCookie(nomeCookie, cookieverifica, 365);
    }
    else {
        mostraAvviso();
    }
}

checkCookie();
</script>

</div>
<!-- Fine codice DIV #Cookie -->
</body>

come potete vedere ad un certo punto nella funzione "Accetta()" che poi vado a richiamare dentro l onclick del bottone accetta per i cookie, ho inserito document.getElementById('testo').style.display="no ne";
document.getElementById('chiudi').style.display="n one";
che mi permettono di far scomparire sia la finestra del messaggio per i cookie che il bottone con id="testo" che è quello che mi permette di aprire la finestra cookie...
Il problema sorge dopo che aggiorno la pagina, poichè il bottone con id="testo" ritorna mentre il messaggio dei cookie non più..se provo ad inserire un document.getElementById('testo').style.display="bl ock";
non funziona più il style.display="none" per quanto riguarda il bottone con id testo..
spero di essermi spiegato bene

Quale potrebbe essere il problema?

Discussione: piccolo problema con style.dysplay none-block

Strumenti discussione

Ricerca discussione

Visualizza

piccolo problema con style.dysplay none-block

Permessi di invio