Firefox ignores top-property of div . . .

Firefox ignores top-property of div . . .

Postby nickinami on Thu Feb 14, 2008 11:01 am

Hi Lifetype-community,

i am trying to implement a sliding header into my lifetype installation.
therefor i wrote a little javascript, that slides the header out/in if you click on a specific button, that works fine with any website.

But if I include the Script into the Lifetype-template rubric, it won't work.

firefox ignores the top-property.

Is there anybody with an idea:

Code: Select all
                        var heights=-110;
         var closer = true;
         var lower = 0;
         var ID;

         function smaller(obj)
         {
            if (!(heights+lower<=-115))
            {
               obj.style.top = heights + lower;
                  lower-=10;
               ID = setTimeout(" smaller(document.getElementById('headmap')) ",5);
            }else{

               clearTimeout(ID);
               closer=true;
               return 'closed';
            }
         }
         function bigger(obj)
         {
            if (heights+lower<=-10)
            {
               lower+=10;
               obj.style.top = heights + lower;

               ID = setTimeout(" bigger(document.getElementById('headmap')) ",5);
            }else
            {
               clearTimeout(ID);
               closer=false;
               return 'opened';
            }
         }
         function SlideIt()
         {
         if (closer)
         {
            bigger(document.getElementById('headmap'));
         }else
         {
            smaller(document.getElementById('headmap'));
         }
         }
         function changeActivity(obj)
         {
            if(document.getElementById('activated'))
            {            document.getElementById('activated').getAttributeNode('id').value=null;
            }
            obj.parentNode.childNodes[0].getAttributeNode('class').value='mainlevel-m1';
obj.parentNode.childNodes[1].getAttributeNode('class').value='mainlevel-m1';
obj.parentNode.childNodes[2].getAttributeNode('class').value='mainlevel-m1';
obj.parentNode.childNodes[3].getAttributeNode('class').value='mainlevel-m1';
obj.getAttributeNode('class').value='mainlevel_active-m1';
            obj.getAttributeNode('id').value='activated';
         }
         function shut()
         {
            if(document.getElementById('activated'))
            {
document.getElementById('activated').getAttributeNode('class').value='mainlevel-m1';
document.getElementById('activated').getAttributeNode('id').value=' ';
            }



the function shut() just checks if that navigationpanel (the sliding header) is open or not.


i hope ther is somebody with an idea.


thanks for supporting

regards,
nicki
nickinami
 
Posts: 18
Joined: Fri Mar 09, 2007 7:17 am

Return to Templates

cron