Problema nel mostrare/nascondere DIV

**SergiusXP** · 01-11-2008, 16:13

Ciao..

Ho un problema con i div..

In pratica ho 5 tabelle, e ognuna è contenuta in un div diverso e cinque link..

Ora, avrei bisogno di una funzione che mi permetta, dopo aver selezionato un link, di mostrare quel determinato DIV e nascondere tutti gli altri..

Non so se mi sono spiegato bene

..

Ho provato con diverse funzioni ma non funzionano XD

Potete aiutarmi? Grazie.

**cavicchiandrea** · 01-11-2008, 17:35

una cosa del genere:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
<script type="text/javascript">
function MostraNascondi(id){

var div = document.getElementById('sx').getElementsByTagName('div')

for(i=0;i<div.length;i++){
if(document.getElementById(id).id == div[i].id) 
div[i].style.visibility='visible';
else div[i].style.visibility='hidden';
}
}

</SCRIPT>


<style type="text/css">
<!--
#sx {
	float: left;
	height: 500px;
	width: 350px;
}
#dx {
	float: left;
	height: 500px;
	width: 350px;
}
#div1{
	width:348px;
	border: 1px solid #999999;
	visibility: hidden;
}
#div2{
	width:348px;
	border: 1px solid #999999;
	visibility: hidden;
}
#div3{
	width:348px;
	border: 1px solid #999999;
	visibility: hidden;
}
#div4{
	width:348px;
	border: 1px solid #999999;
	visibility: hidden;
}
-->
</style>
</HEAD>

<BODY bgcolor="white">
<div id="sx">
  <div id="div1">Inserire qui il contenuto per  id "div1"</div>
  <div id="div2">Inserire qui il contenuto per  id "div2"</div>
  <div id="div3">Inserire qui il contenuto per  id "div3"</div>
  <div id="div4">Inserire qui il contenuto per  id "div4"</div>
</div>
<div id="dx">Div 1
Div 2
Div 3
Div 4</div>
</body>

</html>

Con questa soluzione ogni div manterrà la propria posizione (non visibile).

**SergiusXP** · 01-11-2008, 17:51

Grazie mille funziona^^

Discussione: Problema nel mostrare/nascondere DIV

Strumenti discussione

Ricerca discussione

Visualizza

Problema con i DIV

Permessi di invio