Recent Questions
Q: A couple days ago I purchased the multi-website license of Deluxe Menu/Tree/Tabs/Popup Window/Calendar for US$149.00
I am having a very hard time getting the popup window to do just a basic function.
All I want is to have a link that I click on the page and the dhtml menu windows pop up.
As it is, the page automatically opens the popup window on loading.
I'm not a Javascript programmer which is why I purchased your product as it seemed I could pick a couple basic values in the GUI and it would create the script and code for me.
It would be REALLY handy if you had a couple of examples of how to create the following:
- Open the popup window upon the page loading
- Open the popup window when the user clicks a link
- Open the popup window when the user mouses over a link
- Close the popup window when the user mouses out
The help section doesn't even provide a menu item for the popup window.
Finding support for it on your site is difficult and what I can find is better suited for someone with Javascript knowledge.
Is there any way you can provide me the code to do this?
Thanks very much for your time and assistance.
A: We have such example on our website:
> - Open the popup dhtml menu windows upon the page loading
To open the popup window upon the page loading you should set thefollowing parameter:
openAfter=0
deluxePopupWindow.attachToEvent(win,'openAfter=0,,,,,')
You can find this parameter in Deluxe Tuner. See on-load.zip example.
> - Open the popup window when the user clicks a link
Create the popup window in Deluxe Tuner and save it as html. UseonClick event for a link.
See how you should write your link:
<a class="sampleLink" title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', '<DIV style=\'PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #d33a3a; PADDING-TOP: 10px; TEXT-ALIGN: center\'><B>Sample content</B></DIV><DIV style=\'font: 13px;text-align: center; color:#666666; \'><EM>This is a simple HTML code for content. Here you may also set link to content page or ID of some element.</EM>', 'Safari Style', 'width=250,height=100,resizable,scrollbars,minimizable,fullscreen,middle,right,fade-effect,opacity=1,floatable=yes', 'windows_safari')"><b>this link</b></a> opens a medium-sized dhtml floating window.
where (see on-click.js file)
'win' - is winID
'<DIV style=\'PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM:
10px; COLOR: #d33a3a; PADDING-TOP: 10px; TEXT-ALIGN:center\'>
<B>Sample content</B></DIV><DIV style=\'font:
13px;text-align: center; color:#666666; \'><EM>This is a
simple HTML code for content. Here you may also set link to
content page or ID of some element.</EM>' - content of your
popup window
'Safari Style' - window title
'width=250,height=100,resizable,scrollbars,minimizable,fullscreen,middle,right,fade-effect,opacity=1,floatable=yes' - parameters of the popup window'windows_safari' - window skin
You can find more info about deluxePopupWindow.open function here:
http://deluxepopupwindow.com/window-installation-info.html
Notice that you shouldn't set openAfter parameter in on-click.jsfile:
deluxePopupWindow.attachToEvent(win,',,,,,')
> - Open the popup window when the user mouses over a link
> - Close the popup window when the user mouses out
You should create such popup in the same way as in the previous point,but use onMouseOver/onMouseOut events.
<a class="sampleLink" title="Click to open sample" href="javascript:;" onMouseOver="deluxePopupWindow.open('win', '<DIV style=\'PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #d33a3a; PADDING-TOP: 10px; TEXT-ALIGN: center\'><B>Sample content</B></DIV><DIV style=\'font: 13px;text-align: center; color:#666666; \'><EM>This is a simple HTML code for content. Here you may also set link to content page or ID of some element.</EM>', 'Safari Style', 'width=250,height=100,resizable,scrollbars,minimizable,fullscreen,middle,right,fade-effect,opacity=1,floatable=yes', 'windows_safari')"><b>this link</b></a> opens a medium-sized dhtml floating window.
<a class="sampleLink" title="Click to open sample" href="javascript:;" onMouseOut="deluxePopupWindow.open('win', '<DIV style=\'PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #d33a3a; PADDING-TOP: 10px; TEXT-ALIGN: center\'><B>Sample content</B></DIV><DIV style=\'font: 13px;text-align: center; color:#666666; \'><EM>This is a simple HTML code for content. Here you may also set link to content page or ID of some element.</EM>', 'Safari Style', 'width=250,height=100,resizable,scrollbars,minimizable,fullscreen,bottom,left,fade-effect,opacity=1,floatable=yes', 'windows_safari')"><b>Open popup window</b></a>
Q: How does an item on the dhtml navigation menus connect to pages?
Does it take the page's name automatically?
If I add a page, will the menu item show the new page?
If I remove a page, will the menu remove the item?
A: > how does an item on the menu connect to pages?
You should create menu items in the Deluxe Tuner and specify link and target for each item, for example:
var menuItems = [
["Upcoming Trainings","http://domain.org/pub/upcoming-trainings", "", "", "", "_self", "", "", "", "", "", ],
["Conferences & Workshops","upcoming-workshops.html", "", "", "", "_blank", "", "", "", "", "", ],
["Continuing Ed","ceu.html", "", "", "", "main", "", "", "", "", "", ],
];
> does it take the page's name automatically?
> if I add a page, will the menu item show the new page?
> If I remove a page, will the menu remove the item?
No, you should do it manually in Deluxe Tuner (or any text editor).Q: I installed the trail version before I want to buy it. It looks wonderfull, but I was unable to make menu items inside a PHP file.
Do you have an example(tutorial) how to at deluxe menu inside a php file ?
A: Unfortunately, we don't have such example.
You can create your menu using PHP, for example:
<?php echo " ["|Bibliografia - ksiazki","home_bibliografia_dol.php","","","",,,],"; ?>
<?php echo " ["|Bibliografia - artykuly","home_bibliografia_dol1.php","","","",,,],"; ?>
<?php echo " ["|Bibliografia - linki","home_bibliografia_dol2.php","","","",,,],"; ?>
Please, see the following link too
http://deluxe-menu.com/generate-menu-from-database-xml-php-asp-vb-support.html
Q: We are using a licenced version of your tree-menu.
Now we have a situation, where we should show the actualclicked menu position with an icon or a color for a collapse tree menu.
A: This can be found with the help of external function of tree menu.
dtreet_ext_userClick(itID, event) - this function is called when clicking a mouse button on the item.
itID - item id
event - standard structure of events generated browser
dtreet_ext_getItemParams (menuInd, itemID) - returns all item parameters.
Please visit http://deluxe-tree.com/functions-info.html for addition information.
