codice:
<head>
<script type="text/javascript">
window.onload=function(){//quando gli span sono prenti nel documento
var arr_span=document.getElementsByTagName('span');//riunisco tutti gli span in un array
for(var i=0; i<arr_span.length; i++){//scorro l'array
var span=arr_span[i];//span in esame
if(span.id.substring(0,5)=='testo'){//se le prime cinque lettere dell'id sono uguali a 'testo'
document.getElementById(span.id).getElementsByTagName('a')[0].onclick=function(){//assegno la funzione al link dentro lo span
visualizza(this.parentNode.id);//non possiamo passare 01 o 02 qui, questo codice verrà eseguito solo al momento del click, quindi passo l'id dello span che contiene il link
//(sarebbe più comodo assegnare gli id direttamente ai link ed alle immagini, ma non conosco i tuoi vincoli...)
}
}
}
}
function visualizza(id){
id=id.replace('testo','immagine');//trasformo l'id dello span testo nell'id dello span immagine
if (document.getElementById){//arcaico ;)
if(document.getElementById(id).style.display == "none"){
document.getElementById(id).style.display = "block";
}else{
document.getElementById(id).style.display = "none";
}
}
}
</script>
</head>
<body>
<span id="testo01">figura 1 </span>
<span class="img" id="immagine01" style="display:none;">[img]images/i02a_panoramica.svg[/img]</span>
<span id="testo02">figura 2 </span>
<span class="img" id="immagine02" style="display:none;">[img]images/i02a_panoramica.svg[/img]</span>
</body>
</html>
Rispondi quotando
