You can be as specific as you want. If you need to highlight only the tables
that have a particular ancestor, you could make the selector something like
document.on('mouseover', 'table.stripe tr', ...
and then you would only capture the tables that you had deliberately marked as
being "stripe-able". Or use the ID of that tab to scope the selection, or any
other CSS tricks you can think of. It's a very flexible approach.
Walter
On Jan 3, 2013, at 4:48 PM, Phil Petree wrote:
> OK, I could do that but I wouldn't want it over every tr, only those within
> the mail table. For instance if you were in an alternate tab viewing an
> email, you wouldn't want a mouseover on the to, from, subject or message
> rows. Likewise in the compose tab.
>
> On Jan 3, 2013 2:27 PM, "Walter Lee Davis" <[email protected]> wrote:
>
> On Jan 3, 2013, at 1:41 PM, Phil Petree wrote:
>
> > Thanks Walter! I tried quite a few things... borrowed 1/2 dozen snippets
> > from various places and nothing was working till yours.
> >
> > I still have one question, how do you undo (stopObserving) these events?
> > When I load new tables into the other tabs via ajax they are not being
> > monitored which means I need to do a stopEvent and restart with the new
> > rows.
>
> No, you just have to observe from higher up. If you use
> document.on('mouseover'... it will work no matter when or where you insert
> the elements:
>
> http://scripty.walterdavisstudio.com/table-hover.html
>
> I'm not using an Ajax call here to create my new tables, but I am generating
> a completely new object after the page load, and that object has no observers
> defined on it. There's just a single observer at the document level, and it
> listens to all mouseover and mouseout events but only acts when they happen
> over a tr.
>
> Walter
>
> >
> > BTW, I had to add a mouseout because when I take the mouse off the table it
> > left a row still highlighted.
> >
> > It now looks like this:
> > var rows = $$('#mail tr');
> > $('mail').on('mouseover', 'tr', function(evt, elm){
> > rows.invoke('removeClassName', 'over');
> > elm.addClassName('over');
> > });
> > $('mail').on('mouseout', 'tr', function(evt, elm){
> > rows.invoke('removeClassName', 'over');
> > });
> >
> >
> > On Thu, Jan 3, 2013 at 11:25 AM, Walter Lee Davis <[email protected]>
> > wrote:
> >
> > On Jan 3, 2013, at 8:59 AM, Phil Petree wrote:
> >
> > > $('mail').on('mouseover', 'tr', function(elm, evt){
> >
> > My error, the variables are swapped. Make that line this:
> >
> > $('mail').on('mouseover', 'tr', function(evt, elm){
> >
> > Walter
> >
> > --
> > You received this message because you are subscribed to the Google Groups
> > "Prototype & script.aculo.us" group.
> > To post to this group, send email to
> > [email protected].
> > To unsubscribe from this group, send email to
> > [email protected].
> > For more options, visit this group at
> > http://groups.google.com/group/prototype-scriptaculous?hl=en.
> >
> >
> >
> > --
> > You received this message because you are subscribed to the Google Groups
> > "Prototype & script.aculo.us" group.
> > To post to this group, send email to
> > [email protected].
> > To unsubscribe from this group, send email to
> > [email protected].
> > For more options, visit this group at
> > http://groups.google.com/group/prototype-scriptaculous?hl=en.
>
> --
> You received this message because you are subscribed to the Google Groups
> "Prototype & script.aculo.us" group.
> To post to this group, send email to [email protected].
> To unsubscribe from this group, send email to
> [email protected].
> For more options, visit this group at
> http://groups.google.com/group/prototype-scriptaculous?hl=en.
>
>
> --
> You received this message because you are subscribed to the Google Groups
> "Prototype & script.aculo.us" group.
> To post to this group, send email to [email protected].
> To unsubscribe from this group, send email to
> [email protected].
> For more options, visit this group at
> http://groups.google.com/group/prototype-scriptaculous?hl=en.
--
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en.
