<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2900.2963" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff>
<DIV><FONT face=Arial size=2>
<DIV><FONT face=Arial size=2>
<DIV><FONT face=Arial color=#0000ff size=2>Hi All,</FONT></DIV>
<DIV><FONT face=Arial color=#0000ff size=2></FONT> </DIV>
<DIV><FONT face=Arial color=#0000ff size=2>i have one file
named utility.js with this javascript function:</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><FONT face=Arial size=2>function tableruler() {<BR> if
(document.getElementById && document.createTextNode)
{<BR> var
tables=document.getElementsByTagName('table');<BR> for (var
i=0;i<tables.length;i++)<BR>
{<BR> if(tables[i].className=='ruler')
{<BR> var
trs=tables[i].getElementsByTagName('tr');<BR>
for(var j=0;j<trs.length;j++)<BR>
{<BR>
if(trs[j].parentNode.nodeName=='TBODY')
{<BR>
trs[j].onmouseover=function(){this.className='ruled';return
false}<BR>
trs[j].onmouseout=function(){this.className='';return
false}<BR>
}<BR>
}<BR> }<BR> }<BR>
}<BR>}<BR>window.onload=function(){tableruler();}</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><FONT face=Arial color=#0000ff size=2> This function mark the row
of one table when onmouseover on the row.</FONT></DIV>
<DIV><FONT face=Arial color=#0000ff size=2></FONT> </DIV>
<DIV><FONT face=Arial color=#0000ff size=2>When is call the function from html
file esempio.html all work fine.</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><FONT face=Arial color=#0000ff size=2><STRONG>esempio.html is
:</STRONG></FONT></DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><FONT face=Arial size=2> <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN" <BR>"<A href=""><FONT
color=#000000>http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</FONT></A>"><BR><html
xmlns="<A href=""><FONT color=#000000>http://www.w3.org/1999/xhtml</FONT></A>"
lang="it"><BR><head></FONT></DIV>
<DIV> </DIV>
<DIV><FONT face=Arial size=2> <title>Tabelle con onmouseover -
Esempio JavaScript scaricato da
HTML.it</title><BR> <BR> <script type="text/javascript"
src="utility.js"><!--// ajax utility //--></script></FONT></DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><FONT face=Arial size=2><style type="text/css"><BR><!--<BR>#demo
tr.ruled {<BR>
background:#9cf;<BR>}<BR>--><BR></style></FONT></DIV>
<DIV><FONT face=Arial size=2><BR></head><BR><body ><BR><br
/><br /><BR><div align="center"></DIV>
<DIV><BR>Passa con il mouse sulla tabella<br><br></DIV>
<DIV> </DIV>
<DIV><table id="demo" class="ruler" cellpadding="5" style="border:solid 1px
#000"><BR><tr><BR><td>Testo 1</td><td>Testo
2</td><BR></tr><BR><tr><BR><td>Testo
3</td><td>Testo
4</td><BR></tr><BR><tr><BR><td>Testo
5</td><td>Testo
6</td><BR></tr><BR></table><BR></div><BR><br
/><br /><br /><br /><br /><br
/><BR></body><BR></html></DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV><FONT color=#0000ff>I'm interesting to do it from SUComponent subClass
TabellaTest where i'have defined the method:</FONT></DIV>
<DIV> </DIV>
<DIV>updateRoot: aHtmlRoot<BR> super updateRoot: aHtmlRoot.</DIV>
<DIV> </DIV>
<DIV> aHtmlRoot<BR> title:
'dtr';<BR> linkToStyle: (self resources addToPath:
'cursor.css').</DIV>
<DIV> </DIV>
<DIV> aHtmlRoot linkToScript: (self resources
addToPath: 'utility.js' ).</DIV>
<DIV> </DIV>
<DIV><FONT color=#0000ff>and where the renderContentOn: t1 method
is:</FONT></DIV>
<DIV> </DIV>
<DIV><FONT color=#0000ff><FONT color=#000000>renderContentOn: t1</FONT>
</FONT></DIV>
<DIV> t1 heading: 'My friends' level: 1.</DIV>
<DIV> </DIV>
<DIV> t1 table id: 'demo'; class: 'ruler'; style: 'border:solid
5px #000'; attributeAt: #cellpadding put:'15';
with:[<BR> self
renderDatabaseRowsOn:
t1].<BR> <BR> t1
horizontalRule.<BR> </DIV>
<DIV><FONT color=#0000ff>The rendering work fine but the selection row when
onmouseover d'ont work.</FONT></DIV>
<DIV><FONT color=#0000ff></FONT> </DIV>
<DIV><FONT color=#0000ff></FONT> </DIV>
<DIV><FONT color=#0000ff>What i'have wrong ?</FONT></DIV>
<DIV><FONT color=#0000ff></FONT> </DIV>
<DIV>
<P class=MsoNormal><FONT face=Arial color=#0000ff size=2><SPAN
style="FONT-SIZE: 10pt; COLOR: navy; FONT-FAMILY: Arial">Any pointers would be
greatly appreciated!<BR><BR>Thanks!</SPAN></FONT></P><FONT face=Arial
size=2><SPAN
style="FONT-SIZE: 10pt; COLOR: navy; FONT-FAMILY: Arial"></SPAN></FONT></DIV>
<DIV><FONT face=Arial color=#0000ff size=2><SPAN
style="FONT-SIZE: 10pt; COLOR: navy; FONT-FAMILY: Arial">Dario
Trussardi</SPAN></FONT></DIV>
<DIV><FONT color=#0000ff></FONT> </DIV>
<DIV><FONT
color=#0000ff></FONT></FONT> </DIV></FONT></DIV></FONT></DIV></BODY></HTML>