You were bang on about going up the heirarchy... instead of the top of the
dom, I went to the tabs div and then it was working fine.
I was able to just include the rows in mail...
mail system is 99% functional... will have to add in a contact list type
system but will do that later.
Thanks for all your help!
On Thu, Jan 3, 2013 at 4:56 PM, Walter Lee Davis <wa...@wdstudio.com> wrote:
> 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" <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.
>
> --
> 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.
