Problema nascondere div con IE 6.0

**pancu** · 18-09-2006, 19:01

Ragazzi ho questo codice html e javascript per nascondere e far apparire un div:

codice:

	

		<select name="**">
			<option value="0" onclick="display_block('1')">**</option>
			<option value="1" onclick="display_block('2')">**</option>
			<option value="2" onclick="display_block('3')">**</option>
			<option value="3" onclick="display_block('4')">**</option>
			<option value="4" onclick="display_block('5')">**</option>
			<option value="5" onclick="display_block('6')">**</option>
			<option value="6" onclick="display_block('7')">**</option>
			<option value="7" onclick="display_block('8')">**</option>
		</select></p>
	
	<script language="javascript">
	for (var i=2; i<=8; i++){
		document.getElementById(i).style.display = "none";
	}
	function hide_block() {
		for (var i=1; i<=8; i++){
			document.getElementById(i).style.display = "none";
		}
	}
	function display_block(tattica) {
		hide_block();
		document.getElementById(tattica).style.display = "block";
	}
	</script>
	</form>

Il problema è che con firefox funziona mentre con IE non ne vuole sapere di andare.
Sapete gentilmente aiutarmi??

**Dante12** · 18-09-2006, 20:18

Se ciò che ti serve è solo uno script che ti fa scomparire e apparire un div, ti consiglio questa alternativa, più leggera e compatibile anche e non solo con firefox:

codice:

<script 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>

dovrai naturalmente impostare un id con nome che vuoi al div e poi l'evento :

codice:

onmouseover="visualizza('nome_scelto'); return false;"

**melanzata** · 13-10-2006, 10:02

Originariamente inviato da Dante12
Se ciò che ti serve è solo uno script che ti fa scomparire e apparire un div, ti consiglio questa alternativa, più leggera e compatibile anche e non solo con firefox:

codice:

<script 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>

dovrai naturalmente impostare un id con nome che vuoi al div e poi l'evento :

codice:

onmouseover="visualizza('nome_scelto'); return false;"

ciao, ho creato una pagina di prova utilizzando il codice da te postato:
<html>
<head>

<script 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>
</head>

<div>
link1 -
link2 -
link3
</div>

<div id="lin1">Testo link 1</div>
<div id="lin2">Testo link 2</div>
<div id="lin3">Testo link 3</div>

</body>
</html>

Come posso modificarlo per fare in modo che rimanga visibile solo il div relativo al collegamento su cui passo il mouse nascondendo gli altri 2?
Esempio: passo il mouse sul link 1 e mi fa vedere solo il div testo link 1 nascondendo il 2 e il 3, passo il mouse sul link 2 e mi fa vedere solo il div con testo link 2 nascondendo 1 e 3....
Grazie per l'eventulae risposta

Luca

Discussione: Problema nascondere div con IE 6.0

Strumenti discussione

Ricerca discussione

Visualizza

Problema nascondere div con IE 6.0

Permessi di invio