Newsgroup: it.comp.lang.javascript
Titolo: effetto rollover tag <td>

Salve a tutti.. come da topic.. come posso fare per creare un effetto 
rollover usando onmouseover associato al tag <td> ??
Vi ringrazio anticipatamente

 Vi ringrazio anticipatamente
Penso di aver risolto da solo cercando un po meglio :D
<td onMouseOver="this.bgColor = '#000000'" onMouseOut="this.bgColor = 
#ffffff'">
</td>
in iexplorer va ed anche in mozilla funziona.. grazie lo stesso

 in iexplorer va ed anche in mozilla funziona.. grazie lo stesso
io credo che sia meglio fare cosi', visto che credo che prima o poi bgColor
lo toglieranno anche in JS (qui tolgono tutto ultimamente :), in XHTML
(strict) non c'e' piu' come attributo:
http://www.w3.org/TR/xhtml1/dtds.html#dtdentry_xhtml1-strict.dtd_td
e quindi:
<td onmouseover="this.style.backgroundColor= '#000000'"
onmouseout="this.style.backgroundColor='#ffffff'">
intanto NN4.x mi sembra che manco sappia cosa siano onmouseover/onmouseout
nelle tabelle...

 onmouseout="this.style.backgroundColor='#ffffff'">
Eh.. questa da te non me l'aspettavo.. :)
In un post cerchi di risparmiare 4 byte su una funzione, e mo' qua ne
sprechi a iosa laddove, presumibilmente, questo codice verra' ripetuto per
"n" celle e "n" righe?
.. Dov'e' finita la tua vena risparmiosa? ;)
-- 
C'ya,
  ZER0 :: coder.gfxer.webDesigner();
Alcune persone sono ancora vive per il semplice motivo che e' 
illegale ucciderle.

 .. Dov'e' finita la tua vena risparmiosa? ;)
Inizio a sospettare che tu ce l'abbia con me...
In questi 2 giorni non avevo un ca**o da fare e mi sono divertito a
rispondere a destra e a sinistra mettendo a disposizione quelle 2 cose che
so e che mi hanno insegnato e che ho anche letto in alcuni thread
interessanti...
Ma tu mi hai sempre pedinato senza lasciarmi un attimo di tregua...
start OT
Ad es. invece di stressarmi qui perche' non mi dici cosa mi sono perso in
quel altro thread che riguardano i link che non ci sto capendo piu' niente a
messo che ci abbia mai capito qualcosa...
end OT
[Per Vincenzo]
Ovviamente se la funzione dovesse ripetersi per tante celle conviene che tu
faccia una funzione in modo da non sprecare byte preziosi :)
E gia' che ci siamo, se l'eventuale funzione e' cosi' banale, nel senso che
deve cambiare colore al passaggio del mouse allora credo che la cosa si
possa risolvere in qualche modo con i CSS senza JS...

 possa risolvere in qualche modo con i CSS senza JS...
In tre secondi la risolvi con i CSS2. Ma, ovviamente, dimenticati IE e
compagnia. Altrimenti devi cambiare il codice HTML, ma a quel punto altro
che spreco di byte.. se lo fai solo per un semplice highlight non ne vale
certo la pena.
-- 
C'ya,
  ZER0 :: coder.gfxer.webDesigner();
"Lo dice il buon senso, ma il buon senso non e' uno standard".
(Jeffrey Zeldman)

 Ma tu mi hai sempre pedinato senza lasciarmi un attimo di tregua...
Fai il bravo, ha anche messo una faccina sorridente ( :-) ) + 1 faccina che
fa l'occhiolino ( ;) )
-- 
"That until there is no longer first class
And second class citizens of any nation
Until the colour of a man's skin
Is of no more significance than the colour of his eyes
Me say war"
B.M. -- 

 certo la pena.
Io pensavo all'introduzione dei tag <a> "semi-inerti", una cosa tipo:
<!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>
<title>HighLight</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
td a:link, a:visited, a:hover, a:active {
 cursor: default;
 text-decoration: none;
 color: #000;
 background-color: #FFF;
}
td a:hover {
 background-color: #000;
}
-->
</style>
</head>
<body>
<table border="1">
  <tr>
    <td><a href="#">Text1</a></td>
  </tr>
  <tr>
    <td><a href="#">Text2</a></td>
  </tr>
</table>
</body>
</html>

 fa l'occhiolino ( ;) )
Ma io faccio il bravo, cosa ho fatto...
comunque come gia' ho detto, ho fatto una piccola generalizzazione...
Comunque, non ci sono problemi, spero di non aver offeso nessuno :(
Ho espresso solo questa mia strana sensazione, ovviamente non del tutto
veritiera (un pochino enfatizzata...)

 
Ragazzi grazie per l'aiuto!
Fortunatamente qquesto codice si deve ripetere solo 2 volte :D
Grazie ancora!

 rollover usando onmouseover associato al tag <td> ??
Ciao,
    puoi dare uno sguardo qui: 
http://pro.html.it/articoli/id_465/idcat_11/pro.html
Saluti,
    Alessandro Fulciniti