Recent Questions
Q: I have created a CSS menu that appears in the <noscript> section, but am having a problem getting it to behave the same as the java menu. I want to show all the items as asingle line at each level, aligned to the left of the frame. I cannot find a way ofsetting left align in the style sheet or in the deluxe tuner for the css dhtml menu.
A: We've added align parameters in the new version 3.6:
var subMenuAlign="pleft";
You should set this parameter and specify width for submenu. You can use different smwidthfor each submenu using Individual Submenu styles.
Q: Using data-visa-5.js
Trying to get the menu to start collapsed rather than fully expanded.
Thought it was the var texpanded=0 setting but doesn't seem to have any effect.
A: See, when you set + sign before item's text that is mean that thisitem will be expanded.
Now you have:
["+ Home","index.php","","","Home","","","1",""],
["+ Current Weather","","","","Current Weather","","","1",""],
["|Hourly Forecast","index.php?forecast=avnmos&zipcode=55744&oc=mosview_option|forecast","","","Hourly Forecast",,,],
["|Warnings/Advisories","index.php?forecast=warnings&zipcode=55744","","","Warnings/Advisories",,,],
["|Special Weather Alerts","index.php?config=&forecast=special&zipcode=55744","","","Special Weather Alerts",,,],
["|Live Weather","javascript:open('../../wxflash/index.htm','_blank')","","","Live Weather",,,],
["+ WeatherForum","/forum/index.php","","","Home","","","1",""],
["+ Weather Cams","","","","Weather Cams","","","1",""],
["|RapidsCam East","javascript:open_win('../../webcam/eastcam.asp',335,270,0,0,0,0,0,0,0,0,2,'cameast');","","","RapidsCam East",,,],
["|RapidsCam West","javascript:open_win('../../webcam/westcam.asp',367,270,0,0,0,0,0,0,0,0,3,'camwest');","","","RapidsCam West",,,],
["+ Weather Maps","","","","Weather Maps","","","1",""],
Delete + signs from your items:
[" Home","index.php","","","Home","","","1",""],
[" Current Weather","","","","Current Weather","","","1",""],
["|Hourly Forecast","index.php?forecast=avnmos&zipcode=55744&oc=mosview_option|forecast","","","Hourly Forecast",,,],
["|Warnings/Advisories","index.php?forecast=warnings&zipcode=55744","","","Warnings/Advisories",,,],
["|Special Weather Alerts","index.php?config=&forecast=special&zipcode=55744","","","Special Weather Alerts",,,],
["|Live Weather","javascript:open('../../wxflash/index.htm','_blank')","","","Live Weather",,,],
[" WeatherForum","/forum/index.php","","","Home","","","1",""],
[" Weather Cams","","","","Weather Cams","","","1",""],
["|RapidsCam East","javascript:open_win('../../webcam/eastcam.asp',335,270,0,0,0,0,0,0,0,0,2,'cameast');","","","RapidsCam East",,,],
["|RapidsCam West","javascript:open_win('../../webcam/westcam.asp',367,270,0,0,0,0,0,0,0,0,3,'camwest');","","","RapidsCam West",,,],
[" Weather Maps","","","","Weather Maps","","","1",""],
Q: I have small problems with your javascript menu system.
#1. I am creating a multi-level menu, am I limited to a gird format or can every item have a variable column width?
#2. With submenus, I want to have the submenu be the same width as the parent cell, is there a simple command for this, or do I have to guess the column widths until it fits correctly?
#3. In those same submenus, I have items that are longer than the parent, is there a word wrap or a way to define a break, rather than having the scroll feature?
A: 1) You should use Individual Item Styles.
For example:
var itemStyles = [
["itemWidth=120","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#ACF88B,#ACF88B","itemBorderColor=#329309,#329309"], //style0
["itemWidth=100","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#FFFFFF,#FFFFFF","itemBorderColor=#1B92E9,#1B92E9"], //style1
["itemWidth=130","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#FF9684,#FF9684","itemBorderColor=#EC7575,#EC7575"], //style2
["itemWidth=150","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#84F9FF,#84F9FF","itemBorderColor=#00B8C1,#00B8C1"], //style3
];
var menuStyles = [
["smColumns=2"], //style0
];
["Home","testlink.htm"],
["Samples","testlink.htm"],
["|Group 1","", , , , , "0", , , ],
["|Group 2","", , , , , "1", , , ],
["|Group 3","", , , , , "2", , , ],
...
[" More Samples","testlink.htm"],
["|Group 1","", , , , , "3", "0", , ],
["|Group 2","", , , , , "1", , , ],
Where "0", "1", "2", "3" - style number in itemStyles.
2) You can also use Individual Item Styles.
var itemStyles = [
["itemWidth=120px"],
];
var menuStyles = [
["smWidth=120px"],
];
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], // itemStyles
["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , , , "0", , ],
["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", , , , , , ], // menuStyles
3) Try to set this parameter:
var noWrap=0;
Q: Two more questions, while waiting for this answer:
1) calendarDatePicker.handlers( ['dtEvent', 'dtEvent', {type : 'datetime', format:'%L %d, %Y, %l:%M %p', locale:'en'}] ); is ignoring the date format.
2) If I have a button that in an onclick I want to popup calendar, how would I do that?
3) I am getting 'incorrect copyright', suggestions?
Thank you, I have people waiting for me to bring this site live - your fast help is appreciated
A: >I am getting 'incorrect copyright', suggestions?
You should write NOSCRIPT tag in the following way:
<noscript><a href="http://calendardatepicker.com">Javascript Calendar Date Picker by calendardatepicker.com</a></noscript>
> 1) calendarDatePicker.handlers( ['dtEvent', 'dtEvent', {type : 'datetime',
> format:'%L %d, %Y, %l:%M %p', locale:'en'}] ); is ignoring the date format.
> 2) If I have a button that in an onclick I want to popup the calendar, how
> would I do that?
You should install the calendar in the following way:
<form>
<script>
window.onload = function(){
calendarDatePicker.handlers(['cal', 'txt', {type : 'datetime', IiI:'%L %d, %Y, %l:%M %p', locale:'en'}]);
};
</script>
<input type="button" value="Click to open calendar" id="cal" name="cal" onClick="">
<input type="text" id="txt" value="">
<div id="test-box" style="width:40px;height:40px;position:absolute;left:200px;top:10px;"></div>
</form>