New Comer (less than 5 posts)
Responsive Side Toggle Menu
1) Script Title: Responsive Side Toggle Menu
2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...togglemenu.htm
3) Describe problem: How to enable to toggle the menu automatically, without clicking on the button?
Many thanks for your help.
TL
Last edited by james438; 10-21-2015 at 12:43 AM. Reason: added link ;)
Global Moderator
Please provide a link to the Dynamic Drive demo page.
Focus on Function Web Design
Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps
Elite Coders
link to script home page
http://www.dynamicdrive.com/dynamici...togglemenu.htm
the call
will toggle the menu if called within another function or by an onclick eventCode:menu1.toggle();
if the initialisation call is placed just before the </BODY> tag the menu will open as the page is opened
the menu can also be opened or closed using keywordsCode:menu1 = new sidetogglemenu({ // initialize first menu example id: 'togglemenu1', marginoffset: 10, downarrowsrc: 'toggledown.png' })
within a function or by an onclick eventCode:<button onClick="menu1.toggle('open');" class="sideviewtoggle">Open Menu 1</button> <button onClick="menu1.toggle('closed')" class="sideviewtoggle">Close Menu 1</button>
Vic
God Loves You and will never love you less.
http://www.vicsjavascripts.org/Home.htm
If my post has been useful please donate to http://www.operationsmile.org.uk/
New Comer (less than 5 posts)
Hi Beverleyh and vwphillips,
many thanks for your help. I have tried the suggestions but it seems sometimes it works, sometimes it doesn't work on my 17" monitor.
I tried to call the script with a body onload element:
<body onLoad="menu1.toggle('open');" class="sideviewtoggle">
Before the </body> tag I used this one:
<script>
menu1 = new sidetogglemenu({ // initialize first menu example
id: 'togglemenu1',
marginoffset: 10,
downarrowsrc: 'toggledown.png'
})
</script>
Should I use maybe a window.onload call?
Many thanks for your help.
Elite Coders
place the initilization and open call just before the </BODY> tag
if this still has problems post a link to your pageCode:<script> menu1 = new sidetogglemenu({ // initialize first menu example id: 'togglemenu1', marginoffset: 10, downarrowsrc: 'toggledown.png' }) menu1.toggle('open'); </script> </body>
Vic
God Loves You and will never love you less.
http://www.vicsjavascripts.org/Home.htm
If my post has been useful please donate to http://www.operationsmile.org.uk/
New Comer (less than 5 posts)
Hi, Vic,
it seems I have to be more accurate in my question. So: my menu toggles, the menu makes for yourself the room but it has no content, it is empty.
When I use the onClick event the menu works and also his contain is visible. The only difference between the two methods is the <class="sideviewtoggle"> which is present in the onClick command but isn't present in your code above. How to cal this class in the script?
Many thanks.
Elite Coders
your last post only adds confusion
please post a link to the problem page
Vic
God Loves You and will never love you less.
http://www.vicsjavascripts.org/Home.htm
If my post has been useful please donate to http://www.operationsmile.org.uk/
New Comer (less than 5 posts)
Sorry for my late answer. I have tried many solutions to find a working one, and finally I have found the absolute best here:
http://www.dynamicdrive.com/forums/s...-Menu-Reversed
Many thanks once again for your recommendations and help. My question can be marked as Resolved, too. Long live Dynamicdrive!
Posting Permissions
Reply With Quote
Bookmarks