jacobdk
Joined: 02 Aug 2006
Posts: 3
|
 Posted: 06 Aug 2006 - 4:48 pm Post subject:
 Content navigation Onmouseover Menu
Subject description: How to do it - at best generically or as plugin. |
 |
|
Hi all.
I am trying to make an onmouseover menu - that holds up to say ten (not important - and really if we could make this an extension it would be nice, so it could be configured during creation of the menu) different content elements on a page - that u can navigate through simply by moving your mouse around the page using onMouseOver: http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm
How would one go about putting it in the menu system ?
The only thing we need is a menu in a div with an id that has additionalParams set to onmouseover= expandcontent (UNIQUEID,this), and then the uniqueID must be added to the individual divs that wraps the contentelements.
| Line: |
Code: |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
| |
<div id="tablist">
<a href="http://www.dynamicdrive.com" onMouseover="expandcontent('sc1', this)">Dynamic Drive</a>
<a href="http://www.javascriptkit.com" onMouseover="expandcontent('sc2', this)">JavaScript Kit</a>
<a href="http://www.codingforums.com" onMouseover="expandcontent('sc3', this)">CodingForums</a>
<a href="http://www.webmasterpick.com" onMouseover="expandcontent('sc4', this)">WebmasterPick</a>
</div>
<DIV id="tabcontentcontainer">
<div id="sc1" class="tabcontent">
Visit Dynamic Drive for free, award winning DHTML scripts for your site:<br />
<a href="http://www.dynamicdrive.com/dynamicindex1/ ">Menu and Navigation</a> | <a href="http://www.dynamicdrive.com/dynamicindex2/">Scrollers</a> | <a href="http://www.dynamicdrive.com/dynamicindex16/"> | <a href="http://www.dynamicdrive.com/dynamicindex16/">Links & tooltips</a> | <a href="http://www.dynamicdrive.com/dynamicindex14/">Image Slideshows</a>
</div>
<div id="sc2" class="tabcontent">
<a href="http://www.javascriptkit.com/">Home</a> | <a href="http://www.javascriptkit.com/cutpastejava.shtml">Free JavaScripts</a> | <a href="http://www.javascriptkit.com/javaindex.shtml">JavaScript tutorials</a> | <a href="http://www.javascriptkit.com/dhtmltutors/">DHTML & CSS tutorials</a>
</div>
<div id="sc3" class="tabcontent">
Web Coding and discussions forum. Visit <a href="http://www.codingforums.com">Coding Forums</a> for help on JavaScript, CSS, PHP, XML, and more.
</div>
<div id="sc4" class="tabcontent">
<a href="http://www.webmasterpick.com">Webmaster Pick</a> features free and useful webmaster resources. Check out their useful <a href="http://www.webmasterpick.com/gifoptimize/">Gif Optimizer</a>.
</div>
</DIV>
|
|
Show complete code
|
But I need suggestions and pointers.
Perhaps one could use the sectionIndex menu ? And then addItem to the menu and make a tt_content.menu.20 ? All we need is the unique id to be unique.
What ways are there to do this ? Could someone guide me a bit ?
Others must be interested - so please: Lets find a best way and make it a plugin - with full credits to dynamic drive or a different js setup.
Thanks,
Jacob |
|