[Javascript] innerHTML onMouseOver , non va

13-04-2006, 12.15.41

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 ^_^

**dementialsite** · 13-04-2006, 13.02.03

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...

13-04-2006, 13.30.36

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

**dementialsite** · 13-04-2006, 13.44.53

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

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...

**funcool** · 13-04-2006, 15.12.18

Io cancellerei questa riga:

Codice:

var tipo = elem.tipo;

O forse ho capito male il funziomento dello script?

**dementialsite** · 13-04-2006, 15.31.08

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

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

^_^ 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...

13-04-2006, 17.19.01

:) 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..............';
	}

}

Discussione: [Javascript] innerHTML onMouseOver , non va

LinkBack

Strumenti discussione

Display

[Javascript] innerHTML onMouseOver , non va

Regole di scrittura