Ragazzi, sono alle primissime armi con Javascript e mi sono appena deliziato con le varie funzioni di navigazione nei nodi del DOM HTML e relative proprietà
Giusto per essere chiari
• x.getElementById(id)
• x.getElementsByTagName(name)
• x.appendChild(node)
• x.removeChild(node)
• x.innerHTML
• x.nodeName
• x.nodeValue
• x.parentNode
• x.childNodes
• x.attributes
Mi sono sembrate potenti ma un pò macchinose. Comunque... ed ecco che mi imbatto in questo codice perfettamente funzionante ma senza alcun senso per quello che ci ho capito finora.
Qualcuno può svelarmi l'arcano?
Grazie
Petronius
html>
<head>
<script>
function checkAll (v) {
for(i=0;i<document.f1.c1.length;i++)
document.f1.c1[i].checked=eval(v);
for(var i=0;i<document.f1.c2.length;i++)
document.f1.c2[i].checked=eval(v);
document.f1.c3.checked=false;
document.f1.c4.checked=false;
}
</script>
</head>
<body>
<form name='f1'>
<input type="checkbox" name="c1" value="1"/>c1-1
</br>
<input type="checkbox" name="c1" value="2"/>c1-2
<input type="checkbox" name="c1" value="3"/>c1-3
<input type="checkbox" name="c1" value="4"/>c1-4
<input type="checkbox" name="c1" value="5"/>c1-5
<input type="checkbox" name="c2" value="1"/>c2-1
<input type="checkbox" name="c2" value="2"/>c2-2
<input type="checkbox" name="c2" value="3"/>c2-3
<input type="checkbox" name="c2" value="4"/>c2-4
<input type="checkbox" name="c2" value="5"/>c2-5
<HR>
<input type="checkbox" name="c3" onclick="checkAll('true')"/>attiva tutti
<input type="checkbox" name="c4" onclick="checkAll('false')"/>disattiva tutti
</form>
</body>
</html>
Rispondi quotando
