Newsgroup: it.comp.lang.javascript
Titolo: bordo cella dentro onmouseover

Ciao a tutti,
volevo porvi un quesito che non sono riuscito a risolvere cercando in giro 
su internet.
devo fare in modo che quando mi metto sopra una cella questa cambi lo sfondo 
e metta la linea sopra e sotto al bordo della cella
ho fatto cosi
<table>
 <tr onmouseover="style.backgroundColor='#ffffff' 
onmouseout="style.backgroundColor=''
    <td>ssssss</td>
    <td>33333</td>
</tr>
</table>
vorrei mettere il bordo sul top e bottom dentro l'evento onmouseover
ho provato ma non ci sono riuscito..... qualcuno mi puň aiutare ? grazie.
dovrei ottenere questo perň in maniera dinamica cioe dentro onmouseover
<td style="border-bottom: 1 solid #000000;border-top: 1 solid #000000">
Dario Cudde
dal salento con FUROREEEE

 onmouseout="style.backgroundColor=''
Mancano un po' di virgolette (ma immagino sia un errore di battitura).
Attenzione che se ricordo bene IE4 non propaga il backgroundColor settato
via javascript alle singole celle (sarebbe quindi meglio settarlo per le
singole td).
Inoltre manca il this, non so come si comporta.
Quindi:
<tr onmouseover="this.style.backgroundColor='#ffffff'" ...>
<td onmouseover="this.style.borderTop:'1px outset black'" ... >
-- 
"Non sai che ci vuol scienza
 ci vuol costanza
 ad invecchiare senza maturità"
									    F.G.


Ciao,
 si le virgolette fa parte della battitura
senza this funziona comunque il backgroundcolor!!!
mettendo dentro il <td onmouseover="this.style.borderTop:'1px outset 
black'">
il codice da te scritto mi da errore di sintassi!!!! :-(
penso il doppio onmouseover non funzioni, dovrei mettere il codice dentro il 
<tr onmouseover="quello di prima; nuova istruzione riferito a td però"
hai qualche soluzione?

 il codice da te scritto mi da errore di sintassi!!!! :-(
cristiano ha scritto erroneamente ":" anziche' "="
<td onmouseover="this.style.borderTop='1px outset black'">
                                   --^
-- 
Studiare e' lento, quando non hai professori rock

 <td onmouseover="this.style.borderTop:'1px outset black'" ... >

 cellle td....... uhm..possibile?
devi ovviamente ripetere l'onmouseover su tutte le celle(*)
io lavorerei con le classi CSS in questo modo:
/* CSS */
.td_over {
   background-color: fuchsia;
   border-top: 2px dashed lime
}
.td_out {
   background-color: transparent;
   border-top: none
}
/* HTML */
<td onmouseover="td_over(this)" onmouseout="td_out(this)"></td>
<td onmouseover="td_over(this)" onmouseout="td_out(this)"></td>
...
<td onmouseover="td_over(this)" onmouseout="td_out(this)"></td>
/* JS */
function td_over(el) {
   el.className = "td_over";
}
function td_out(el) {
   el.className = "td_out";
}
(*) potresti ricorrere ai behavior/bindings ma te lo sconsiglio vivamente
-- 
La parte migliore dell'innamoramento e' quando
non immagini ancora che l'amato ha altri piani

 cellle td....... uhm..possibile?
scusami ma non avevo capito bene la tua esigenza.
Vuoi evidenziare tutta la riga al passaggio del mouse?
Visto che non e' possibile dare un bordo alle righe <tr>, puoi comunque
dare un bordo agli elementi <td> contenuti nella riga:
/* CSS */
.td_over {
   background-color: fuchsia;
   border-top: 2px dashed lime
}
.td_out {
   background-color: transparent;
   border-top: none
}
/* HTML */
<tr onmouseover="tr_over(this)" onmouseout="tr_out(this)">
   <td></td>
   <td></td>
   ...
   <td></td>
</tr>
/* JS */
function tr_over(el) {
   var tds = el.getElementsByTagName("td");
   for (var i = 0; i < tds.length; ++i)
      tds[i].className = "td_over";
}
function tr_out(el) {
   var tds = el.getElementsByTagName("td");
   for (var i = 0; i < tds.length; ++i)
      tds[i].className = "td_out";
}
-- 
La parte migliore dell'innamoramento e' quando ancora non
immagini che l'oggetto del tuo amore ha tutt'altri piani.

si claudio ma facendo cosi
ottiene lo sfondo e i bordi solo nella cella dove ti posizioni....io oltre 
che alla cella dove mi posiziono devo comprendere anche tutte le altre.... 
per questo avevo utlizzato onmouseover nel tr....il problema e che i bordi 
li devo mettere nel td!!!
"Claudio" <cla@ME_A_LINEemeraldion.it> ha scritto nel messaggio 
news:43ac12ca$0$1080$4faf...@reader3.news.tin.it...


ok grazie... adesso č quello che volevo ottenere..
auguri a tutti.