Recent Questions
Q: Could you please help me with another question?
I am using your regular dhtml menu inside an asp page.
I want to make a call to different javascripts with parameters from different menu items (Which should work fine.. )
I have now been trying to do this by using the alert() java metod....
This line works perfect:
["|Test A","javascript:alert('Test');", "", "", "", "", "0", "-1", "", ],
But if I try to write the same line within ASP brachets ( <% %> ) the menu does not show up:
<%
response.Write( " ['|Test A','javascript:alert('Test');', '', '', '', '', '0', '-1', '', ], " )
%>>
I have also found that if I remove the parameter inside the javascript like this:
<%
response.Write( " ['|Test A','javascript:alert();', '', '', '', '', '0', '-1', '', ], " )
%>>
the menu will show up and the script will work but since I can not insert any parameter it is pointless..
How can I achieve this?
I really hope you can help me with this one!
A: Try to write your code in the following way:
<%
response.Write( " ['|Test A','javascript:alert(\'Test\');', '', '', '', '', '0', '-1', '', ], " )
%>
Q: The problem that I am still experiencing (Im sure I have missed something obvious!) - is that all the pages open when you click on the relevant links but they always open with the "About Us" tab showing and then as soon as you click on a different tab you see it highlight for a second and then it just reverts back to the About Us tab even though the page has changed. As the site opens I obviously want the first tab to be highlighted as opposed to the 2nd one and the each page highlights and holds as you go through the menu.
A: See, you set
var bselectedItem=2;
That is why "About us" tab is selected.
You should change the selected tab depending on the page you are now.
This Tabs menu can save pressed item automatically within1 page only. If you open another page, the menu can't remember presseditem. You should do that manually using Javascript and menu parameters( var bselectedItem) or using any server-side script (php, asp, etc.)
Deluxe Tabs doesn't support API functions which can return theselected tab.
If your site is written on PHP you can set "bselectedItem" parameter based on your link beforeyou call tabs-kasper.js file.
For example, move "bselectedItem" parameter from tabs-kasper.js file to yourcode.
<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
var bselectedItem=<?php echo $seltabs; ?>;
</script>
<SCRIPT src="tabs-kasper.js" type=text/javascript></SCRIPT>
</TD>
You should define seltabs using server side script.
You can also set on every page before you call tabs-kasper.js file(for example, for solution tab).
<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
var bselectedItem=4;
</script>
<SCRIPT src="tabs-kasper.js" type=text/javascript></SCRIPT>
</TD>
Try that.
Q: The buttons show up just fine in IE, but not in the other browsers. I am using Frontpage for my html.
A: Your file names are incorrect.
For example, now you have:
Button gold side 2 NEW.GIF
Button purple side 2 NEW.GIF
Firefox and Opera cannot open a file with blanks in the name.
Please, rename your files, for example:
Button_gold_.GIF
Button_purple.GIF
Your menu will work fine.
Q: I have found (was it like this before??) that if I right-mouse-click over a menuitem then I do not see any option to open the URL in new window....
I do not get any options at all to open the URL in new window (or same window), in the browser context menu (both IE and Firefox).
A: No, Deluxe Menu doesn't have such a feature. This is only text, not alink. And we won't change it. Because now you're able to paste anyhtml code within menu item.
var menuItems = [
["<div>Arbeidsplaner</div>","cp_workplan.php",,,,"_self","0","0"],
You can write your links in the following way:
["Channels","", , , , , , , , ],
["|<a class='menu' href='http://google.com/'>google</a>","", , , , "_self", , , , ],
["|<a class='menu' href='http://google.com'>Market</a>","", , , , "_", , , , ],
And create a style:
A.menu {
color: #000;
text-decoration: none;}
A.menu:hover {
color: #000;
text-decoration: underline;}