Arquivo

Arquivo de 13, março, 2008

Escondendo e mostrando Div CSS+JS

13, março, 2008 Sem comentários

Seguinte na função java script ele seta que se receber o parametro SIM ele liga com o style de nome aparece e se receber o parametro não ele liga com o style some, a sua consulta é simples porem é necessário utilizar da lógica exemplo ele recebe o valor sim ai liga com a classe aparece e logo depois modifica o parametro para não pq ai quando clicar novamente então ele vai mandar o valor não e a janela irá se fechar e assim o não ira modificar o parametro para SIM para quando clicar de novo ele mostrar e assim cria-se o laço.

<script language=”javascript”>
function mudaDiv(vlr) {

var div = document.getElementById(vlr);
var check = document.getElementById(“check”);
if (check.value == “sim”) {
div.className = “aparece”;
check.value = “nao”
} else {
div.className = “some”;
check.value = “sim”
}
}
</script>
<style>
.aparece {display: block;}
.some {display: none;}
</style>
<?php $i = 10 ?>

<input type=”submit” id=”Concluir” value=”Concluir” onclick=”mudaDiv(<?=$i ?>)”/>
<input type=”hidden” id=”check” value=”sim” />

<div id=”10″ class=”some”>
AQUI VEM SEUS RESULTADOS
</div>