onmouseover - su FireFox e InternetExplorer diversi comportamenti

**masternet** · 24-02-2009, 15:49

Ciao a tutti,

ho un problema di visualizzazione con FireFox e IE, con il primo funziona l'evento onmouseover, con il secondo no.

il codice è questo

la funzione javascript che uso è la seguente:

Ho provato anche con i css in combinazione con java
HTML:

<tr class="field" onmouseover="sopra(this)" onmouseout="fuori(this

CSS:

.fuori {
font : 9px Verdana, Tahoma, Helvetica;
color: #000000;
background-color: #FFFFCC;
opacity:0.8;filter:alpha(opacity=80)
}

.sopra {
background-color:#CC0000;
font : 9px Verdana, Tahoma, Helvetica;
color: #FFFFFF;
opacity:0.9;filter:alpha(opacity=100)

}
.field {
font : 9px Verdana, Tahoma, Helvetica;
color: #000000;
font-stretch:wider;
background-color:FFFFCC;
opacity:0.8;filter:alpha(opacity=80)
}

JAVA:

Qualcuno saprebbe indicarmi come poter rendere il codice compatibile per entrambi i browser..eventualmente non solo per questi .. ?

Se non c'è altro modo, credo che l'unica soluzione sia mettere un controllo che in base al tipo di browser, carica fogli di stile diversi o qualcosa del genere..che ne pensate?

Grazie per l'aiuto!

**masternet** · 24-02-2009, 17:01

:up

**Gufo** · 24-02-2009, 17:10

Per un rollover compatibile con tutti i browser usa solo i css non c'è bisogno di JS

**masternet** · 24-02-2009, 17:16

scusa, in che modo posso usare solo i css?

nel senso, dovrei scrivere qualcosa del tipo

<tr onmouseover=\"background-color: #FFFFCC;color: #000000;opacity:0.8;filter:alpha(opacity=80);\" onmouseout=\"color: #000000;background-color: #FFFFCC;opacity:0.8;filter:alpha(opacity=80)\">

??

**Gufo** · 24-02-2009, 17:28

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
#cont {
	display:block;
	position:relative
}
#cont span {
	background:#FF0000;
	position:absolute;
	top: 0;
	left: 0;
}
#cont a:hover span {
	background:#0000FF;
	position:absolute;
	top: 0;
	left: 0;
}
-->
</style>
</head>

<body>

<div id="cont">
	<span>clicca qui</span>
</div>

</body>
</html>

**masternet** · 24-02-2009, 17:37

ok,
ma per applicarlo ad un tr dovrei cambiare "span" con "tr"?

**Gufo** · 24-02-2009, 17:58

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
#cont {
	display:block;
}
#cont table tr td {
	background:#FF0000;
	display:block;
}
#cont  table tr td a:hover {
	background:#0000FF;
}
-->
</style>
</head>

<body>

<div id="cont">
	<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>clcca qui</td>
  </tr>
</table>

</div>

</body>
</html>

**masternet** · 24-02-2009, 18:04

ma quindi onmouseover non è applicabile al tag tr ?

P.s.: ho provato il tuo ultimo codice e non funziona ne su FireForx ne su IE...

**Gufo** · 24-02-2009, 18:07

Originariamente inviato da masternet

P.s.: ho provato il tuo ultimo codice e non funziona ne su FireForx ne su IE...

Perchè dici queste bugie? Fidati funziona!! Riprova

**masternet** · 24-02-2009, 18:29

ok avevo copiato male io ...sorry

cmq non hai risposto alla mia domanda...

è applicabile o meno al tr?

cmq è una soluzione che è legata ad un href ... e se il td o tr non dovesse contenere link ?

Discussione: onmouseover - su FireFox e InternetExplorer diversi comportamenti

Strumenti discussione

Ricerca discussione

Visualizza

onmouseover - su FireFox e InternetExplorer diversi comportamenti

Permessi di invio