I'm expanding the table row highlighting ya'll helped me with before. Now
I have two tables on a page and each table has rows that I want to
highlight on mouseover.
Can't give the tables the same id so what I was doing was creating a div
with a class:
<table class='blah' id='blah' ...>
<tr><th>Col 1</th><th> col 2</th></tr>
<div class='row_highlight'>
<tr><td>Data 1</td><td>Data 2</td</tr>
<tr><td>Data 1</td><td>Data 2</td</tr>
<tr><td>Data 1</td><td>Data 2</td</tr>
</div>
</table>
In prototype I'm trying:
$$('div.row_highlight tr').each(function(item) {
item.observe('mouseover', function() {
item.addClassName('over');
});
item.observe('mouseout', function() {
item.removeClassName('over');
});
});
$$ is returning null... not even getting to the item.observe
Obviously, I'm doing something wrong here... googled around and most people
seem to be doing it the way I am... what am I missing?
--
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
