javascript per aprire un div

**il pupo** · 22-06-2011, 11:27

Salve ragazzi ho trovato questo codice nel forum:

codice:

<script language="javascript" type="text/javascript">
function showhide(id){
if (document.getElementById){
obj = document.getElementById(id);
if (obj.style.display == "none"){
obj.style.display = "";
} else {
obj.style.display = "none";
}
}
}
</script>

comando da link:

codice:

<div style="border:2px solid #000080; padding:5px; display: none; position: absolute; left: 100px; top: 70px; background:#FFFFFF;; z-index:1" id="pippo">TESTO TESTO TESTO


chiudi</p>
</div>


apri il div</p>

<div style="border:2px solid #000080; padding:5px; display: none; position: absolute; left: 100px; top: 70px; background:#FFFFFF;; z-index:1" id="pluto">TESTO TESTO TESTO


chiudi</p>
</div>


apri il div</p>

Il problema che ho è lo stesso cioè:
che se non chiudo i div aperti questi mi si sovrappongono. Io vorrei modificare tale funzione affinchè all'apertura del DIV da un'altro link quello o quelli precedentemente aperti si chiudessero.

Siccome la soluzione data, non funziona e il post è del 2007 ho ripostato il problema,ho sbagliato?

**cavicchiandrea** · 22-06-2011, 12:32

Prova cosi:

codice:

<script language="javascript" type="text/javascript">
function showhide(id){
var el = document.getElementsByTagName("div")
obj = document.getElementById(id);
for(var i = 0; i<el.length; i++){ 
if (el[i].getAttribute("id") == id && obj.style.display == "none"){
obj.style.display = "";
} else {
obj.style.display = "none";
}
}
}
</script>

**il pupo** · 22-06-2011, 16:38

Originariamente inviato da cavicchiandrea
Prova cosi:

codice:

<script language="javascript" type="text/javascript">
function showhide(id){
var el = document.getElementsByTagName("div")
obj = document.getElementById(id);
for(var i = 0; i<el.length; i++){ 
if (el[i].getAttribute("id") == id && obj.style.display == "none"){
obj.style.display = "";
} else {
obj.style.display = "none";
}
}
}
</script>

cavicchiandrea cosi facendo non mi apre nemmeno i div

**Y4os** · 22-06-2011, 18:03

Scusami ho provato il tuo script niente male...
solo come si può fare per farlo apparire ad apertura pagina hidden e poi clikkando si apre?

**il pupo** · 22-06-2011, 18:14

Originariamente inviato da Y4os
Scusami ho provato il tuo script niente male...
solo come si può fare per farlo apparire ad apertura pagina hidden e poi clikkando si apre?

dovresti inserire questo:

codice:

document.getEelementById('il_tuo_div').style.visibility='visible';

**Y4os** · 22-06-2011, 18:38

Scusami ma non va ...
e poi non dovrebbe essere invisibbile all'inizio???
Io voglio che compare nascosto e poi cliccando si apre

**cavicchiandrea** · 22-06-2011, 21:44

Avevo fatto degli errori scrivendolo al volo (senza testarlo) ora va bene:

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript">
function showhide(iDiv){
var el = document.getElementsByTagName("div")
for(var i = 0; i<el.length; i++){ 
if (el[i].getAttribute("id") == iDiv && el[i].style.display=='none'){
el[i].style.display = "block";
} else {
el[i].style.display = "none";
}
}
}
</script>
</head>

<body>
<div style="border:2px solid #000080; padding:5px; display: none;  background:#FFFFFF;" id="pippo">TESTO TESTO TESTO


chiudi</p>
</div>


apri il div</p>

<div style="border:2px solid #000080; padding:5px; display: none; background:#FFFFFF;" id="pluto">TESTO TESTO TESTO


chiudi</p>
</div>


apri il div</p>
</body>
</html>

Discussione: javascript per aprire un div

Strumenti discussione

Ricerca discussione

Visualizza

javascript per aprire un div

Permessi di invio