I have been trying to get ‘Content’ in to the vertical menu dhtml build, and I cannot find how that is done.
Q:
I am trying to use your Deluxe-Tabs, to use on our wwebsite, and to
be honest, I am not much of a developer. So please forgive me for my
naïve question(s). I have been trying to get ‘Content’ in to the
tabbed vertical menu dhtml, and I cannot find how that is done.
Do you have an example with all the files (html too!) that shows a
simple tabbed vertical menu dhtml with content for each Tab that I can look at to see how it is done.
I thought I was going to be able to generate the TABs, and point
them to the HTML files I want them to use, and each time I selected
a tab, that page would be displayed. That does not appear to be what is happening.
Your help would be greatly appreciated.
A:
You should specify any Object ID name of the DIV.
See, for each item you should assign the ID property of the content
DIV (see data file with your vertical menu dhtml 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. You can
set background image for these DIV’s in styles.
<div id="contentName" style="height: 0%; visibility: hidden; background-image: url(’img/back.jpg’); background-repeat:repeat-y;" 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>