Use localStorage
para guardar informações no navegador e depois usá-las:
Exemplo no JSFiddle:
CSS:
button#botao1 {display: none; margin-top: 5px;}
#esconder{ display: none; margin-top: 5px; }
HTML:
<button id="mostrar" onClick="javascript: mostrarBt();">Mostrar Botão</button>
<button id="esconder" onClick="javascript: escondeBt();">Esconder Botão</button>
<button id="botao1">Botão 1</button>
JS:
window.onload = function(){
if(localStorage.mostrabotao2){
mostrarBt();
}
}
function mostrarBt() {
document.getElementById("botao1").style.display="block";
document.getElementById("esconder").style.display="block";
localStorage.mostrabotao2 = 1;
}
function escondeBt() {
document.getElementById("botao1").style.display="none";
document.getElementById("esconder").style.display="none";
localStorage.clear();
}
O código acima salva a informação "1" (pode ser qualquer informação, o importante é que o localStorage
tenha algum valor, até mesmo um true -- localStorage.mostrabotao2 = true;
) no localStorage
e verifica se ele possui valor toda vez que a página é carregada. Se existe valor, o botão é exibido, se não, não faz nada e o botão continua oculto pelo CSS.
id
á ela e use document.getElementById(id_da_div).innerHTML. Use oinnerHTML