onMouseOver & onMouseOut che non funzionano

**Grinder** · 13-05-2004, 17:58

Il codice è ils eguente:

codice:

<HTML>
<HEAD>
<SCRIPT language="javascript">
<!--
function icona(value) {
 document.legenda.icona.value=value;
}
// -->
</script>
</head>
<FORM ENCTYPE="text/plain" NAME="legenda">
<CENTER>
  

[img]../Img/Icone/25.gif[/img]</p>
  </center>
<CENTER>
  


    <INPUT name="icona" TYPE="text" id="icona" size="50">
  </p>
  </center></FORM>

Non capisco perchè ma lo script funziona solo con onClick, anche se è ben specificato il onMouseOver! Qualcuno me lo sa spiegare?
Lo script l'ho modificato da uno trovato in rete, è possibile al posto del campo text usare una tabella o un layer?

**tridi9** · 13-05-2004, 18:16

codice:

<HTML>
<HEAD>
<SCRIPT language="javascript">
<!--
function icona(value) {
 document.legenda.icona.value=value;
}
// -->
</script>
</head>
<body>
<FORM ENCTYPE="text/plain" NAME="legenda">
<CENTER>
  

<a href="javascript:icona('Pacific Region; Hawaii')">
  [img]image.gif[/img]</a></p>
  </center>
<CENTER>
  


    <INPUT name="icona" TYPE="text" id="icona" size="50">
  </p>
  </center></FORM>
</body>
  </html>

**tridi9** · 13-05-2004, 18:18

occhio che "il forum" stacca java da script -> java script

**Grinder** · 13-05-2004, 20:23

Cos'hai cambiato?

**Grinder** · 13-05-2004, 20:51

Non funziona, mi appare solo quando clicco sull'immagine

**Mich_** · 14-05-2004, 08:55

[img]../Img/Icone/25.gif[/img]

Qui ci sono due oggetti (link e img) che utilizzano gli stessi eventi: c'e` una img inserita dentro un link.

Immagino che nonci sia specificato un DOCTYPE, altrimenti non funzionerebbe nulla.
A questo punto i browser possono interpretare come vogliono.

Converrebbe spostare gli eventionmouseover e onmouseout nel tag <a>:

[img]../Img/Icone/25.gif[/img]

Occorrerebbe anche un ristrutturazione del codice in HTML corretto, altrimenti potresti avere sorprese in qualche browser rigoroso. Meglio sarebbe usare HTML4 o XHTML e spostare gli attributi di formattazione nei CSS.

**Grinder** · 14-05-2004, 13:33

E dire che l'ho preso da html.it...

**Grinder** · 14-05-2004, 13:48

Boh

Ho provato a ripulire tutto, ma continua a non funzionare correttamente...

codice:

<html>
<head>
<SCRIPT language="javascript">
<!--
function icona(value) {
 document.legenda.icona.value=value;
}
// -->
</script>
</head>

<body>
<form action="" name="legenda" id="legenda">
  

[img]Img/Icone/25.gif[/img]</p>
  


    <input name="icona" type="text" id="icona" size="50">
  </p>
</form>
</body>
</html>

Non è che conosci uno script che svolga un lavoro simile?

**Mich_** · 14-05-2004, 15:07

Allora ti propongo una cosa completamente diversa.

codice:

<form action="" name="legenda" id="legenda">
  

<a href="Alimentari" onclick="document.legenda.icona.value='Alimentari'; return false;">
[img]Img/Icone/25.gif[/img]</a></p>
  


    <input name="icona" type="text" id="icona" size="50">
  </p>
</form>

Nota che e` necessario il return false;

**Grinder** · 14-05-2004, 15:13

onClick va bene quando uno sa che c'è da cliccare, ma se non lo sa è meglio onMouseOver. Non c'è proprio verso?

Discussione: onMouseOver & onMouseOut che non funzionano

Strumenti discussione

Ricerca discussione

Visualizza

onMouseOver & onMouseOut che non funzionano

Permessi di invio