Recent Questions
Q: Please check my site and tell me why website drop down menu show no content with IE7 (XP or Vista.)
It works with all other major browsers and OS's.
A: Delete "height: 0%;" parameter from the style of the content DIV:
<div id="content1" style="height: 0%; visibility: hidden; display: none;" class="tabPage">
So you'll have:
<div id="content1" style=" visibility: hidden; display: none;" class="tabPage">
Q: Shouldn’t the dhtml expand menu know what page you are on and expand accordingly?
Or would you need to ‘hard code’ each page to be expanded basedon that page?
A: You should set the following parameter
var ttoggleMode=1;
Deluxe Tree doesn't save a presseditem as it saves a tree state. It works within 1 page only and if youreload the page you should set a pressed item using Javascript API:
function dtreet_ext_setPressedItem (menuInd, itemID)
Please, see here:
http://deluxe-tree.com/functions-info.html
You can also set
var tsaveState = 1;
More info you can find
http://deluxe-tree.com/data-samples/tree-menuxp-save-state.htm
To expand specific items you should use API function
function dtreet_ext_expandItem (itemID, expand)
Try that.
Q: I am totally confused by this now but I have 2 data files - one for a menu bar going horizontal and one going vertical both containing the same information. But even though the content is the same, the layout is different.
You will see that on the horizontal menu,
Fleet
Financce
CPC Cards
Cashire
These are listed correctly under each other but on the vertical one, the layout differs.
A: You should write your parameters more carefully.
See, now you have
menuItems = [
["About us","javascript:alert('Coming Soon')", , , ,"" ,0 , , , ],
["|||Organisation Chart","javascript:alert('Coming Soon')", , , ,"" ,1, , , ],
First you have the 1-st level of menu items then at once 4-th. It isnot right. You should write the number of your Individual Style in ""also.
See, how you should write your menuItems:
menuItems = [
["About us","javascript:alert('Coming Soon')", , , ,"" ,"0" , , , ],
["|Organisation Chart","javascript:alert('Coming Soon')", , , ,"","1", , , ],
["|Who's Who?","/k6intranet2.nsf/PageTitleLookup/Who's Who?OpenDocument", , , ,"" ,"1", , , ],
["|Contact Details","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
["How To?","javascript:alert('Coming Soon')", , , ,"" ,"0", , , ],
["|Fleet","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
["||Hire a Vehicle","/k6intranet2.nsf/PageTitleLookup/Hire a Vehicle?OpenDocument", , , ,"" ,"1", , , ],
["||Report an Accident","/k6intranet2.nsf/PageTitleLookup/How to report an accident?OpenDocument", , , ,"" ,"1", , , ],
["||Report a Breakdown","/k6intranet2.nsf/PageTitleLookup/Report a Breakdown?OpenDocument", , , ,"" ,"1", , , ],
["|Finance Admin","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
["||Capitalise an Asset","/k6intranet2.nsf/PageTitleLookup/capitalise an asset?OpenDocument", , , ,"" ,"1", , , ],
["||Pay your Personal Calls on Mobile Phone Bills","/k6intranet2.nsf/PageTitleLookup/Pay your personal calls on mobile phone bills?OpenDocument", , , ,"" ,"1", , , ],
["||Request a credit to be raised","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
["|CPC Cards","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
["||Request a new CPC user","/k6intranet2.nsf/PageTitleLookup/request a new cpc user?OpenDocument", , , ,"" ,"1", , , ],
["||Report a Lost/Stolen CPC Card","/k6intranet2.nsf/PageTitleLookup/Report a lost or stolen card?OpenDocument", , , ,"" ,"1", , , ],
["||Enquire about a general CPC query","/k6intranet2.nsf/PageTitleLookup/enquire about a general cpc query?OpenDocument", , , ,"" ,"1", , , ],
["|Cashier","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
["||Request a Cashbook Manual Payment","/k6intranet2.nsf/PageTitleLookup/Request a Cashbook Manual Payment?OpenDocument", , , ,"" ,"1", , , ],
["||Request a Cashbook BACS Payment","/k6intranet2.nsf/PageTitleLookup/Request a cashbook Bacs payment?OpenDocument", , , ,"" ,"1", , , ],
["Useful Information","javascript:alert('Coming Soon')", , , ,"" ,"0" , , , ],
["|Month End Timetable 2007","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
["|Month End Year to Date Results","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
["||Coming Soon...","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
["Finance Focus","javascript:alert('Coming Soon')", , , ,"" ,"0" , , , ],
["|Coming Soon...","javascript:alert('Coming Soon')", , , ,"" ,"1", , , ],
["Coming Soon","javascript:alert('Coming Soon')", , , ,"" ,"0", , , ],
];
dm_init();
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>
