[Javascript] innerHTML onMouseOver , non va

Ho creato questo script , purtroppo non va ^_^
Qualcuno saprebbe trovarmi l'errore ?

index.htm

Codice HTML:

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Alleanza F.A.N.</title> <script language="javascript1.4" type="text/javascript" src="pagine.js"></script> </head> <body> <div id="Layer1" style="position:absolute; width:500px; height:366px; z-index:1; left: 20px; top: 20px;"> <div id="menu" style="position:absolute; width:132px; height:177px; z-index:1; top: 74px; background-color: #D5EFB5; layer-background-color: #D5EFB5; border: 1px none #000000;"> <div align="center"> <p>MENU</p> <p><a href="#" target="_parent" onClick="pagina('Home')">Home</a><br> <a href="#" target="_parent" onClick="pagina('Descrizione')">Descrizione</a><br> <a href="#" target="_parent" onClick="pagina('Membri')">Membri</a><br> <a href="#" target="_parent" onClick="pagina('Statuto')">Statuto</a></p> </div> <div id="overmenu" style="position:absolute; width:132px; height:115px; z-index:2; left: 0px; top: 178px; background-color: #D5EFB5; layer-background-color: #D5EFB5; border: 1px none #000000;"> <div align="center"></div> </div> <div align="center"><a href="#" target="_parent">Forum</a></div> </div> <div id="Layer3" style="position:absolute; width:500px; height:73px; z-index:2; background-color: #D5EFB5; layer-background-color: #D5EFB5; border: 1px none #000000;"><img src="img/banner1.gif" width="500" height="73"></div> <div id="corpo" style="position:absolute; width:367px; height:293px; z-index:3; left: 133px; top: 74px; background-color: #D5EFB5; layer-background-color: #D5EFB5; border: 1px none #000000; overflow: auto;"> <div align="center"></div> </div> </div> </body> </html>

pagine.js

Codice:

// JavaScript function pagina(tipo){ var tipo = elem.tipo; if(tipo == Home){ document.getElementById("corpo").innerHTML = '..............home.................'; } else if(tipo == Descrizione){ document.getElementById("corpo").innerHTML = '...............descrizione.................'; } else if(tipo == Membri){ document.getElementById("corpo").innerHTML = '...............membri..................'; } else if(tipo == Statuto){ document.getElementById("corpo").innerHTML = '................statuto..................'; } else{ document.getElementById("corpo").innerHTML = '.................home..............'; } }

Grazie ^_^

Nella funzione pagina() hai specificato i termini di confronto come variabili (senza virgolette) e non come stringhe (con le virgolette). Aggiungi le virgolette ai termini Home, Descrizione, Membri, Statuto e il problema dovrebbe risolversi...

Ah, se poi avrai problemi con altri browser, prova ad usare le funzioni getHTML() e setHTML() se ho messo in questo post: http://forum.altervista.org/showpost...31&postcount=2

Stammi bene...

1- Continua a non andare nonostante ho messo le virgolette ç_ç
2- Non ho ben capito come bisogna usare setHTML per farlo funzionare anche con Firefox o Opera

Citazione:

Originalmente inviato da comunitavirtuali

1- Continua a non andare nonostante ho messo le virgolette ç_ç

Forse è perché devi CLICCARE sui link o usare il GESTORE onMouseOver invece di onClick... :-D

Citazione:

Originalmente inviato da comunitavirtuali

2- Non ho ben capito come bisogna usare setHTML per farlo funzionare anche con Firefox o Opera

Aggiungi al tuo script quelle funzioni. Poi, modifica la funzione pagina() le righe

Codice:

document.getElementById ("elemento").innerHTML = "testo";

con

Codice:

setHTML ("elemento", "testo");

Stammi bene...

Io cancellerei questa riga:

Codice:

var tipo = elem.tipo;

O forse ho capito male il funziomento dello script?

Puoi trovare una versione aggiornata dello script qui (tutta in un file): http://dementialsite.altervista.org/.../mouseover.htm

Citazione:

Originalmente inviato da comunitavirtuali (messaggio privato)

XD sarò io negato dato che questo è il mio 2 script javascript che faccio da zero ma .... continua a non funzionare :=D:
^_^ potresti provarlo magari localmente per vedere come farlo funzionare O.ò ??

Ma le scritte in firma le avrò messe per qualcosa... e dire che mi pare di averti già avvisato...

:) chiedo scusa , mi ero dimenticato .

Ferpetto , va alla grande ^_^
----------
Edit :

Ho modificato il codice così da farlo venire come volevo io , cioè al click stampare la scritta ^_^

Lo posto nel caso qualcuno cerchi nel forum qualcosa di simile =)

prova.htm

Codice HTML:

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Alleanza F.A.N.</title> <script language="javascript1.4" type="text/javascript" src="js.js"></script> </head> <body> <div id="Layer1" style="position:absolute; width:500px; height:366px; z-index:1; left: 20px; top: 20px;"> <div id="menu" style="position:absolute; width:132px; height:177px; z-index:1; top: 74px; background-color: #D5EFB5; layer-background-color: #D5EFB5; border: 1px none #000000;"> <div align="center"> <p>MENU</p> <p><a href="javascript:pagina('Home')" target="_parent" >Home</a><br> <a href="javascript:pagina('Descrizione')" target="_parent">Descrizione</a><br> <a href="javascript:pagina('Membri')" target="_parent">Membri</a><br> <a href="javascript:pagina('Statuto')" target="_parent">Statuto</a></p> </div> <div id="overmenu" style="position:absolute; width:132px; height:115px; z-index:2; left: 0px; top: 178px; background-color: #D5EFB5; layer-background-color: #D5EFB5; border: 1px none #000000;"> <div align="center"></div> </div> <div align="center"><a href="#" target="_parent">Forum</a></div> </div> <div id="Layer3" style="position:absolute; width:500px; height:73px; z-index:2; background-color: #D5EFB5; layer-background-color: #D5EFB5; border: 1px none #000000;"><img src="img/banner1.gif" width="500" height="73"></div> <div id="corpo" style="position:absolute; width:367px; height:293px; z-index:3; left: 133px; top: 74px; background-color: #D5EFB5; layer-background-color: #D5EFB5; border: 1px none #000000; overflow: auto;"> <div align="center"></div> </div> </div> </body> </html>

js.js

Codice HTML:

function pagina(tipo){ if(tipo == 'Home'){ document.getElementById("corpo").innerHTML = '..............home.................'; } else if(tipo == 'Descrizione'){ document.getElementById("corpo").innerHTML = '...............descrizione.................'; } else if(tipo == 'Membri'){ document.getElementById("corpo").innerHTML = '...............membri..................'; } else if(tipo == 'Statuto'){ document.getElementById("corpo").innerHTML = '................statuto..................'; } else{ document.getElementById("corpo").innerHTML = '.................home..............'; } }