|
|
|
How can I code the DIV to appear in the JS file of my mouseover tabs?
Return to Recent Questions
Q:
I am currently testing the DHTML Tabs product, and I am trying to
find ways of replicating how it is being done in your website at
http://deluxe-tabs.com/.
In your website, when I click on a Tab, the content relevant to
that tab appears. I understand that the site is using "div id= "
method to control. However, my question is how can I code the DIV to
appear in the JS file of my mouseover tabs?
A:
See, for each item you should assign the ID property of the content
DIV (see data file with your menu parameters).
["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],
And on your html page you should create DIV's with such ID.
<div id="contentName" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
<br><br><br>
You should paste your content here!!!!!
</div>
<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
<br><br><br>
You should paste your description here!!!!!
</div>
You can paste any code within DIV's (PHP, Javascript ...)
Return to Recent Questions
Related:
- May 19, 2007 - I want a different style for the non-clickable items in my javascript drop down menu
- May 22, 2009 - I want the tabs java script horizontal menu to open when you mouse over them, not when you click. Is it possible to do this?
- May 25, 2009 - I used the drop menu creator to create a simple tab example, it initially appears fine , but when I *first* click on a tab I always get a javascript error...
- Jul 25, 2009 - While the page loads I can see all the content from all the <div> java menu bars and when the page if fully loaded, the web page then displays the content correctly.
- Aug 14, 2009 - On the left menuline under the a1 link, shall appear the javascript menu div, but after several refreshes, nothing happens.
- Aug 20, 2009 - While the page loads I can see all the content from all the DIV javascript new menu tabs..
- Oct 29, 2009 - I was not able to produce Deluxe tabs onmouseover and integrate them into my page..
- Nov 09, 2009 - My problem is that the sub menus I have created in my java script tabs disappear very quickly after being clicked.
- Dec 15, 2009 - Deluxe Tabs appears to not work. The content in the dhtml tabs simply does not appear.
- Dec 17, 2009 - Deluxe html tabs appears to not work at all on Windows Vista machines running Internet Explorer.
- Jan 06, 2010 - The top row of nav tabs opens new pages and the bottom row is just regular div tabs... works fine in IE and Firefox but not Chrome..
|
Responsive Menu
JustAjax
What's New
Features
Installation
Deluxe Tuner GUI
Javascript API
Description of Files
Supported Browsers
Customization
Parameters
Menu Items
Individual Item Styles
Individual Submenu Styles
Functional Samples
AJAX Menu
Templates
Android Dark Menu Template
Trial Version
License Agreement
Buy Deluxe Menu
Order Non-profit License
License Types
Non-profit License
Single Site License
Developer & Enterprise
FAQ
Contacts
