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.
