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" <wa...@wdstudio.com> 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 <wa...@wdstudio.com> > 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 > prototype-scriptaculous@googlegroups.com. > > To unsubscribe from this group, send email to > prototype-scriptaculous+unsubscr...@googlegroups.com. > > 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 > prototype-scriptaculous@googlegroups.com. > > To unsubscribe from this group, send email to > prototype-scriptaculous+unsubscr...@googlegroups.com. > > 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 > prototype-scriptaculous@googlegroups.com. > To unsubscribe from this group, send email to > prototype-scriptaculous+unsubscr...@googlegroups.com. > 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 prototype-scriptaculous@googlegroups.com. To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en.