Actually the observer is not attached to sub1 and sub2 - but the event from
those elements is bubbling up to the parent <li> and the event is firing.

try this - instead of attaching to the <li> parent try attaching to the <a
href> and add an ID attribute to it

snip...

<li><a href="#" id="helpink"><span>Help</span></a>
        <ul>
         <li><a href="#" role="menuitem"><span>sub1</span></a></li>
         <li><a href="#" role="menuitem"><span>sub2</span></a></li>
       </ul>
    </li>


snip...

then the javascript becomes

$('helplink').observe("mouseover",respondTo);


if you have multiple helplinks you can turn it into a class like so

<li><a href="#" class="helpink"><span>Help</span></a>
        <ul>
         <li><a href="#" role="menuitem"><span>sub1</span></a></li>
         <li><a href="#" role="menuitem"><span>sub2</span></a></li>
       </ul>
    </li>

then the javascript is

$$(".helplink").invoke("observe","mouseover",respondTo);

The invoke() method will iterate over the array that is returned and do the
specified method on those items



Jason Westbrook | T: 313-799-3770 | jwestbr...@gmail.com



On Sun, Dec 16, 2012 at 9:45 AM, Laurent Barre <houpde...@gmail.com> wrote:

> Hi,
>
> I have :
>
> <nav id="navigation" role="navigation">
>   <ul id="menu" role="menubar">
>     <li title="Hello World!"><a href="#"><span>Home</span></a></li>
>     <li attr="parent"><a href="#"><span>Help</span></a>
>         <ul>
>          <li><a href="#" role="menuitem"><span>sub1</span></a></li>
>          <li><a href="#" role="menuitem"><span>sub2</span></a></li>
>        </ul>
>     </li>
> </nav>
>
>
>
> $$('[attr="parent"]').each(function (elt) {
> Event.observe(elt,'mouseover',respondTo);
> });
>
> function respondTo() {
>   trace('ok');
> }
>
> My problem is that "sub1, sub2" are link to event.observe.
> I'd like to have only "help" who will link with event.observe.
>
> How do I do for separate the parent and children element ?
>
> Best regard.
>
>
>  --
> 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.

Reply via email to