Script cambio background non funziona su mozilla

[SGr33n]

Ciao a tutti,

stranamente questo script che uso per il cambio del colore di sfondo di un elemento, non funziona su mozilla:

	function onColor(elem,col)
	{
		elem.style.backgroundColor=col;
	}

	function offColor(elem,col)
	{
		elem.style.backgroundColor=col;
	}

l'ho incluso in un file .js che richiamo così:

<script type="text/javascript" src="default.js"></script>

e lo uso in questo modo:

<td class="titolo" onMouseOver="onColor(this,'FF0000');" onMouseOut="onColor(this,'FFF');">

Non capisco, dovrebbe funzionare anche su Firefox, ma non funziona... su Internet Explorer è tutto ok...

Qualcuno saprebbe darmi una mano ?

Grazie 1000

[Anªkin]

Il colore lo devi passare col cancelletto #FFF,#000.

[billo]

ma fai così:
onmouseover="this.style.backgroundColor = '#tuocolore'"
perchè usare funzioni per cose così banali..comunque puoi in alternativa usare i css:
metti in head:

<style type="text/css">
<!--
td.titolo {
  background-color: #colorenormale;
}
td.titolo:hover {
  background-color: #coloredisopra;
}
-->
</style>

e non devi mettere niente, basta un class="titolo" e da solo mette l'effetto hover.

[SGr33n]

verissimo non avevo pensato di usare l'hover del css...

Grazie 1000 ad entrambi

[SGr33n]

Ho provato, ero sicuro che funzionasse eppure su firefox va mentre su IE no.

L'elemento a cui cambio il background è un div, c'entrerà mica qualcosa ?

Ho fatto così:

.menuControlloElem { background: #FFF; }
.menuControlloElem:hover { background: #FF0000; }

[Anªkin]

Infatti funziona solo su FF, IE riconosce l'hover solo sui tag anchor se non erro.

[COMANDANTE SPACE]

piccola correzione, la pseudoclasse :hover funziona su *tutti* i browser standard compliant, dicendo che funziona solo su firefox non si rende giustizia a tutti gli altri browser veri.Chiaramente su IE6 non funziona....

Il mio consiglio è di usare il css, che verrà riconosciuto dai browser seri, e usare insieme uno script che riconosce solo IE e gli setta gli eventi mouseover e mouseout.

altro consiglio, gli attributi onmouseover e onmouseout puoi benissimo scriverli tutti in minuscolo, come tutti gli attributi dell'(x)html (per la precisione, in html va bene sia il maiuscolo che il minuscolo, ma in xhtml è obbligatorio il minuscolo, quindi seguendo il consiglio, se un giorno vorrai cambiare il doctype in xhtml, avrai una scocciatura in meno, cioè quella di cambiare da maiuscolo a minuscolo le M e le O)

[SGr33n]

Infatti hai ragione, il document type è già xhtml strict, solo che ancora devo validarlo per correggere i vari errori

Grazie 1000 a tutti

[Anªkin]

Vero, pardon, imprecisione mia che accomuno tutti gli altri browser a FF.