Premetto che sono nuovo al linguaggio JavaScript, detto questo non capisco perchè non esegue una riga del codice seguente: (sono in file separati).
Inoltre non capisco perchè al primo click non succede nulla, mentre dal secondo in avanti funziona correttamente.
di seguito il codice html interessato:
Il CSS di base è questo:
Grazie in anticipo dell'aiuto.
Inoltre non capisco perchè al primo click non succede nulla, mentre dal secondo in avanti funziona correttamente.
Codice:
function Start(){
document.getElementById('a').style.display = "none";
document.getElementById('b').style.display = "none";
document.getElementById('c').style.display = "none";
document.getElementById('d').style.display = "none";
document.getElementById('e').style.display = "none";
}
function prova(z){
if(document.getElementById(z).style.display == "none")
{
Start();
document.getElementById(z).style.display = "block";
document.getElementById(w).getElementByTagName('img').style.width = "50"; // la riga che non esegue è questa
}
else
{
Start();
}
}
di seguito il codice html interessato:
HTML:
<div id="w">
<ul>
<li><a onclick="return prova('a')"><img src="img.jpg"></a></li>
<li><a onclick="return prova('b')"><img src="img.jpg"></a></li>
<li><a onclick="return prova('c')"><img src="img.jpg"></a></li>
<li><a onclick="return prova('d')"><img src="img.jpg"></a></li>
<li><a onclick="return prova('e')"><img src="img.jpg"></a></li>
</ul>
</div>
<br>
<div id="w1">
<ul id="a">
<li><a href="#"><img src="img.jpg"></a></li>
<li><a href="#"><img src="img.jpg"></a></li>
<li><a href="#"><img src="img.jpg"></a></li>
</ul>
<ul id="b">
<li><a href="#"><img src="img.jpg"></a></li>
<li><a href="#"><img src="img.jpg"></a></li>
<li><a href="#"><img src="img.jpg"></a></li>
</ul>
<ul id="c">
<li><a href="#"><img src="img.jpg"></a></li>
<li><a href="#"><img src="img.jpg"></a></li>
<li><a href="#"><img src="img.jpg"></a></li>
</ul>
<ul id="d">
<li><a href="#"><img src="img.jpg"></a></li>
<li><a href="#"><img src="img.jpg"></a></li>
<li><a href="#"><img src="img.jpg"></a></li>
</ul>
<ul id="e">
<li><a href="#"><img src="img.jpg"></a></li>
<li><a href="#"><img src="img.jpg"></a></li>
<li><a href="#"><img src="img.jpg"></a></li>
</ul>
</div>
Il CSS di base è questo:
HTML:
li {list-style-type:none; cursor:pointer; }
a {text-decoration:none; color:black; }
img {width:150px; height:150px; border:0; }
#w1 ul {display:none; }
Grazie in anticipo dell'aiuto.
Ultima modifica di un moderatore: