Recent Questions Javascript Tree Ol
Q: Am I under the correct assumption that if the inner menu item text expands past the ItemWidth or MenuWidth (being that the Width is set -- eg 150px), that the javascript menu div width will expand past it's boundaries instead of wrapping the text? (eg. A text like "Please Make this Wrap instead of expand the width boundary" seems to expand the container's width rather than wrap)
A: There are 2 ways to do that:
1. set
var noWrap=0;
2. use <br> tags, for example:
var menuItems = [
["line 1<br>line 2"],
];
Q: I have used the menu features many times and am used to having the code to be inserted into the html page provided when the project is saved.
I have successfully created my first popup window (not the popup menu) which I want to use for text information to open when a text is clicked.
The preview has this working fine but when I saved the project there was no code created to install on the site and I cannot find directions within the program or at your website.
Please advise on how to install a created javascript popup window to an XHTML page linked to text.
A: For example you want to open your popup window when you click the link on your page.
You should do the following:
1) Open your page (for example index.html page) in any text editor.
Add link in the place where you want to have it and specify the ID (for example: win1) for it, for example:
<a href="javascript:;" id="win1">Click Here to see a window</a>
2) Create a popup window in Deluxe Tuner. Add your content.
You can use HTML content, Iframe (url) or any object on your page as popup windows content - Object ID.
For example select HTML content (winContent parameter in the 'Common' section) and add the content in HTML Content window, for example:
<div style="text-align:center;"><b>Sample content</b></div>
This is a simple HTML code for content. Here you may also set link to content page or ID of some element.
3) In the 'Actions' section specify the id of your link (win1) for the onClick event.
See the attached screen.gif.
4) Select the template you want to use.
5) Export your popup window to HTML page. File -> Export -> To HTML. Save it in any testfolder.
So, you'll have:
deluxe-popup-window.files/
deluxe-popup-window.html
deluxe-popup-window.js
6) Open the generated deluxe-popup-window.html file in any text editor.
Copy all code for Popup window and paste it in the beginning of the <body> tag:
...
<body>
<!-- Deluxe Popup Window -->
<noscript><a href="http://deluxepopupwindow.com">menu drop down by DeluxePopupWindow.com</a></noscript>
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script>
<script type="text/javascript" src="deluxe-popup-window.js"></script>
<!-- (c) 2009, DeluxePopupWindow.com -->
7) Copy 'deluxe-popup-window.files/' folder and deluxe-popup-window.js file into the samefolder with your index.html (root folder of your website).
Q: How do I go about using the menu javascripts feature and javascript popup on the same HTML page? I'm getting a Java Error.
A: 1) Notice that you should call dmWorkPath parameter and dmenu.js file only once on yourhtml page.
2) When you have several menus on the same page they have different menuInd (0,1,2,3...)
For example you have:
<script type="text/javascript" src="data.js"></script> //standard menu menuInd=0
...
<script type="text/javascript" src="popup-data.js"></script> //popup menu menuInd=1
You should call your popup in the following way:
<img src="mypic.gif" onClick="return dm_popup(1, 1000, event);">
or
<script type="text/javascript" src="popup-data.js"> </script> //popup menu menuInd=0
...
<script type="text/javascript" src="data.js"></script> //standard menu menuInd=1
You should call your popup in the following way:
<img src="mypic.gif" onClick="return dm_popup(0, 1000, event);">
Q: I'm looking to make a space between menu buttons in the drop down menu example,
I checked the FAQ which suggested using ["-"], between items but it didn't work.
A: To add a separator you should
//--- Separators
var separatorImage=""; //for subitems (top items in vertical menu)
var separatorWidth="100%";
var separatorHeight="3px";
var separatorAlignment="right";
var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu)
var separatorVWidth="100%";
var separatorVHeight="2px";
var separatorPadding="";
You can create separators using menuItems
(you can do it in Deluxe Tuner, use "Add separator" button),
for example:
["||All Images","gallery_all.html", , , , "_self", , , , ],
["||-"],
["||Pricing & Ordering Info","gallery_pricing.html", , , ,"_self", , , , ],
