Recent Questions
Q: I have been trying to get ‘Content’ in to the float tab, and I cannot find how that is done.
A: You should specify any Object ID name of the DIV.
See, for each item you should assign the ID property of the contentDIV (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. You canset 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">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your content here!!!!!
</div>
<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your description here!!!!!
</div>
Q: What I want to do is use your XP Tabs Template.
It appears fine in the Preview Pane but when I load it on my web page the sub-items are all listed on the same line as the tabs.
A: If you want to create subtabs in your menu you should use Tab Mode
var tabMode=1;
and write your bmenuItems in the following way:
var bmenuItems = [
["-","", "", "", "", "", "", "", "", ],
["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["|SItem 226","", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["|SXP Tab 4","content4", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", ],
];
but in that case you can't assign the ID of the DIV to show when youclick on the tab. You can set the links only.
Q: What I would like to see is the ability to have a base site navigation menu with all the definitional entries (size, locations, icons, etc.) defined but all the menuitems be called from an Ajax file.
A: You cannot use ajax submenus for the top items.
But you can use several .js file, for example:
params.js //file with all menu parameters (size, locations, icons, etc.)
all code before
var menuItems = [
...
];
dm_init();
data_ajax1.js //data files for ajax submenus
data_ajax2.js
data_ajax3.js
...
main_data.js - data file with the following code:
var menuItems = [
["Item 1","", "", "", "", "", "0", "0", "data_ajax1.js", "", "", ],
["Item 2","", "", "", "", "", "0", "0", "data_ajax2.js", "", "", ],
["Item 3","", "", "", "", "", "0", "0", "data_ajax3.js", "", "", ],
["Item 4","", "", "", "", "", "0", "0", "data_ajax4.js", "", "", ],
];
dm_init();
You can also place this code into your html page directly (in the place where you want tohave a menu):
<script type="text/javascript">
var menuItems = [
["Item 1","", "", "", "", "", "0", "0", "data_ajax1.js", "", "", ],
["Item 2","", "", "", "", "", "0", "0", "data_ajax2.js", "", "", ],
["Item 3","", "", "", "", "", "0", "0", "data_ajax3.js", "", "", ],
["Item 4","", "", "", "", "", "0", "0", "data_ajax4.js", "", "", ],
];
dm_init();
Q: The navigation menus shows up behind the YouTube videos instead of the front
A: You should add opaque parameter to object and embed tags. So set your video in thefollowing way:
<object width="445" height="364">
<param name="movie" value="http://www.youtube-nocookie.com/v/tXdWj-teINc&hl=en&fs=1&rel=0&color1=0x2b405b&color2=0x6b8ab6&border=1">
<param name="allowFullScreen" value="true">
<param name="wmode" value="opaque">
<param name="allowscriptaccess" value="always">
<embed src="islam-supports-child-marriage-rape-and_files/tXdWj-teINchlenfs1rel0color10x2b405bcolor20x6b8ab6border1.swf" wmode="opaque" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="445" height="364">
</object>