Recent Questions Editable Javascript Treegrid Contextmenu
Q: Earlier today I bought your Deluxe Tabbed Menu software. I "nearly" have the menu I want working, but my problem is that the sub menus I have created in my java script tabs disappear very quickly after being clicked. I want these sub-menus to stay when.
The website that I have developed the menu for can be seen at www.domain.ie/index.php I have sub menus created for the About, Courses & Contact Us items, but as mentioned these disappear very quickly.
FYI, I call the data.js menu file from an include file in the webpages. I don't know if this has anything to do with my problem.
A: That is happen because you have links for the top items with subitems:
About Us
Courses
Contact Us
Actually it is not correctly to use links for items with subitems. Youshould use these items to open subitems only.
But if you want to use links for them you should set the correctpressed item for this page, for example for
http://www.domain.ie/about.php
you should set
var bselectedItem=2;
http://www.domain.ie/courses.php
you should set
var bselectedItem=6;
Deluxe Tabs doesn't support API functions which can return theselected tab aslo.
You can set "bselectedItem" and " var bselectedSmItem" parametersbased on your link before you call your data file.
For example, move " var bselectedItem" and " var bselectedSmItem" parametersfrom your data file to your code.
<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
var bselectedItem=<?php echo $seltabs; ?>;
var bselectedSmItem=<?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>
You should define seltabs and selsmtabs using server side script.
You can also set it on every page before you call data.js file, forexample:
<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
var bselectedItem=4;
var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>
Q: I am unable to see any separators when working with JavaScript Tree Menu. I’ve looked at other templates and don’t see where they are implemented. Am I missing something? Thanks!
A: Please, see the following parameters:
//------- Separators -------
//--- Separators
var separatorImage="";
var separatorWidth="5";
var separatorHeight="100%";
var separatorAlignment="right";
var separatorVImage="images/public/separator.gif";
var separatorVWidth="3";
var separatorVHeight="100%";
var separatorPadding="";
You should set a separator in the menuItems, for example:
var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];
Try that.
Q: We would like to use standard images for the main menue and add popup menues by using deluxe menue. The popups are triggered by hovering the cursor above the main menueimages and they should stay visible as long as the cursor is in the image.
If the cursor leaves the image, the popup should be closed unless it is in the popup menue.
A: See, you can use one JavaScript Tree Menu (image-based) with images for the mainitems and submenus or you can use several pop up menus for each image.
http://deluxe-menu.com/popup-mode-sample.html
You should use onMouseover event.
Q: Can you tell me the difference between a target and a link.
Also can you explain what self, blank, top, parent, search and custom mean in the javascript menu table please.
A: Link is the url you want to open when you click on the javascript menu table item.
Target controls where you'll open your link:
"_self" - open link in the same window
"_blank" - open link in the new window
"_parent" - will load the linked document where the inner frameset file had been
"_top" - loads the linked document in the topmost frame
custom - you should write here the name of the frame where you want to
open the linked document, for example:
"framename"
"_search" - this target causes the link to load in the browser's Search pane. (Internet Explorer 5.0 and later.)
You can find more info here:
http://www.htmlcodetutorial.com/linking/_A_TARGET.html