A questo indirizzo potete trovare l'esempio: http://lavori.sonsof.net/js1
Questo il codice HTML:
E questo il JS che uso:Codice PHP:<div onclick="openClose('a1')" class="mainExpand">Voce 01</div>
<span id="a1" class="texter">Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam.</span>
<div onclick="openClose('a2')" class="mainExpand">Voce 02</div>
<span id="a2" class="texter">Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus.</span>
<div onclick="openClose('a3')" class="mainExpand">Voce 03</div>
<span id="a3" class="texter">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.</span>
Il tutto funziona bene. Ora però m'è stato chiesto di modificare il comportamento del JS: dovrei riuscire a fare in modo che lo <span> visualizzato rimanga sempre visibile, e non si chiuda quando clicco un altro dei link. Dovrebbe nascondersi semplicemente cliccando sul link corrispondente.Codice PHP:if (document.getElementById) {
document.write('<style type="text/css">.texter {display:none; width:350px; color:#404040; font:.9em verdana,arial,helvetica,sans-serif; margin-bottom:10px;}</style>') }
var divNum = new Array("a1","a2","a3");
function openClose(theID) {
for(var i=0; i < divNum.length; i++) {
if (divNum[i] == theID) {
if (document.getElementById(divNum[i]).style.display == "block") { document.getElementById(divNum[i]).style.display = "none" }
else {
document.getElementById(divNum[i]).style.display = "block"
}
} else {
document.getElementById(divNum[i]).style.display = "none"; }
}
}
Così facendo, da che ho intuito io, non avrei più bisogno di questa riga di codice "var divNum = new Array("a1","a2","a3");", giusto?
Spero di essere stato chiaro.
Grassie,
goat

Rispondi quotando