commento rollover menù [era: JavaScript....AIUTO!!!!!]

[ThE BoDoZ]

Mi potete aiutare a commentare lo sviluppo di questo codice JavaScript(x la creazione di un menu dinamico)


Questa è la parte messa nell'HEAD della pagina

<script language="JavaScript" type="text/javascript">

if (document.images) {

links_ai_B1_off = new Image(); links_ai_B1_off.src = "links_ai_B1.gif"

links_ai_B1_over = new Image(); links_ai_B1_over.src = "links_ai_B1_over.gif"

links_ai_B2_off = new Image(); links_ai_B2_off.src = "links_ai_B2.gif"

links_ai_B2_over = new Image(); links_ai_B2_over.src = "links_ai_B2_over.gif"

links_ai_B3_off = new Image(); links_ai_B3_off.src = "links_ai_B3.gif"

links_ai_B3_over = new Image(); links_ai_B3_over.src = "links_ai_B3_over.gif"

links_ai_B4_off = new Image(); links_ai_B4_off.src = "links_ai_B4.gif"

links_ai_B4_over = new Image(); links_ai_B4_over.src = "links_ai_B4_over.gif"

}
function turn_off(ImageName) {

if (document.images != null) {

document[ImageName].src = eval(ImageName + "_off.src");

}

}
function turn_over(ImageName) {

if (document.images != null) {

document[ImageName].src = eval(ImageName + "_over.src");

}
}
</script>

e questa invece la parte messa nel BODY

<TABLE border="0" cellspacing="0" cellpadding="0">

<tr><td>[img]links_ai_B1.gif[/img]</td></tr>

<tr><td>[img]links_ai_B2.gif[/img]</td></tr>

<tr><td>[img]links_ai_B3.gif[/img]</td></tr>

<tr><td>[img]links_ai_B4.gif[/img]</td></tr>

</TABLE>

Commentatemi i passaggi se potete, ne ho assoluto bisogno x la scuola! Vi prego!


Se potete rispondetemi direttamente qui: thebodoz@hotmail.com

[Xinod]

dandoti il benvenuto ti ricordo di leggere il regolamento di questo forum:
in base ad esso le discussioni devono avere un titolo significativo ed esplicativo

inoltre non è bello chiedere risposte via email:
dal momento che siamo una comunità è importante che i contributi di ciascuno di noi restino a disposizione di tutti

[ThE BoDoZ]

hai ragione, ma ero preso dalla disperazione! Ho bisogno di aiuto x commentare questo pezzo di codice....tu mi puoi aiutare?

[Xinod]

la disperazione in nessun caso potrà aiutare a risolvere il problema

provo a commentare, spero sia comprensibile (e tutto corretto )

// se esiste l' array images 
// (indicizza automaticamente tutte le immagini contenute nel documento e nel 99% dei casi se javascript è abilitato l' array esiste)
if (document.images) { 

// procedi a creare un nuovo oggetto Image
// e settane la sorgente (src).
// Questo, poichè fuori da funzione, è il preload + efficace 
// perchè interrompe il caricamento del resto del documento 
// fino al load completo dell' immagine dal percorso specificato
// rendendola disponibile istantaneamente all' occorrezza
 
links_ai_B1_off = new Image(); links_ai_B1_off.src = "links_ai_B1.gif" 

// ...etc...
} 
// turn_off, richiamata onmouseout, serve a ripristinare l' immagine di partenza 
// una volta che il puntatore si è spostato fuori dall' immagine in questione
function turn_off(ImageName) {
if (document.images != null) { 
// cambia la sorgente dell' immagine passata come parametro
// con quella precaricata
document[ImageName].src = eval(ImageName + "_off.src"); 
// l' eval sarebbe da evitare perchè in futuro non sarà + supportato,
// senza uso di eval si potrebbe scrivere:
// document.images[ImageName].src = document.images[ImageName+"_off"].src; 
} 
// questa funzione, richiamata al passaggio del puntatore sull' immagine stessa, gestisce il cambio di sorgente per l' immagine passata come paramtro
// il funzionamento è identico a quella precedente 
function turn_over(ImageName) { 
...
}