[Resolvido] Converter script de link para onchange

[razs 0]

Boas pessoal, como o titulo diz eu tenho um script num href que juntamente com css permite esconder ou mostrar uma div, a questão é que precisava disso num onchange de uma checkbox.

 

Ficava agradecido se alguem der uma maozinha

 

o codigo é este

<a href="#" onclick="var id = document.getElementById('exam'); if(id.style.display == 'block'){ id.style.display = 'none'; id.style.visibility = 'hidden';} else{ id.style.display = 'block'; id.style.visibility = 'visible';}" value="exam"><img alt="exam" src="images/icons/exam.png" /></a>

 

Sera que é assim tao simples???

<div class="field"><label>to define?????????</label><input type="checkbox" name="checkdefine" value="checked" onclick="var id = document.getElementById('exam'); if(id.style.display == 'block'){ id.style.display = 'none'; id.style.visibility = 'hidden';} else{ id.style.display = 'block'; id.style.visibility = 'visible';}" value="exam"></div>

[razs 0]

afinal era facil

 

<div class="field"><label>to define?????????</label><input type="checkbox" name="checkdefine" value="checked" onchange="var id = document.getElementById('exam'); if(id.style.display == 'block'){ id.style.display = 'none'; id.style.visibility = 'hidden';} else{ id.style.display = 'block'; id.style.visibility = 'visible';}" value="exam"></div>

[Anselmo Gomes 0]

E aí, razs!

 

A primeira coisa que você tem que fazer é jogar o código que está no onclick="" em uma função para deixar ele mais curto e reaproveitar código. Depois é só definir a função antes do tag </head> de seu código:

 

<script type="text/javascript">
function mostraDiv(){
var id = document.getElementById('exam');
if(id.style.display == 'block'){
			id.style.display = 'none'; 
			id.style.visibility = 'hidden';
} else{
  		 id.style.display = 'block'; 
  		 id.style.visibility = 'visible';
}
}
</script>

 

Depois disso, é só chamar a função no evento onchange; no onclick ela ficaria assim:

 

<a href="#" onclick="mostraDiv()" value="exam"><img alt="exam" src="images/icons/exam.png" /></a>

 

e no onchange assim:

 

 
<select onchange="mostraDiv()">
<option value="valor1">Opção 1</option>
       <option value="valor2">Opção 2</option>
       <option value="valor3">Opção 3</option>
</select>