[Javascript] Son of Suckerfish problem

Schalk schalk at volume4.com
Tue Apr 4 19:35:54 CDT 2006


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





More information about the Javascript mailing list