[Javascript] Son of Suckerfish problem

[Jonathan Gold]

I just searched the web for "IE6 pseudo hover class" and many of the
sites mention that the :hover in IE6 only works in links, not any
other elements. I am wondering if you have to make this work from the
<a></a> elements themselves rather than the <li></li>s.

But maybe I am not being helpful; just leaning javascript myself. :~)

Best regards,



On 4/4/06, Schalk <schalk at volume4.com> wrote:
> Jonathan,
>
> As far as I understand the script it is looking for any ul's with the id
> 'nav', when it founds this is should add the class sfhover to all li
> tags under it on mouseover and then remove the class on mouseout.
>
> In my CSS I then have the following:
> #nav li:hover ul, #nav li.sfhover ul {
>     left:auto;
> }
>
> All browsers that understand the :hover pseudo will do what the CSS rule
> dictates then, all li's with the class sfhover, as assigned by the
> script above, will have to set the CSS left property of any ul's inside
> it to left:auto. This should them make IE function the same way as for
> example Firefox.
>
> You can see more on this
> here:http://www.htmldog.com/articles/suckerfish/dropdowns/
>
> Jonathan Gold wrote:
> > I know your function refers to a class (='sfhover'). I do not
> > understand much of javascript, but I don't see where there is an 'li'
> > element which has a class of 'sfhover'. Is that something that is
> > assigned dynamically?
> >
> > On 4/4/06, Schalk <schalk at volume4.com> wrote:
> >
> >> Jonathan,
> >>
> >> Nope, that did not make a difference.
> >>
> >> Jonathan Gold wrote:
> >>
> >>> I haven't tested it, but does it have anything to do with your getting
> >>> elements by tag name upper case "LI" although your actual list items
> >>> are lower case "li" ?
> >>>
> >>> On 4/4/06, Schalk <schalk at volume4.com> wrote:
> >>>
> >>>
> >>>> Jonathan,
> >>>>
> >>>> Yes in Firefox it works because it does not need the JavaScript to
> >>>> function. However, look at it in IE and you will see the problem.
> >>>>
> >>>> Jonathan Gold wrote:
> >>>>
> >>>>
> >>>>> It seems to work in my FF 1.5.
> >>>>>
> >>>>> On 4/4/06, Schalk <schalk at volume4.com> wrote:
> >>>>>
> >>>>>
> >>>>>
> >>>>>> Greetings All,
> >>>>>>
> >>>>>> Can someone please have a look at this page: http://www.epda.cc/joomla/
> >>>>>>
> >>>>>> Why is the JavaScript not functioning? What am I missing? Thanks!
> >>>>>>
> >>>>>> --
> >>>>>> Kind Regards
> >>>>>> Schalk Neethling
> >>>>>> Web Developer.Designer.Programmer.President
> >>>>>> Volume4.Business.Solution.Developers
> >>>>>>
> >>>>>>
> >>>>>> _______________________________________________
> >>>>>> Javascript mailing list
> >>>>>> Javascript at LaTech.edu
> >>>>>> https://lists.LaTech.edu/mailman/listinfo/javascript
> >>>>>>
> >>>>>>
> >>>>>>
> >>>>>>
> >>>>> --
> >>>>> Jonathan
> >>>>> Berkeley, CA
> >>>>> http://home.pacbell.net/jonnygee/
> >>>>> _______________________________________________
> >>>>> Javascript mailing list
> >>>>> Javascript at LaTech.edu
> >>>>> https://lists.LaTech.edu/mailman/listinfo/javascript
> >>>>>
> >>>>>
> >>>>>
> >>>>>
> >>>>>
> >>>>>
> >>>> --
> >>>> Kind Regards
> >>>> Schalk Neethling
> >>>> Web Developer.Designer.Programmer.President
> >>>> Volume4.Business.Solution.Developers
> >>>>
> >>>>
> >>>> _______________________________________________
> >>>> Javascript mailing list
> >>>> Javascript at LaTech.edu
> >>>> https://lists.LaTech.edu/mailman/listinfo/javascript
> >>>>
> >>>>
> >>>>
> >>> --
> >>> Jonathan
> >>> Berkeley, CA
> >>> http://home.pacbell.net/jonnygee/
> >>> _______________________________________________
> >>> Javascript mailing list
> >>> Javascript at LaTech.edu
> >>> https://lists.LaTech.edu/mailman/listinfo/javascript
> >>>
> >>>
> >>>
> >>>
> >>>
> >> --
> >> Kind Regards
> >> Schalk Neethling
> >> Web Developer.Designer.Programmer.President
> >> Volume4.Business.Solution.Developers
> >>
> >>
> >> _______________________________________________
> >> Javascript mailing list
> >> Javascript at LaTech.edu
> >> https://lists.LaTech.edu/mailman/listinfo/javascript
> >>
> >>
> >
> >
> > --
> > Jonathan
> > Berkeley, CA
> > http://home.pacbell.net/jonnygee/
> > _______________________________________________
> > Javascript mailing list
> > Javascript at LaTech.edu
> > https://lists.LaTech.edu/mailman/listinfo/javascript
> >
> >
> >
> >
>
> --
> Kind Regards
> Schalk Neethling
> Web Developer.Designer.Programmer.President
> Volume4.Business.Solution.Developers
>
>
> _______________________________________________
> Javascript mailing list
> Javascript at LaTech.edu
> https://lists.LaTech.edu/mailman/listinfo/javascript
>


--
Jonathan
Berkeley, CA
http://home.pacbell.net/jonnygee/