added new calendar system
This commit is contained in:
JT Smith
parent
c0e10f6578
commit
979b2a3e8c
106 changed files with 14623 additions and 8 deletions
|
|
@ -16,5 +16,11 @@
|
|||
- Templatized the Login Box macro.
|
||||
- Added the new WebGUI 6 design.
|
||||
- Templatized the Admin Bar macro.
|
||||
- Added CoolMenus to the distribution for easy making of DHTML driven menus.
|
||||
(Thanks to Thomas Brattli.)
|
||||
- Added JS Calendar to the distribution to replace the old calendar system.
|
||||
(Thanks to Mihai Bazon.)
|
||||
- Updated the Form subsystem to use the new calendar for date and time
|
||||
fields.
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -102,7 +102,12 @@ Midas................................The Mozilla Development Team
|
|||
Mike Kaply
|
||||
|
||||
HTML Area............................interactivetools.com
|
||||
Mihai "Mishoo" Bazon
|
||||
The Open Source Community
|
||||
|
||||
Classic Rich Edit....................Bratta
|
||||
|
||||
JS Calendar..........................Mihai "Mishoo" Bazon
|
||||
|
||||
Cool Menus...........................Thomas Brattli
|
||||
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -172,6 +172,6 @@ delete from international where languageId=1 and namespace='USS' and internation
|
|||
insert into international (internationalId,languageId,namespace,message,lastUpdated,context) values (71,1,'USS','User Submission Systems (USS) are a great way to add a sense of community to any site as well as get free content from your users. The User Submission System name is misleading to some people, because they immediately think of users as visitors. However, users are also staff, or business partners, or even yourself. With the USS you can select who can add new content, and even who can moderate that content.\r\n<br><br>\r\nUser Submission systems are so versatile that they allow you to create all kinds of applications, just by editing a few templates. Example applications are Photo Galleries, FAQs, Link Lists, Guest Books, Classifieds, and more.\r\n\r\n\r\n<p>\r\n<b>Submission Template</b><br/>\r\nChoose a layout for the individual submissions.\r\n<p/>\r\n\r\n<b>Submission Form Template</b><br>\r\nChoose a layout of the form users see when submitting content.\r\n<p>\r\n\r\n\r\n<b>Submissions Per Page</b><br>\r\nHow many submissions should be listed per page in the submissions index?\r\n<br><br>\r\n\r\n\r\n<b>Filter Content</b><br>\r\nSelect the level of content filtering you wish to perform on all submitted content.\r\n<p>\r\n\r\n<b>Sort By</b><br>\r\nThe field to sort the submission list by.\r\n<p>\r\n\r\n<b>Sort Order</b><br>\r\nThe direction to sort the submission list by.\r\n<p>\r\n\r\n\r\n\r\n\r\n<b>Who can approve?</b><br>\r\nWhat group is allowed to approve and deny content?\r\n<br><br>\r\n\r\n<b>Who can contribute?</b><br>\r\nWhat group is allowed to contribute content?\r\n<br><br>\r\n\r\n\r\n<b>Default Status</b><br>\r\nShould submissions be set to <i>Approved</i>, <i>Pending</i>, or <i>Denied</i> by default?\r\n<br><br>\r\n<i>Note:</i> If you set the default status to Pending, then be prepared to monitor your message log for new submissions.\r\n<p>\r\n\r\n<b>Karma Per Submission</b><br>\r\nHow much karma should be given to a user when they contribute to this user submission system?\r\n<p>\r\n\r\n\r\n<b>Allow discussion?</b><br>\r\nChecking this box will enable responses to your article much like Articles on Slashdot.org.\r\n<p>\r\n\r\n\r\n', 1070199700,NULL);
|
||||
INSERT INTO template VALUES (1,'Default Login Box','<div class=\"loginBox\">\n<tmpl_if user.isVisitor>\n <tmpl_var form.header>\n <span><tmpl_var username.label><br></span>\n <tmpl_var username.form>\n <span><br><tmpl_var password.label><br></span>\n <tmpl_var password.form>\n <span><br></span>\n <tmpl_var form.login>\n <tmpl_var form.footer>\n <tmpl_if session.setting.anonymousRegistration>\n <p><a href=\"account.create.url\"><tmpl_var account.create.label></a></p>\n </tmpl_if> \n<tmpl_else>\n <tmpl_unless customText>\n <tmpl_var hello.label> <a href=\"<tmpl_var account.display.url>\"><tmpl_var session.user.username></a>.\n <tmpl_var logout.label>\n <tmpl_else>\n <tmpl_var customText>\n </tmpl_unless>\n</tmpl_if>\n</div>\n','Macro/L_loginBox');
|
||||
INSERT INTO template VALUES (2,'Horizontal Login Box','<div class=\"loginBox\">\n<tmpl_if user.isVisitor>\n <tmpl_var form.header>\n <table border=\"0\" class=\"loginBox\" cellpadding=\"1\" cellspacing=\"0\">\n <tr>\n <td><tmpl_var username.form></td>\n <td><tmpl_var password.form></td>\n <td><tmpl_var form.login></td>\n </tr>\n <tr>\n <td><tmpl_var username.label></td>\n <td><tmpl_var password.label></td>\n <td></td>\n </tr>\n </table> \n <tmpl_var form.footer>\n <tmpl_if session.setting.anonymousRegistration>\n <a href=\"account.create.url\"><tmpl_var account.create.label></a>\n </tmpl_if> \n<tmpl_else>\n <tmpl_unless customText>\n <tmpl_var hello.label> <a href=\"<tmpl_var account.display.url>\"><tmpl_var session.user.username></a>.\n <tmpl_var logout.label><br />\n <tmpl_else>\n <tmpl_var customText>\n </tmpl_unless>\n</tmpl_if>\n</div>\n','Macro/L_loginBox');
|
||||
INSERT INTO template VALUES (2,'DHTML Admin Bar','<script language=\"JavaScript1.2\" src=\"^Extras;coolmenus4.js\">\n/*****************************************************************************\nCopyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)\n \nDHTML coolMenus - Get it at coolmenus.dhtmlcentral.com\nVersion 4.0_beta\nThis script can be used freely as long as all copyright messages are\nintact.\n \nExtra info - Coolmenus reference/help - Extra links to help files ****\nCSS help: http://192.168.1.31/projects/coolmenus/reference.asp?m=37\nGeneral: http://coolmenus.dhtmlcentral.com/reference.asp?m=35\nMenu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47\nLevel properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48\nBackground bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49\nItem properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50\n******************************************************************************/\n</script>\n<style type=\"text/css\">\n \n.adminBarTop,.adminBarTopOver,.adminBarSub,.adminBarSubOver{position:absolute; overflow:hidden; width:130; height:25; cursor:pointer; cursor:hand}\n.adminBarTop,.adminBarTopOver{padding:4px; font-size:12px; font-weight:bold}\n.adminBarTop{color:white; }\n.adminBarTopOver,.adminBarSubOver{color:#EC4300;}\n.adminBarSub,.adminBarSubOver{padding:2px; font-size:11px; font-weight:bold}\n.adminBarSub{color: white; background-color: #666666; layer-background-color: #666666;}\n.adminBarSubOver,.adminBarSubOver,.adminBarBorder,.adminBarBkg{layer-background-color: black; background-color: black;}\n.adminBarBorder{position:absolute; visibility:hidden; z-index:300}\n.adminBarBkg{position:absolute; width:10; height:10; visibility:hidden; }\n</style>\n\n<script language=\"JavaScript1.2\">\nadminBar=new makeCM(\"adminBar\"); \n\n//menu properties\nadminBar.resizeCheck=1; \nadminBar.rows=1; \nadminBar.onlineRoot=\"\"; \nadminBar.pxBetween =0;\nadminBar.fillImg=\"^Extras/spacer.gif\"; \nadminBar.fromTop=0; \nadminBar.fromLeft=50; \nadminBar.wait=300; \nadminBar.zIndex=400;\nadminBar.menuPlacement=\"left\";\n\n//background bar properties\nadminBar.useBar=1; \nadminBar.barWidth=\"100%\"; \nadminBar.barHeight=\"menu\"; \nadminBar.barX=0;\nadminBar.barY=\"menu\"; \nadminBar.barClass=\"adminBarBkg\";\nadminBar.barBorderX=0; \nadminBar.barBorderY=0;\n\nadminBar.level[0]=new cm_makeLevel(150,20,\"adminBarTop\",\"adminBarTopOver\",1,1,\"adminBarBorder\",0,\"bottom\",0,0,0,0,0);\nadminBar.level[1]=new cm_makeLevel(150,18,\"adminBarSub\",\"adminBarSubOver\",1,1,\"adminBarBorder\",0,\"right\",0,0,\"menu_arrow.gif\",10,10);\n\n\nadminBar.makeMenu(\'addcontent\',\'\',\'<tmpl_var addcontent.label>\',\'\');\n<tmpl_loop addcontent_loop> \n adminBar.makeMenu(\'addcontent<tmpl_var addcontent.count>\',\'addcontent\',\'<tmpl_var addcontent.label>\',\'<tmpl_var addcontent.url>\');\n</tmpl_loop>\n\nadminBar.makeMenu(\'clipboard\',\'\',\'<tmpl_var clipboard.label>\',\'\');\n<tmpl_loop clipboard_loop> \n adminBar.makeMenu(\'clipboard<tmpl_var clipboard.count>\',\'clipboard\',\'<tmpl_var clipboard.label>\',\'<tmpl_var clipboard.url>\');\n</tmpl_loop>\n\nadminBar.makeMenu(\'admin\',\'\',\'<tmpl_var admin.label>\',\'\');\n<tmpl_loop admin_loop> \n adminBar.makeMenu(\'admin<tmpl_var admin.count>\',\'admin\',\'<tmpl_var admin.label>\',\'<tmpl_var admin.url>\');\n</tmpl_loop>\n \nadminBar.construct()\n</script>\n<br />\n','Macro/AdminBar');
|
||||
INSERT INTO template VALUES (2,'DHTML Admin Bar','<script language=\"JavaScript1.2\" src=\"^Extras;/coolmenus/coolmenus4.js\">\n/*****************************************************************************\nCopyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)\n \nDHTML coolMenus - Get it at coolmenus.dhtmlcentral.com\nVersion 4.0_beta\nThis script can be used freely as long as all copyright messages are\nintact.\n \nExtra info - Coolmenus reference/help - Extra links to help files ****\nCSS help: http://192.168.1.31/projects/coolmenus/reference.asp?m=37\nGeneral: http://coolmenus.dhtmlcentral.com/reference.asp?m=35\nMenu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47\nLevel properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48\nBackground bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49\nItem properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50\n******************************************************************************/\n</script>\n<style type=\"text/css\">\n \n.adminBarTop,.adminBarTopOver,.adminBarSub,.adminBarSubOver{position:absolute; overflow:hidden; width:130; height:25; cursor:pointer; cursor:hand}\n.adminBarTop,.adminBarTopOver{padding:4px; font-size:12px; font-weight:bold}\n.adminBarTop{color:white; }\n.adminBarTopOver,.adminBarSubOver{color:#EC4300;}\n.adminBarSub,.adminBarSubOver{padding:2px; font-size:11px; font-weight:bold}\n.adminBarSub{color: white; background-color: #666666; layer-background-color: #666666;}\n.adminBarSubOver,.adminBarSubOver,.adminBarBorder,.adminBarBkg{layer-background-color: black; background-color: black;}\n.adminBarBorder{position:absolute; visibility:hidden; z-index:300}\n.adminBarBkg{position:absolute; width:10; height:10; visibility:hidden; }\n</style>\n\n<script language=\"JavaScript1.2\">\nadminBar=new makeCM(\"adminBar\"); \n\n//menu properties\nadminBar.resizeCheck=1; \nadminBar.rows=1; \nadminBar.onlineRoot=\"\"; \nadminBar.pxBetween =0;\nadminBar.fillImg=\"^Extras/spacer.gif\"; \nadminBar.fromTop=0; \nadminBar.fromLeft=50; \nadminBar.wait=300; \nadminBar.zIndex=400;\nadminBar.menuPlacement=\"left\";\n\n//background bar properties\nadminBar.useBar=1; \nadminBar.barWidth=\"100%\"; \nadminBar.barHeight=\"menu\"; \nadminBar.barX=0;\nadminBar.barY=\"menu\"; \nadminBar.barClass=\"adminBarBkg\";\nadminBar.barBorderX=0; \nadminBar.barBorderY=0;\n\nadminBar.level[0]=new cm_makeLevel(150,20,\"adminBarTop\",\"adminBarTopOver\",1,1,\"adminBarBorder\",0,\"bottom\",0,0,0,0,0);\nadminBar.level[1]=new cm_makeLevel(150,18,\"adminBarSub\",\"adminBarSubOver\",1,1,\"adminBarBorder\",0,\"right\",0,0,\"menu_arrow.gif\",10,10);\n\n\nadminBar.makeMenu(\'addcontent\',\'\',\'<tmpl_var addcontent.label>\',\'\');\n<tmpl_loop addcontent_loop> \n adminBar.makeMenu(\'addcontent<tmpl_var addcontent.count>\',\'addcontent\',\'<tmpl_var addcontent.label>\',\'<tmpl_var addcontent.url>\');\n</tmpl_loop>\n\nadminBar.makeMenu(\'clipboard\',\'\',\'<tmpl_var clipboard.label>\',\'\');\n<tmpl_loop clipboard_loop> \n adminBar.makeMenu(\'clipboard<tmpl_var clipboard.count>\',\'clipboard\',\'<tmpl_var clipboard.label>\',\'<tmpl_var clipboard.url>\');\n</tmpl_loop>\n\nadminBar.makeMenu(\'admin\',\'\',\'<tmpl_var admin.label>\',\'\');\n<tmpl_loop admin_loop> \n adminBar.makeMenu(\'admin<tmpl_var admin.count>\',\'admin\',\'<tmpl_var admin.label>\',\'<tmpl_var admin.url>\');\n</tmpl_loop>\n \nadminBar.construct()\n</script>\n<br />\n','Macro/AdminBar');
|
||||
INSERT INTO template VALUES (1,'Default Admin Bar',' <script language=\"JavaScript\" type=\"text/javascript\"> <!--\n function goContent(){\n location = document.content.contentSelect.options[document.content.contentSelect.selectedIndex].value\n }\n function goAdmin(){\n location = document.admin.adminSelect.options[document.admin.adminSelect.selectedIndex].value\n }\n function goClipboard(){\n location = document.clipboard.clipboardSelect.options[document.clipboard.clipboardSelect.selectedIndex].value\n }\n //--> </script>\n \n<div class=\"adminBar\">\n<table class=\"adminBar\" width=\"100%\" cellpadding=\"3\" cellspacing=\"0\" border=\"0\">\n <tr>\n <form name=\"content\"> <td>\n <select name=\"contentSelect\" onChange=\"goContent()\">\n <option value=\"\"><tmpl_var addcontent.label></option>\n <tmpl_loop addcontent_loop>\n <option value=\"<tmpl_var addcontent.url>\"><tmpl_var addcontent.label></option>\n </tmpl_loop>\n </select>\n </td> </form>\n <form name=\"clipboard\"> <td align=\"center\">\n <select name=\"clipboardSelect\" onChange=\"goClipboard()\">\n <option value=\"\"><tmpl_var clipboard.label></option>\n <tmpl_loop clipboard_loop>\n <option value=\"<tmpl_var clipboard.url>\"><tmpl_var clipboard.label></option>\n </tmpl_loop>\n </select>\n </td> </form>\n <form name=\"admin\"> <td align=\"center\">\n <select name=\"adminSelect\" onChange=\"goAdmin()\">\n <option value=\"\"><tmpl_var admin.label></option>\n <tmpl_loop admin_loop>\n <option value=\"<tmpl_var admin.url>\"><tmpl_var admin.label></option>\n </tmpl_loop>\n </select>\n </td> </form>\n </tr>\n</table>\n</div>\n','Macro/AdminBar');
|
||||
|
||||
|
|
|
|||
|
|
@ -73,6 +73,11 @@ All of the functions in this package accept the input of a hash reference contai
|
|||
|
||||
=cut
|
||||
|
||||
#-------------------------------------------------------------------
|
||||
sub _cssFile {
|
||||
return '<link rel="stylesheet" type="text/css" media="all" href="'.$session{config}{extrasURL}.'/'.$_[0].'" />'."\n";
|
||||
}
|
||||
|
||||
#-------------------------------------------------------------------
|
||||
sub _fixMacros {
|
||||
my $value = shift;
|
||||
|
|
@ -352,18 +357,30 @@ sub date {
|
|||
my ($subtext, $noDate, $class, $name, $label, $extras, $size, $value);
|
||||
$value = epochToSet($_[0]->{value}) unless ($_[0]->{noDate} && $_[0]->{value} eq '');
|
||||
$size = $_[0]->{size} || 10;
|
||||
my $output = _javascriptFile('inputCheck.js');
|
||||
my $output = _cssFile("calendar/calendar-win2k-1.css")
|
||||
._javascriptFile('calendar/calendar.js')
|
||||
._javascriptFile('calendar/lang/calendar-en.js')
|
||||
._javascriptFile('calendar/calendar-setup.js');
|
||||
$output .= text({
|
||||
name=>$_[0]->{name},
|
||||
value=>$value,
|
||||
size=>$size,
|
||||
extras=>'onKeyUp="doInputCheck(this.form.'.$_[0]->{name}.',\'0123456789/\')" '.$_[0]->{extras},
|
||||
extras=>'id="'.$_[0]->{name}.'Id" '.$_[0]->{extras},
|
||||
maxlength=>10
|
||||
});
|
||||
$output .= '<input type="button" style="font-size: 8pt;" onClick="window.dateField = this.form.'.
|
||||
$_[0]->{name}.';calendar = window.open(\''.$session{config}{extrasURL}.
|
||||
'/calendar.html\',\'cal\',\'WIDTH=220,HEIGHT=250\');return false" value="'.
|
||||
WebGUI::International::get(34).'">';
|
||||
$output .= '<script type="text/javascript">
|
||||
Calendar.setup({
|
||||
inputField : "'.$_[0]->{name}.'Id",
|
||||
ifFormat : "%Y-%m-%d",
|
||||
showsTime : false,
|
||||
timeFormat : "12",
|
||||
mondayFirst : false
|
||||
});
|
||||
</script>';
|
||||
# $output .= '<input type="button" style="font-size: 8pt;" onClick="window.dateField = this.form.'.
|
||||
# $_[0]->{name}.';calendar = window.open(\''.$session{config}{extrasURL}.
|
||||
# '/calendar.html\',\'cal\',\'WIDTH=220,HEIGHT=250\');return false" value="'.
|
||||
# WebGUI::International::get(34).'">';
|
||||
return $output;
|
||||
}
|
||||
|
||||
|
|
|
|||
31
www/extras/calendar/README
Normal file
31
www/extras/calendar/README
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
The DHTML Calendar
|
||||
-------------------
|
||||
|
||||
Author: Mihai Bazon, <mishoo@infoiasi.ro>
|
||||
http://dynarch.com/mishoo/
|
||||
|
||||
This program is free software published under the
|
||||
terms of the GNU Lesser General Public License.
|
||||
|
||||
For the entire license text please refer to
|
||||
http://www.gnu.org/licenses/lgpl.html
|
||||
|
||||
Contents
|
||||
---------
|
||||
|
||||
calendar.js -- the main program file
|
||||
lang/*.js -- internalization files
|
||||
*.css -- color themes
|
||||
cal.html -- example usage file
|
||||
doc/ -- documentation, in PDF and HTML
|
||||
simple-1.html -- quick setup examples [popup calendars]
|
||||
simple-2.html -- quick setup example for flat calendar
|
||||
|
||||
Homepage
|
||||
---------
|
||||
|
||||
For details and latest versions please refer to calendar
|
||||
homepage, located on my website:
|
||||
|
||||
http://dynarch.com/mishoo/calendar.epl
|
||||
|
||||
108
www/extras/calendar/bugtest-hidden-selects.html
Normal file
108
www/extras/calendar/bugtest-hidden-selects.html
Normal file
|
|
@ -0,0 +1,108 @@
|
|||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ro" lang="ro">
|
||||
|
||||
<head>
|
||||
<title>Bug</title>
|
||||
<link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-1.css" title="win2k-1" />
|
||||
|
||||
<!-- import the calendar script -->
|
||||
<script type="text/javascript" src="calendar.js"></script>
|
||||
|
||||
<!-- import the language module -->
|
||||
<script type="text/javascript" src="lang/calendar-en.js"></script>
|
||||
|
||||
<!-- helper script that uses the calendar -->
|
||||
<script type="text/javascript">
|
||||
// This function gets called when the end-user clicks on some date.
|
||||
function selected(cal, date) {
|
||||
cal.sel.value = date; // just update the date in the input field.
|
||||
if (cal.sel.id == "sel1" || cal.sel.id == "sel3")
|
||||
// if we add this call we close the calendar on single-click.
|
||||
// just to exemplify both cases, we are using this only for the 1st
|
||||
// and the 3rd field, while 2nd and 4th will still require double-click.
|
||||
cal.callCloseHandler();
|
||||
}
|
||||
|
||||
// And this gets called when the end-user clicks on the _selected_ date,
|
||||
// or clicks on the "Close" button. It just hides the calendar without
|
||||
// destroying it.
|
||||
function closeHandler(cal) {
|
||||
cal.hide(); // hide the calendar
|
||||
}
|
||||
|
||||
// This function shows the calendar under the element having the given id.
|
||||
// It takes care of catching "mousedown" signals on document and hiding the
|
||||
// calendar if the click was outside.
|
||||
function showCalendar(id, format) {
|
||||
var el = document.getElementById(id);
|
||||
if (calendar != null) {
|
||||
// we already have some calendar created
|
||||
calendar.hide(); // so we hide it first.
|
||||
} else {
|
||||
// first-time call, create the calendar.
|
||||
var cal = new Calendar(false, null, selected, closeHandler);
|
||||
// uncomment the following line to hide the week numbers
|
||||
// cal.weekNumbers = false;
|
||||
calendar = cal; // remember it in the global var
|
||||
cal.setRange(1900, 2070); // min/max year allowed.
|
||||
cal.create();
|
||||
}
|
||||
calendar.setDateFormat(format); // set the specified date format
|
||||
calendar.parseDate(el.value); // try to parse the text in field
|
||||
calendar.sel = el; // inform it what input field we use
|
||||
calendar.showAtElement(el); // show the calendar below it
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
var MINUTE = 60 * 1000;
|
||||
var HOUR = 60 * MINUTE;
|
||||
var DAY = 24 * HOUR;
|
||||
var WEEK = 7 * DAY;
|
||||
|
||||
// If this handler returns true then the "date" given as
|
||||
// parameter will be disabled. In this example we enable
|
||||
// only days within a range of 10 days from the current
|
||||
// date.
|
||||
// You can use the functions date.getFullYear() -- returns the year
|
||||
// as 4 digit number, date.getMonth() -- returns the month as 0..11,
|
||||
// and date.getDate() -- returns the date of the month as 1..31, to
|
||||
// make heavy calculations here. However, beware that this function
|
||||
// should be very fast, as it is called for each day in a month when
|
||||
// the calendar is (re)constructed.
|
||||
function isDisabled(date) {
|
||||
var today = new Date();
|
||||
return (Math.abs(date.getTime() - today.getTime()) / DAY) > 10;
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<form>
|
||||
<b>Date:</b>
|
||||
<br>
|
||||
<input type="text" name="date1" id="sel1" size="30">
|
||||
<input type="button" value="..." onclick="return showCalendar('sel1', 'y-m-d');">
|
||||
<p>
|
||||
<br>
|
||||
<br><b>Visible <select>, hides and unhides as expected</b>
|
||||
<br>
|
||||
<select name="foo" multiple>
|
||||
<option value="1">can use the functions date.getFullYear() -- returns</option>
|
||||
<option value="2">4 digit number, date.getMonth() -- returns the month</option>
|
||||
<option value="3">heavy calculations here. However, beware that this</option>
|
||||
</select>
|
||||
|
||||
<p>
|
||||
<br><b>Hidden <select>, it should stay hidden (but doesn't)</b>
|
||||
<br>
|
||||
<select name="foo2" multiple style="visibility: hidden">
|
||||
<option value="1">this should</option>
|
||||
<option value="2">remain hidden right?</option>
|
||||
</select>
|
||||
|
||||
<p>
|
||||
<br><b>Hidden textbox below, it stays hidden as expected</b>
|
||||
<br>
|
||||
<input type="text" name="foo3" value="this stays hidden just fine" style="visibility: hidden">
|
||||
</form>
|
||||
</body></html>
|
||||
224
www/extras/calendar/calendar-blue.css
Normal file
224
www/extras/calendar/calendar-blue.css
Normal file
|
|
@ -0,0 +1,224 @@
|
|||
/* The main calendar widget. DIV containing a table. */
|
||||
|
||||
div.calendar { position: relative; }
|
||||
|
||||
.calendar, .calendar table {
|
||||
border: 1px solid #556;
|
||||
font-size: 11px;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
background: #eef;
|
||||
font-family: tahoma,verdana,sans-serif;
|
||||
}
|
||||
|
||||
/* Header part -- contains navigation buttons and day names. */
|
||||
|
||||
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
|
||||
text-align: center; /* They are the navigation buttons */
|
||||
padding: 2px; /* Make the buttons seem like they're pressing */
|
||||
}
|
||||
|
||||
.calendar .nav {
|
||||
background: #778 url(menuarrow.gif) no-repeat 100% 100%;
|
||||
}
|
||||
|
||||
.calendar thead .title { /* This holds the current "month, year" */
|
||||
font-weight: bold; /* Pressing it will take you to the current date */
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
|
||||
background: #778;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.calendar thead .daynames { /* Row <TR> containing the day names */
|
||||
background: #bdf;
|
||||
}
|
||||
|
||||
.calendar thead .name { /* Cells <TD> containing the day names */
|
||||
border-bottom: 1px solid #556;
|
||||
padding: 2px;
|
||||
text-align: center;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.calendar thead .weekend { /* How a weekend day name shows in header */
|
||||
color: #a66;
|
||||
}
|
||||
|
||||
.calendar thead .hilite { /* How do the buttons in header appear when hover */
|
||||
background-color: #aaf;
|
||||
color: #000;
|
||||
border: 1px solid #04f;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.calendar thead .active { /* Active (pressed) buttons in header */
|
||||
background-color: #77c;
|
||||
padding: 2px 0px 0px 2px;
|
||||
}
|
||||
|
||||
/* The body part -- contains all the days in month. */
|
||||
|
||||
.calendar tbody .day { /* Cells <TD> containing month days dates */
|
||||
width: 2em;
|
||||
color: #456;
|
||||
text-align: right;
|
||||
padding: 2px 4px 2px 2px;
|
||||
}
|
||||
|
||||
.calendar table .wn {
|
||||
padding: 2px 3px 2px 2px;
|
||||
border-right: 1px solid #000;
|
||||
background: #bdf;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td {
|
||||
background: #def;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td.wn {
|
||||
background: #eef;
|
||||
}
|
||||
|
||||
.calendar tbody td.hilite { /* Hovered cells <TD> */
|
||||
background: #def;
|
||||
padding: 1px 3px 1px 1px;
|
||||
border: 1px solid #bbb;
|
||||
}
|
||||
|
||||
.calendar tbody td.active { /* Active (pressed) cells <TD> */
|
||||
background: #cde;
|
||||
padding: 2px 2px 0px 2px;
|
||||
}
|
||||
|
||||
.calendar tbody td.selected { /* Cell showing today date */
|
||||
font-weight: bold;
|
||||
border: 1px solid #000;
|
||||
padding: 1px 3px 1px 1px;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.calendar tbody td.weekend { /* Cells showing weekend days */
|
||||
color: #a66;
|
||||
}
|
||||
|
||||
.calendar tbody td.today { /* Cell showing selected date */
|
||||
font-weight: bold;
|
||||
color: #00f;
|
||||
}
|
||||
|
||||
.calendar tbody .disabled { color: #999; }
|
||||
|
||||
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* The footer part -- status bar and "Close" button */
|
||||
|
||||
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
|
||||
text-align: center;
|
||||
background: #556;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
|
||||
background: #fff;
|
||||
color: #445;
|
||||
border-top: 1px solid #556;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.calendar tfoot .hilite { /* Hover style for buttons in footer */
|
||||
background: #aaf;
|
||||
border: 1px solid #04f;
|
||||
color: #000;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
|
||||
background: #77c;
|
||||
padding: 2px 0px 0px 2px;
|
||||
}
|
||||
|
||||
/* Combo boxes (menus that display months/years for direct selection) */
|
||||
|
||||
.combo {
|
||||
position: absolute;
|
||||
display: none;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 4em;
|
||||
cursor: default;
|
||||
border: 1px solid #655;
|
||||
background: #def;
|
||||
color: #000;
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
.combo .label,
|
||||
.combo .label-IEfix {
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.combo .label-IEfix {
|
||||
width: 4em;
|
||||
}
|
||||
|
||||
.combo .hilite {
|
||||
background: #acf;
|
||||
}
|
||||
|
||||
.combo .active {
|
||||
border-top: 1px solid #46a;
|
||||
border-bottom: 1px solid #46a;
|
||||
background: #eef;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar td.time {
|
||||
border-top: 1px solid #000;
|
||||
padding: 1px 0px;
|
||||
text-align: center;
|
||||
background-color: #f4f0e8;
|
||||
}
|
||||
|
||||
.calendar td.time .hour,
|
||||
.calendar td.time .minute,
|
||||
.calendar td.time .ampm {
|
||||
padding: 0px 3px 0px 4px;
|
||||
border: 1px solid #889;
|
||||
font-weight: bold;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time .ampm {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar td.time .colon {
|
||||
padding: 0px 2px 0px 3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar td.time span.hilite {
|
||||
border-color: #000;
|
||||
background-color: #667;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time span.active {
|
||||
border-color: #f00;
|
||||
background-color: #000;
|
||||
color: #0f0;
|
||||
}
|
||||
217
www/extras/calendar/calendar-brown.css
Normal file
217
www/extras/calendar/calendar-brown.css
Normal file
|
|
@ -0,0 +1,217 @@
|
|||
/* The main calendar widget. DIV containing a table. */
|
||||
|
||||
div.calendar { position: relative; }
|
||||
|
||||
.calendar, .calendar table {
|
||||
border: 1px solid #655;
|
||||
font-size: 11px;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
background: #ffd;
|
||||
font-family: tahoma,verdana,sans-serif;
|
||||
}
|
||||
|
||||
/* Header part -- contains navigation buttons and day names. */
|
||||
|
||||
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
|
||||
text-align: center; /* They are the navigation buttons */
|
||||
padding: 2px; /* Make the buttons seem like they're pressing */
|
||||
}
|
||||
|
||||
.calendar .nav {
|
||||
background: #edc url(menuarrow.gif) no-repeat 100% 100%;
|
||||
}
|
||||
|
||||
.calendar thead .title { /* This holds the current "month, year" */
|
||||
font-weight: bold; /* Pressing it will take you to the current date */
|
||||
text-align: center;
|
||||
background: #654;
|
||||
color: #fed;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
|
||||
background: #edc;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.calendar thead .name { /* Cells <TD> containing the day names */
|
||||
border-bottom: 1px solid #655;
|
||||
padding: 2px;
|
||||
text-align: center;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.calendar thead .weekend { /* How a weekend day name shows in header */
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.calendar thead .hilite { /* How do the buttons in header appear when hover */
|
||||
background-color: #faa;
|
||||
color: #000;
|
||||
border: 1px solid #f40;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.calendar thead .active { /* Active (pressed) buttons in header */
|
||||
background-color: #c77;
|
||||
padding: 2px 0px 0px 2px;
|
||||
}
|
||||
|
||||
.calendar thead .daynames { /* Row <TR> containing the day names */
|
||||
background: #fed;
|
||||
}
|
||||
|
||||
/* The body part -- contains all the days in month. */
|
||||
|
||||
.calendar tbody .day { /* Cells <TD> containing month days dates */
|
||||
width: 2em;
|
||||
text-align: right;
|
||||
padding: 2px 4px 2px 2px;
|
||||
}
|
||||
|
||||
.calendar table .wn {
|
||||
padding: 2px 3px 2px 2px;
|
||||
border-right: 1px solid #000;
|
||||
background: #fed;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td {
|
||||
background: #ddf;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td.wn {
|
||||
background: #efe;
|
||||
}
|
||||
|
||||
.calendar tbody td.hilite { /* Hovered cells <TD> */
|
||||
background: #ffe;
|
||||
padding: 1px 3px 1px 1px;
|
||||
border: 1px solid #bbb;
|
||||
}
|
||||
|
||||
.calendar tbody td.active { /* Active (pressed) cells <TD> */
|
||||
background: #ddc;
|
||||
padding: 2px 2px 0px 2px;
|
||||
}
|
||||
|
||||
.calendar tbody td.selected { /* Cell showing today date */
|
||||
font-weight: bold;
|
||||
border: 1px solid #000;
|
||||
padding: 1px 3px 1px 1px;
|
||||
background: #fea;
|
||||
}
|
||||
|
||||
.calendar tbody td.weekend { /* Cells showing weekend days */
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.calendar tbody td.today { font-weight: bold; }
|
||||
|
||||
.calendar tbody .disabled { color: #999; }
|
||||
|
||||
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* The footer part -- status bar and "Close" button */
|
||||
|
||||
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
|
||||
text-align: center;
|
||||
background: #988;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
|
||||
border-top: 1px solid #655;
|
||||
background: #dcb;
|
||||
color: #840;
|
||||
}
|
||||
|
||||
.calendar tfoot .hilite { /* Hover style for buttons in footer */
|
||||
background: #faa;
|
||||
border: 1px solid #f40;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
|
||||
background: #c77;
|
||||
padding: 2px 0px 0px 2px;
|
||||
}
|
||||
|
||||
/* Combo boxes (menus that display months/years for direct selection) */
|
||||
|
||||
.combo {
|
||||
position: absolute;
|
||||
display: none;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 4em;
|
||||
cursor: default;
|
||||
border: 1px solid #655;
|
||||
background: #ffe;
|
||||
color: #000;
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
.combo .label,
|
||||
.combo .label-IEfix {
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.combo .label-IEfix {
|
||||
width: 4em;
|
||||
}
|
||||
|
||||
.combo .hilite {
|
||||
background: #fc8;
|
||||
}
|
||||
|
||||
.combo .active {
|
||||
border-top: 1px solid #a64;
|
||||
border-bottom: 1px solid #a64;
|
||||
background: #fee;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar td.time {
|
||||
border-top: 1px solid #a88;
|
||||
padding: 1px 0px;
|
||||
text-align: center;
|
||||
background-color: #fed;
|
||||
}
|
||||
|
||||
.calendar td.time .hour,
|
||||
.calendar td.time .minute,
|
||||
.calendar td.time .ampm {
|
||||
padding: 0px 3px 0px 4px;
|
||||
border: 1px solid #988;
|
||||
font-weight: bold;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time .ampm {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar td.time .colon {
|
||||
padding: 0px 2px 0px 3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar td.time span.hilite {
|
||||
border-color: #000;
|
||||
background-color: #866;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time span.active {
|
||||
border-color: #f00;
|
||||
background-color: #000;
|
||||
color: #0f0;
|
||||
}
|
||||
221
www/extras/calendar/calendar-green.css
Normal file
221
www/extras/calendar/calendar-green.css
Normal file
|
|
@ -0,0 +1,221 @@
|
|||
/* The main calendar widget. DIV containing a table. */
|
||||
|
||||
div.calendar { position: relative; }
|
||||
|
||||
.calendar, .calendar table {
|
||||
border: 1px solid #565;
|
||||
font-size: 11px;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
background: #efe;
|
||||
font-family: tahoma,verdana,sans-serif;
|
||||
}
|
||||
|
||||
/* Header part -- contains navigation buttons and day names. */
|
||||
|
||||
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
|
||||
text-align: center; /* They are the navigation buttons */
|
||||
padding: 2px; /* Make the buttons seem like they're pressing */
|
||||
background: #676;
|
||||
color: #fff;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
.calendar .nav {
|
||||
background: #676 url(menuarrow.gif) no-repeat 100% 100%;
|
||||
}
|
||||
|
||||
.calendar thead .title { /* This holds the current "month, year" */
|
||||
font-weight: bold; /* Pressing it will take you to the current date */
|
||||
text-align: center;
|
||||
padding: 2px;
|
||||
background: #250;
|
||||
color: #efa;
|
||||
}
|
||||
|
||||
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
|
||||
}
|
||||
|
||||
.calendar thead .name { /* Cells <TD> containing the day names */
|
||||
border-bottom: 1px solid #565;
|
||||
padding: 2px;
|
||||
text-align: center;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.calendar thead .weekend { /* How a weekend day name shows in header */
|
||||
color: #a66;
|
||||
}
|
||||
|
||||
.calendar thead .hilite { /* How do the buttons in header appear when hover */
|
||||
background-color: #afa;
|
||||
color: #000;
|
||||
border: 1px solid #084;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.calendar thead .active { /* Active (pressed) buttons in header */
|
||||
background-color: #7c7;
|
||||
padding: 2px 0px 0px 2px;
|
||||
}
|
||||
|
||||
.calendar thead .daynames { /* Row <TR> containing the day names */
|
||||
background: #dfb;
|
||||
}
|
||||
|
||||
/* The body part -- contains all the days in month. */
|
||||
|
||||
.calendar tbody .day { /* Cells <TD> containing month days dates */
|
||||
width: 2em;
|
||||
color: #564;
|
||||
text-align: right;
|
||||
padding: 2px 4px 2px 2px;
|
||||
}
|
||||
|
||||
.calendar table .wn {
|
||||
padding: 2px 3px 2px 2px;
|
||||
border-right: 1px solid #8a8;
|
||||
background: #dfb;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td {
|
||||
background: #dfd;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td.wn {
|
||||
background: #efe;
|
||||
}
|
||||
|
||||
.calendar tbody td.hilite { /* Hovered cells <TD> */
|
||||
background: #efd;
|
||||
padding: 1px 3px 1px 1px;
|
||||
border: 1px solid #bbb;
|
||||
}
|
||||
|
||||
.calendar tbody td.active { /* Active (pressed) cells <TD> */
|
||||
background: #dec;
|
||||
padding: 2px 2px 0px 2px;
|
||||
}
|
||||
|
||||
.calendar tbody td.selected { /* Cell showing today date */
|
||||
font-weight: bold;
|
||||
border: 1px solid #000;
|
||||
padding: 1px 3px 1px 1px;
|
||||
background: #f8fff8;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.calendar tbody td.weekend { /* Cells showing weekend days */
|
||||
color: #a66;
|
||||
}
|
||||
|
||||
.calendar tbody td.today { font-weight: bold; color: #0a0; }
|
||||
|
||||
.calendar tbody .disabled { color: #999; }
|
||||
|
||||
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* The footer part -- status bar and "Close" button */
|
||||
|
||||
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
|
||||
text-align: center;
|
||||
background: #565;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
|
||||
padding: 2px;
|
||||
background: #250;
|
||||
color: #efa;
|
||||
}
|
||||
|
||||
.calendar tfoot .hilite { /* Hover style for buttons in footer */
|
||||
background: #afa;
|
||||
border: 1px solid #084;
|
||||
color: #000;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
|
||||
background: #7c7;
|
||||
padding: 2px 0px 0px 2px;
|
||||
}
|
||||
|
||||
/* Combo boxes (menus that display months/years for direct selection) */
|
||||
|
||||
.combo {
|
||||
position: absolute;
|
||||
display: none;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 4em;
|
||||
cursor: default;
|
||||
border: 1px solid #565;
|
||||
background: #efd;
|
||||
color: #000;
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
.combo .label,
|
||||
.combo .label-IEfix {
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.combo .label-IEfix {
|
||||
width: 4em;
|
||||
}
|
||||
|
||||
.combo .hilite {
|
||||
background: #af8;
|
||||
}
|
||||
|
||||
.combo .active {
|
||||
border-top: 1px solid #6a4;
|
||||
border-bottom: 1px solid #6a4;
|
||||
background: #efe;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar td.time {
|
||||
border-top: 1px solid #8a8;
|
||||
padding: 1px 0px;
|
||||
text-align: center;
|
||||
background-color: #dfb;
|
||||
}
|
||||
|
||||
.calendar td.time .hour,
|
||||
.calendar td.time .minute,
|
||||
.calendar td.time .ampm {
|
||||
padding: 0px 3px 0px 4px;
|
||||
border: 1px solid #898;
|
||||
font-weight: bold;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time .ampm {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar td.time .colon {
|
||||
padding: 0px 2px 0px 3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar td.time span.hilite {
|
||||
border-color: #000;
|
||||
background-color: #686;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time span.active {
|
||||
border-color: #f00;
|
||||
background-color: #000;
|
||||
color: #0f0;
|
||||
}
|
||||
163
www/extras/calendar/calendar-setup.js
Normal file
163
www/extras/calendar/calendar-setup.js
Normal file
|
|
@ -0,0 +1,163 @@
|
|||
/* Copyright Mihai Bazon, 2002, 2003 | http://dynarch.com/mishoo/
|
||||
* ---------------------------------------------------------------------------
|
||||
*
|
||||
* The DHTML Calendar
|
||||
*
|
||||
* Details and latest version at:
|
||||
* http://dynarch.com/mishoo/calendar.epl
|
||||
*
|
||||
* This script is distributed under the GNU Lesser General Public License.
|
||||
* Read the entire license text here: http://www.gnu.org/licenses/lgpl.html
|
||||
*
|
||||
* This file defines helper functions for setting up the calendar. They are
|
||||
* intended to help non-programmers get a working calendar on their site
|
||||
* quickly. This script should not be seen as part of the calendar. It just
|
||||
* shows you what one can do with the calendar, while in the same time
|
||||
* providing a quick and simple method for setting it up. If you need
|
||||
* exhaustive customization of the calendar creation process feel free to
|
||||
* modify this code to suit your needs (this is recommended and much better
|
||||
* than modifying calendar.js itself).
|
||||
*/
|
||||
|
||||
// $Id$
|
||||
|
||||
/**
|
||||
* This function "patches" an input field (or other element) to use a calendar
|
||||
* widget for date selection.
|
||||
*
|
||||
* The "params" is a single object that can have the following properties:
|
||||
*
|
||||
* prop. name | description
|
||||
* -------------------------------------------------------------------------------------------------
|
||||
* inputField | the ID of an input field to store the date
|
||||
* displayArea | the ID of a DIV or other element to show the date
|
||||
* button | ID of a button or other element that will trigger the calendar
|
||||
* eventName | event that will trigger the calendar, without the "on" prefix (default: "click")
|
||||
* ifFormat | date format that will be stored in the input field
|
||||
* daFormat | the date format that will be used to display the date in displayArea
|
||||
* singleClick | (true/false) wether the calendar is in single click mode or not (default: true)
|
||||
* mondayFirst | (true/false) if true Monday is the first day of week, Sunday otherwise (default: true)
|
||||
* align | alignment (default: "Bl"); if you don't know what's this see the calendar documentation
|
||||
* range | array with 2 elements. Default: [1900, 2999] -- the range of years available
|
||||
* weekNumbers | (true/false) if it's true (default) the calendar will display week numbers
|
||||
* flat | null or element ID; if not null the calendar will be a flat calendar having the parent with the given ID
|
||||
* flatCallback | function that receives a JS Date object and returns an URL to point the browser to (for flat calendar)
|
||||
* disableFunc | function that receives a JS Date object and should return true if that date has to be disabled in the calendar
|
||||
* onSelect | function that gets called when a date is selected. You don't _have_ to supply this (the default is generally okay)
|
||||
* onClose | function that gets called when the calendar is closed. [default]
|
||||
* onUpdate | function that gets called after the date is updated in the input field. Receives a reference to the calendar.
|
||||
* date | the date that the calendar will be initially displayed to
|
||||
* showsTime | default: false; if true the calendar will include a time selector
|
||||
* timeFormat | the time format; can be "12" or "24", default is "12"
|
||||
*
|
||||
* None of them is required, they all have default values. However, if you
|
||||
* pass none of "inputField", "displayArea" or "button" you'll get a warning
|
||||
* saying "nothing to setup".
|
||||
*/
|
||||
Calendar.setup = function (params) {
|
||||
function param_default(pname, def) { if (typeof params[pname] == "undefined") { params[pname] = def; } };
|
||||
|
||||
param_default("inputField", null);
|
||||
param_default("displayArea", null);
|
||||
param_default("button", null);
|
||||
param_default("eventName", "click");
|
||||
param_default("ifFormat", "%Y/%m/%d");
|
||||
param_default("daFormat", "%Y/%m/%d");
|
||||
param_default("singleClick", true);
|
||||
param_default("disableFunc", null);
|
||||
param_default("dateStatusFunc", params["disableFunc"]); // takes precedence if both are defined
|
||||
param_default("mondayFirst", true);
|
||||
param_default("align", "Bl");
|
||||
param_default("range", [1900, 2999]);
|
||||
param_default("weekNumbers", true);
|
||||
param_default("flat", null);
|
||||
param_default("flatCallback", null);
|
||||
param_default("onSelect", null);
|
||||
param_default("onClose", null);
|
||||
param_default("onUpdate", null);
|
||||
param_default("date", null);
|
||||
param_default("showsTime", false);
|
||||
param_default("timeFormat", "24");
|
||||
|
||||
var tmp = ["inputField", "displayArea", "button"];
|
||||
for (var i in tmp) {
|
||||
if (typeof params[tmp[i]] == "string") {
|
||||
params[tmp[i]] = document.getElementById(params[tmp[i]]);
|
||||
}
|
||||
}
|
||||
if (!(params.flat || params.inputField || params.displayArea || params.button)) {
|
||||
alert("Calendar.setup:\n Nothing to setup (no fields found). Please check your code");
|
||||
return false;
|
||||
}
|
||||
|
||||
function onSelect(cal) {
|
||||
if (cal.params.flat) {
|
||||
if (typeof cal.params.flatCallback == "function") {
|
||||
cal.params.flatCallback(cal);
|
||||
} else {
|
||||
alert("No flatCallback given -- doing nothing.");
|
||||
}
|
||||
return false;
|
||||
}
|
||||
if (cal.params.inputField) {
|
||||
cal.params.inputField.value = cal.date.print(cal.params.ifFormat);
|
||||
}
|
||||
if (cal.params.displayArea) {
|
||||
cal.params.displayArea.innerHTML = cal.date.print(cal.params.daFormat);
|
||||
}
|
||||
if (cal.params.singleClick && cal.dateClicked) {
|
||||
cal.callCloseHandler();
|
||||
}
|
||||
if (typeof cal.params.onUpdate == "function") {
|
||||
cal.params.onUpdate(cal);
|
||||
}
|
||||
};
|
||||
|
||||
if (params.flat != null) {
|
||||
params.flat = document.getElementById(params.flat);
|
||||
if (!params.flat) {
|
||||
alert("Calendar.setup:\n Flat specified but can't find parent.");
|
||||
return false;
|
||||
}
|
||||
var cal = new Calendar(params.mondayFirst, params.date, params.onSelect || onSelect);
|
||||
cal.showsTime = params.showsTime;
|
||||
cal.time24 = (params.timeFormat == "24");
|
||||
cal.params = params;
|
||||
cal.weekNumbers = params.weekNumbers;
|
||||
cal.setRange(params.range[0], params.range[1]);
|
||||
cal.setDateStatusHandler(params.dateStatusFunc);
|
||||
cal.create(params.flat);
|
||||
cal.show();
|
||||
return false;
|
||||
}
|
||||
|
||||
var triggerEl = params.button || params.displayArea || params.inputField;
|
||||
triggerEl["on" + params.eventName] = function() {
|
||||
var dateEl = params.inputField || params.displayArea;
|
||||
var dateFmt = params.inputField ? params.ifFormat : params.daFormat;
|
||||
var mustCreate = false;
|
||||
var cal = window.calendar;
|
||||
if (!window.calendar) {
|
||||
window.calendar = cal = new Calendar(params.mondayFirst,
|
||||
params.date,
|
||||
params.onSelect || onSelect,
|
||||
params.onClose || function(cal) { cal.hide(); });
|
||||
cal.showsTime = params.showsTime;
|
||||
cal.time24 = (params.timeFormat == "24");
|
||||
cal.weekNumbers = params.weekNumbers;
|
||||
mustCreate = true;
|
||||
} else {
|
||||
cal.hide();
|
||||
}
|
||||
cal.setRange(params.range[0], params.range[1]);
|
||||
cal.params = params;
|
||||
cal.setDateStatusHandler(params.dateStatusFunc);
|
||||
cal.setDateFormat(dateFmt);
|
||||
if (mustCreate)
|
||||
cal.create();
|
||||
cal.parseDate(dateEl.value || dateEl.innerHTML);
|
||||
cal.refresh();
|
||||
cal.showAtElement(params.displayArea || params.inputField, params.align);
|
||||
return false;
|
||||
};
|
||||
};
|
||||
21
www/extras/calendar/calendar-setup_stripped.js
Normal file
21
www/extras/calendar/calendar-setup_stripped.js
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
/* Copyright Mihai Bazon, 2002, 2003 | http://dynarch.com/mishoo/
|
||||
* ---------------------------------------------------------------------------
|
||||
*
|
||||
* The DHTML Calendar
|
||||
*
|
||||
* Details and latest version at:
|
||||
* http://dynarch.com/mishoo/calendar.epl
|
||||
*
|
||||
* This script is distributed under the GNU Lesser General Public License.
|
||||
* Read the entire license text here: http://www.gnu.org/licenses/lgpl.html
|
||||
*
|
||||
* This file defines helper functions for setting up the calendar. They are
|
||||
* intended to help non-programmers get a working calendar on their site
|
||||
* quickly. This script should not be seen as part of the calendar. It just
|
||||
* shows you what one can do with the calendar, while in the same time
|
||||
* providing a quick and simple method for setting it up. If you need
|
||||
* exhaustive customization of the calendar creation process feel free to
|
||||
* modify this code to suit your needs (this is recommended and much better
|
||||
* than modifying calendar.js itself).
|
||||
*/
|
||||
Calendar.setup=function(params){function param_default(pname,def){if(typeof params[pname]=="undefined"){params[pname]=def;}};param_default("inputField",null);param_default("displayArea",null);param_default("button",null);param_default("eventName","click");param_default("ifFormat","%Y/%m/%d");param_default("daFormat","%Y/%m/%d");param_default("singleClick",true);param_default("disableFunc",null);param_default("dateStatusFunc",params["disableFunc"]);param_default("mondayFirst",true);param_default("align","Bl");param_default("range",[1900,2999]);param_default("weekNumbers",true);param_default("flat",null);param_default("flatCallback",null);param_default("onSelect",null);param_default("onClose",null);param_default("onUpdate",null);param_default("date",null);param_default("showsTime",false);param_default("timeFormat","24");var tmp=["inputField","displayArea","button"];for(var i in tmp){if(typeof params[tmp[i]]=="string"){params[tmp[i]]=document.getElementById(params[tmp[i]]);}}if(!(params.flat||params.inputField||params.displayArea||params.button)){alert("Calendar.setup:\n Nothing to setup (no fields found). Please check your code");return false;}function onSelect(cal){if(cal.params.flat){if(typeof cal.params.flatCallback=="function"){cal.params.flatCallback(cal);}else{alert("No flatCallback given -- doing nothing.");}return false;}if(cal.params.inputField){cal.params.inputField.value=cal.date.print(cal.params.ifFormat);}if(cal.params.displayArea){cal.params.displayArea.innerHTML=cal.date.print(cal.params.daFormat);}if(cal.params.singleClick&&cal.dateClicked){cal.callCloseHandler();}if(typeof cal.params.onUpdate=="function"){cal.params.onUpdate(cal);}};if(params.flat!=null){params.flat=document.getElementById(params.flat);if(!params.flat){alert("Calendar.setup:\n Flat specified but can't find parent.");return false;}var cal=new Calendar(params.mondayFirst,params.date,params.onSelect||onSelect);cal.showsTime=params.showsTime;cal.time24=(params.timeFormat=="24");cal.params=params;cal.weekNumbers=params.weekNumbers;cal.setRange(params.range[0],params.range[1]);cal.setDateStatusHandler(params.dateStatusFunc);cal.create(params.flat);cal.show();return false;}var triggerEl=params.button||params.displayArea||params.inputField;triggerEl["on"+params.eventName]=function(){var dateEl=params.inputField||params.displayArea;var dateFmt=params.inputField?params.ifFormat:params.daFormat;var mustCreate=false;var cal=window.calendar;if(!window.calendar){window.calendar=cal=new Calendar(params.mondayFirst,params.date,params.onSelect||onSelect,params.onClose||function(cal){cal.hide();});cal.showsTime=params.showsTime;cal.time24=(params.timeFormat=="24");cal.weekNumbers=params.weekNumbers;mustCreate=true;}else{cal.hide();}cal.setRange(params.range[0],params.range[1]);cal.params=params;cal.setDateStatusHandler(params.dateStatusFunc);cal.setDateFormat(dateFmt);if(mustCreate)cal.create();cal.parseDate(dateEl.value||dateEl.innerHTML);cal.refresh();cal.showAtElement(params.displayArea||params.inputField,params.align);return false;};};
|
||||
243
www/extras/calendar/calendar-system.css
Normal file
243
www/extras/calendar/calendar-system.css
Normal file
|
|
@ -0,0 +1,243 @@
|
|||
/* The main calendar widget. DIV containing a table. */
|
||||
|
||||
.calendar {
|
||||
position: relative;
|
||||
display: none;
|
||||
border: 1px solid;
|
||||
border-color: #fff #000 #000 #fff;
|
||||
font-size: 11px;
|
||||
cursor: default;
|
||||
background: Window;
|
||||
color: WindowText;
|
||||
font-family: tahoma,verdana,sans-serif;
|
||||
}
|
||||
|
||||
.calendar table {
|
||||
border: 1px solid;
|
||||
border-color: #fff #000 #000 #fff;
|
||||
font-size: 11px;
|
||||
cursor: default;
|
||||
background: Window;
|
||||
color: WindowText;
|
||||
font-family: tahoma,verdana,sans-serif;
|
||||
}
|
||||
|
||||
/* Header part -- contains navigation buttons and day names. */
|
||||
|
||||
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
border: 1px solid;
|
||||
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
|
||||
background: ButtonFace;
|
||||
}
|
||||
|
||||
.calendar .nav {
|
||||
background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;
|
||||
}
|
||||
|
||||
.calendar thead .title { /* This holds the current "month, year" */
|
||||
font-weight: bold;
|
||||
padding: 1px;
|
||||
border: 1px solid #000;
|
||||
background: ActiveCaption;
|
||||
color: CaptionText;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
|
||||
}
|
||||
|
||||
.calendar thead .daynames { /* Row <TR> containing the day names */
|
||||
}
|
||||
|
||||
.calendar thead .name { /* Cells <TD> containing the day names */
|
||||
border-bottom: 1px solid ButtonShadow;
|
||||
padding: 2px;
|
||||
text-align: center;
|
||||
background: ButtonFace;
|
||||
color: ButtonText;
|
||||
}
|
||||
|
||||
.calendar thead .weekend { /* How a weekend day name shows in header */
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.calendar thead .hilite { /* How do the buttons in header appear when hover */
|
||||
border: 2px solid;
|
||||
padding: 0px;
|
||||
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
|
||||
}
|
||||
|
||||
.calendar thead .active { /* Active (pressed) buttons in header */
|
||||
border-width: 1px;
|
||||
padding: 2px 0px 0px 2px;
|
||||
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
|
||||
}
|
||||
|
||||
/* The body part -- contains all the days in month. */
|
||||
|
||||
.calendar tbody .day { /* Cells <TD> containing month days dates */
|
||||
width: 2em;
|
||||
text-align: right;
|
||||
padding: 2px 4px 2px 2px;
|
||||
}
|
||||
|
||||
.calendar table .wn {
|
||||
padding: 2px 3px 2px 2px;
|
||||
border-right: 1px solid ButtonShadow;
|
||||
background: ButtonFace;
|
||||
color: ButtonText;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td {
|
||||
background: Highlight;
|
||||
color: HighlightText;
|
||||
}
|
||||
|
||||
.calendar tbody td.hilite { /* Hovered cells <TD> */
|
||||
padding: 1px 3px 1px 1px;
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
}
|
||||
|
||||
.calendar tbody td.active { /* Active (pressed) cells <TD> */
|
||||
padding: 2px 2px 0px 2px;
|
||||
border: 1px solid;
|
||||
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
|
||||
}
|
||||
|
||||
.calendar tbody td.selected { /* Cell showing selected date */
|
||||
font-weight: bold;
|
||||
border: 1px solid;
|
||||
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
|
||||
padding: 2px 2px 0px 2px;
|
||||
background: ButtonFace;
|
||||
color: ButtonText;
|
||||
}
|
||||
|
||||
.calendar tbody td.weekend { /* Cells showing weekend days */
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.calendar tbody td.today { /* Cell showing today date */
|
||||
font-weight: bold;
|
||||
color: #00f;
|
||||
}
|
||||
|
||||
.calendar tbody td.disabled { color: GrayText; }
|
||||
|
||||
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* The footer part -- status bar and "Close" button */
|
||||
|
||||
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
|
||||
}
|
||||
|
||||
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
|
||||
background: ButtonFace;
|
||||
padding: 1px;
|
||||
border: 1px solid;
|
||||
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
|
||||
color: ButtonText;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar tfoot .hilite { /* Hover style for buttons in footer */
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
padding: 1px;
|
||||
background: #e4e0d8;
|
||||
}
|
||||
|
||||
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
|
||||
padding: 2px 0px 0px 2px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
|
||||
/* Combo boxes (menus that display months/years for direct selection) */
|
||||
|
||||
.combo {
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 4em;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
cursor: default;
|
||||
border: 1px solid;
|
||||
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
|
||||
background: Menu;
|
||||
color: MenuText;
|
||||
font-size: smaller;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.combo .label,
|
||||
.combo .label-IEfix {
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.combo .label-IEfix {
|
||||
width: 4em;
|
||||
}
|
||||
|
||||
.combo .active {
|
||||
padding: 0px;
|
||||
border: 1px solid #000;
|
||||
}
|
||||
|
||||
.combo .hilite {
|
||||
background: Highlight;
|
||||
color: HighlightText;
|
||||
}
|
||||
|
||||
.calendar td.time {
|
||||
border-top: 1px solid ButtonShadow;
|
||||
padding: 1px 0px;
|
||||
text-align: center;
|
||||
background-color: ButtonFace;
|
||||
}
|
||||
|
||||
.calendar td.time .hour,
|
||||
.calendar td.time .minute,
|
||||
.calendar td.time .ampm {
|
||||
padding: 0px 3px 0px 4px;
|
||||
border: 1px solid #889;
|
||||
font-weight: bold;
|
||||
background-color: Menu;
|
||||
}
|
||||
|
||||
.calendar td.time .ampm {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar td.time .colon {
|
||||
padding: 0px 2px 0px 3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar td.time span.hilite {
|
||||
border-color: #000;
|
||||
background-color: Highlight;
|
||||
color: HighlightText;
|
||||
}
|
||||
|
||||
.calendar td.time span.active {
|
||||
border-color: #f00;
|
||||
background-color: #000;
|
||||
color: #0f0;
|
||||
}
|
||||
264
www/extras/calendar/calendar-win2k-1.css
Normal file
264
www/extras/calendar/calendar-win2k-1.css
Normal file
|
|
@ -0,0 +1,264 @@
|
|||
/* The main calendar widget. DIV containing a table. */
|
||||
|
||||
.calendar {
|
||||
position: relative;
|
||||
display: none;
|
||||
border-top: 2px solid #fff;
|
||||
border-right: 2px solid #000;
|
||||
border-bottom: 2px solid #000;
|
||||
border-left: 2px solid #fff;
|
||||
font-size: 11px;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
background: #d4d0c8;
|
||||
font-family: tahoma,verdana,sans-serif;
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
.calendar table {
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
font-size: 11px;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
background: #d4d0c8;
|
||||
font-family: tahoma,verdana,sans-serif;
|
||||
}
|
||||
|
||||
/* Header part -- contains navigation buttons and day names. */
|
||||
|
||||
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
}
|
||||
|
||||
.calendar .nav {
|
||||
background: transparent url("/extras/calendar/menuarrow.gif") no-repeat 100% 100%;
|
||||
}
|
||||
|
||||
.calendar thead .title { /* This holds the current "month, year" */
|
||||
font-weight: bold;
|
||||
padding: 1px;
|
||||
border: 1px solid #000;
|
||||
background: #848078;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
|
||||
}
|
||||
|
||||
.calendar thead .daynames { /* Row <TR> containing the day names */
|
||||
}
|
||||
|
||||
.calendar thead .name { /* Cells <TD> containing the day names */
|
||||
border-bottom: 1px solid #000;
|
||||
padding: 2px;
|
||||
text-align: center;
|
||||
background: #f4f0e8;
|
||||
}
|
||||
|
||||
.calendar thead .weekend { /* How a weekend day name shows in header */
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.calendar thead .hilite { /* How do the buttons in header appear when hover */
|
||||
border-top: 2px solid #fff;
|
||||
border-right: 2px solid #000;
|
||||
border-bottom: 2px solid #000;
|
||||
border-left: 2px solid #fff;
|
||||
padding: 0px;
|
||||
background-color: #e4e0d8;
|
||||
}
|
||||
|
||||
.calendar thead .active { /* Active (pressed) buttons in header */
|
||||
padding: 2px 0px 0px 2px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
background-color: #c4c0b8;
|
||||
}
|
||||
|
||||
/* The body part -- contains all the days in month. */
|
||||
|
||||
.calendar tbody .day { /* Cells <TD> containing month days dates */
|
||||
width: 2em;
|
||||
text-align: right;
|
||||
padding: 2px 4px 2px 2px;
|
||||
}
|
||||
|
||||
.calendar table .wn {
|
||||
padding: 2px 3px 2px 2px;
|
||||
border-right: 1px solid #000;
|
||||
background: #f4f0e8;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td {
|
||||
background: #e4e0d8;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td.wn {
|
||||
background: #d4d0c8;
|
||||
}
|
||||
|
||||
.calendar tbody td.hilite { /* Hovered cells <TD> */
|
||||
padding: 1px 3px 1px 1px;
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
}
|
||||
|
||||
.calendar tbody td.active { /* Active (pressed) cells <TD> */
|
||||
padding: 2px 2px 0px 2px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
|
||||
.calendar tbody td.selected { /* Cell showing selected date */
|
||||
font-weight: bold;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
padding: 2px 2px 0px 2px;
|
||||
background: #e4e0d8;
|
||||
}
|
||||
|
||||
.calendar tbody td.weekend { /* Cells showing weekend days */
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.calendar tbody td.today { /* Cell showing today date */
|
||||
font-weight: bold;
|
||||
color: #00f;
|
||||
}
|
||||
|
||||
.calendar tbody .disabled { color: #999; }
|
||||
|
||||
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* The footer part -- status bar and "Close" button */
|
||||
|
||||
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
|
||||
}
|
||||
|
||||
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
|
||||
background: #f4f0e8;
|
||||
padding: 1px;
|
||||
border: 1px solid #000;
|
||||
background: #848078;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar tfoot .hilite { /* Hover style for buttons in footer */
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
padding: 1px;
|
||||
background: #e4e0d8;
|
||||
}
|
||||
|
||||
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
|
||||
padding: 2px 0px 0px 2px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
|
||||
/* Combo boxes (menus that display months/years for direct selection) */
|
||||
|
||||
.combo {
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 4em;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
cursor: default;
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
background: #e4e0d8;
|
||||
font-size: smaller;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.combo .label,
|
||||
.combo .label-IEfix {
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.combo .label-IEfix {
|
||||
width: 4em;
|
||||
}
|
||||
|
||||
.combo .active {
|
||||
background: #c4c0b8;
|
||||
padding: 0px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
|
||||
.combo .hilite {
|
||||
background: #048;
|
||||
color: #fea;
|
||||
}
|
||||
|
||||
.calendar td.time {
|
||||
border-top: 1px solid #000;
|
||||
padding: 1px 0px;
|
||||
text-align: center;
|
||||
background-color: #f4f0e8;
|
||||
}
|
||||
|
||||
.calendar td.time .hour,
|
||||
.calendar td.time .minute,
|
||||
.calendar td.time .ampm {
|
||||
padding: 0px 3px 0px 4px;
|
||||
border: 1px solid #889;
|
||||
font-weight: bold;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time .ampm {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar td.time .colon {
|
||||
padding: 0px 2px 0px 3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar td.time span.hilite {
|
||||
border-color: #000;
|
||||
background-color: #766;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time span.active {
|
||||
border-color: #f00;
|
||||
background-color: #000;
|
||||
color: #0f0;
|
||||
}
|
||||
263
www/extras/calendar/calendar-win2k-2.css
Normal file
263
www/extras/calendar/calendar-win2k-2.css
Normal file
|
|
@ -0,0 +1,263 @@
|
|||
/* The main calendar widget. DIV containing a table. */
|
||||
|
||||
.calendar {
|
||||
position: relative;
|
||||
display: none;
|
||||
border-top: 2px solid #fff;
|
||||
border-right: 2px solid #000;
|
||||
border-bottom: 2px solid #000;
|
||||
border-left: 2px solid #fff;
|
||||
font-size: 11px;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
background: #d4c8d0;
|
||||
font-family: tahoma,verdana,sans-serif;
|
||||
}
|
||||
|
||||
.calendar table {
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
font-size: 11px;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
background: #d4c8d0;
|
||||
font-family: tahoma,verdana,sans-serif;
|
||||
}
|
||||
|
||||
/* Header part -- contains navigation buttons and day names. */
|
||||
|
||||
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
}
|
||||
|
||||
.calendar .nav {
|
||||
background: transparent url(menuarrow.gif) no-repeat 100% 100%;
|
||||
}
|
||||
|
||||
.calendar thead .title { /* This holds the current "month, year" */
|
||||
font-weight: bold;
|
||||
padding: 1px;
|
||||
border: 1px solid #000;
|
||||
background: #847880;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
|
||||
}
|
||||
|
||||
.calendar thead .daynames { /* Row <TR> containing the day names */
|
||||
}
|
||||
|
||||
.calendar thead .name { /* Cells <TD> containing the day names */
|
||||
border-bottom: 1px solid #000;
|
||||
padding: 2px;
|
||||
text-align: center;
|
||||
background: #f4e8f0;
|
||||
}
|
||||
|
||||
.calendar thead .weekend { /* How a weekend day name shows in header */
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.calendar thead .hilite { /* How do the buttons in header appear when hover */
|
||||
border-top: 2px solid #fff;
|
||||
border-right: 2px solid #000;
|
||||
border-bottom: 2px solid #000;
|
||||
border-left: 2px solid #fff;
|
||||
padding: 0px;
|
||||
background-color: #e4d8e0;
|
||||
}
|
||||
|
||||
.calendar thead .active { /* Active (pressed) buttons in header */
|
||||
padding: 2px 0px 0px 2px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
background-color: #c4b8c0;
|
||||
}
|
||||
|
||||
/* The body part -- contains all the days in month. */
|
||||
|
||||
.calendar tbody .day { /* Cells <TD> containing month days dates */
|
||||
width: 2em;
|
||||
text-align: right;
|
||||
padding: 2px 4px 2px 2px;
|
||||
}
|
||||
|
||||
.calendar table .wn {
|
||||
padding: 2px 3px 2px 2px;
|
||||
border-right: 1px solid #000;
|
||||
background: #f4e8f0;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td {
|
||||
background: #e4d8e0;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td.wn {
|
||||
background: #d4c8d0;
|
||||
}
|
||||
|
||||
.calendar tbody td.hilite { /* Hovered cells <TD> */
|
||||
padding: 1px 3px 1px 1px;
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
}
|
||||
|
||||
.calendar tbody td.active { /* Active (pressed) cells <TD> */
|
||||
padding: 2px 2px 0px 2px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
|
||||
.calendar tbody td.selected { /* Cell showing selected date */
|
||||
font-weight: bold;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
padding: 2px 2px 0px 2px;
|
||||
background: #e4d8e0;
|
||||
}
|
||||
|
||||
.calendar tbody td.weekend { /* Cells showing weekend days */
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.calendar tbody td.today { /* Cell showing today date */
|
||||
font-weight: bold;
|
||||
color: #00f;
|
||||
}
|
||||
|
||||
.calendar tbody .disabled { color: #999; }
|
||||
|
||||
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* The footer part -- status bar and "Close" button */
|
||||
|
||||
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
|
||||
}
|
||||
|
||||
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
|
||||
background: #f4e8f0;
|
||||
padding: 1px;
|
||||
border: 1px solid #000;
|
||||
background: #847880;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar tfoot .hilite { /* Hover style for buttons in footer */
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
padding: 1px;
|
||||
background: #e4d8e0;
|
||||
}
|
||||
|
||||
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
|
||||
padding: 2px 0px 0px 2px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
|
||||
/* Combo boxes (menus that display months/years for direct selection) */
|
||||
|
||||
.combo {
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 4em;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
cursor: default;
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
background: #e4d8e0;
|
||||
font-size: smaller;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.combo .label,
|
||||
.combo .label-IEfix {
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.combo .label-IEfix {
|
||||
width: 4em;
|
||||
}
|
||||
|
||||
.combo .active {
|
||||
background: #d4c8d0;
|
||||
padding: 0px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
|
||||
.combo .hilite {
|
||||
background: #408;
|
||||
color: #fea;
|
||||
}
|
||||
|
||||
.calendar td.time {
|
||||
border-top: 1px solid #000;
|
||||
padding: 1px 0px;
|
||||
text-align: center;
|
||||
background-color: #f4f0e8;
|
||||
}
|
||||
|
||||
.calendar td.time .hour,
|
||||
.calendar td.time .minute,
|
||||
.calendar td.time .ampm {
|
||||
padding: 0px 3px 0px 4px;
|
||||
border: 1px solid #889;
|
||||
font-weight: bold;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time .ampm {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar td.time .colon {
|
||||
padding: 0px 2px 0px 3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar td.time span.hilite {
|
||||
border-color: #000;
|
||||
background-color: #766;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time span.active {
|
||||
border-color: #f00;
|
||||
background-color: #000;
|
||||
color: #0f0;
|
||||
}
|
||||
257
www/extras/calendar/calendar-win2k-cold-1.css
Normal file
257
www/extras/calendar/calendar-win2k-cold-1.css
Normal file
|
|
@ -0,0 +1,257 @@
|
|||
/* The main calendar widget. DIV containing a table. */
|
||||
|
||||
.calendar {
|
||||
position: relative;
|
||||
display: none;
|
||||
border-top: 2px solid #fff;
|
||||
border-right: 2px solid #000;
|
||||
border-bottom: 2px solid #000;
|
||||
border-left: 2px solid #fff;
|
||||
font-size: 11px;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
background: #c8d0d4;
|
||||
font-family: tahoma,verdana,sans-serif;
|
||||
}
|
||||
|
||||
.calendar table {
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
font-size: 11px;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
background: #c8d0d4;
|
||||
font-family: tahoma,verdana,sans-serif;
|
||||
}
|
||||
|
||||
/* Header part -- contains navigation buttons and day names. */
|
||||
|
||||
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
}
|
||||
|
||||
.calendar .nav {
|
||||
background: transparent url(menuarrow.gif) no-repeat 100% 100%;
|
||||
}
|
||||
|
||||
.calendar thead .title { /* This holds the current "month, year" */
|
||||
font-weight: bold;
|
||||
padding: 1px;
|
||||
border: 1px solid #000;
|
||||
background: #788084;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
|
||||
}
|
||||
|
||||
.calendar thead .daynames { /* Row <TR> containing the day names */
|
||||
}
|
||||
|
||||
.calendar thead .name { /* Cells <TD> containing the day names */
|
||||
border-bottom: 1px solid #000;
|
||||
padding: 2px;
|
||||
text-align: center;
|
||||
background: #e8f0f4;
|
||||
}
|
||||
|
||||
.calendar thead .weekend { /* How a weekend day name shows in header */
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.calendar thead .hilite { /* How do the buttons in header appear when hover */
|
||||
border-top: 2px solid #fff;
|
||||
border-right: 2px solid #000;
|
||||
border-bottom: 2px solid #000;
|
||||
border-left: 2px solid #fff;
|
||||
padding: 0px;
|
||||
background-color: #d8e0e4;
|
||||
}
|
||||
|
||||
.calendar thead .active { /* Active (pressed) buttons in header */
|
||||
padding: 2px 0px 0px 2px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
background-color: #b8c0c4;
|
||||
}
|
||||
|
||||
/* The body part -- contains all the days in month. */
|
||||
|
||||
.calendar tbody .day { /* Cells <TD> containing month days dates */
|
||||
width: 2em;
|
||||
text-align: right;
|
||||
padding: 2px 4px 2px 2px;
|
||||
}
|
||||
|
||||
.calendar table .wn {
|
||||
padding: 2px 3px 2px 2px;
|
||||
border-right: 1px solid #000;
|
||||
background: #e8f4f0;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td {
|
||||
background: #d8e4e0;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td.wn {
|
||||
background: #c8d4d0;
|
||||
}
|
||||
|
||||
.calendar tbody td.hilite { /* Hovered cells <TD> */
|
||||
padding: 1px 3px 1px 1px;
|
||||
border: 1px solid;
|
||||
border-color: #fff #000 #000 #fff;
|
||||
}
|
||||
|
||||
.calendar tbody td.active { /* Active (pressed) cells <TD> */
|
||||
padding: 2px 2px 0px 2px;
|
||||
border: 1px solid;
|
||||
border-color: #000 #fff #fff #000;
|
||||
}
|
||||
|
||||
.calendar tbody td.selected { /* Cell showing selected date */
|
||||
font-weight: bold;
|
||||
padding: 2px 2px 0px 2px;
|
||||
border: 1px solid;
|
||||
border-color: #000 #fff #fff #000;
|
||||
background: #d8e0e4;
|
||||
}
|
||||
|
||||
.calendar tbody td.weekend { /* Cells showing weekend days */
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.calendar tbody td.today { /* Cell showing today date */
|
||||
font-weight: bold;
|
||||
color: #00f;
|
||||
}
|
||||
|
||||
.calendar tbody .disabled { color: #999; }
|
||||
|
||||
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* The footer part -- status bar and "Close" button */
|
||||
|
||||
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
|
||||
}
|
||||
|
||||
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
|
||||
background: #e8f0f4;
|
||||
padding: 1px;
|
||||
border: 1px solid #000;
|
||||
background: #788084;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar tfoot .hilite { /* Hover style for buttons in footer */
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
padding: 1px;
|
||||
background: #d8e0e4;
|
||||
}
|
||||
|
||||
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
|
||||
padding: 2px 0px 0px 2px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
|
||||
/* Combo boxes (menus that display months/years for direct selection) */
|
||||
|
||||
.combo {
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 4em;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
cursor: default;
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
background: #d8e0e4;
|
||||
font-size: smaller;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.combo .label,
|
||||
.combo .label-IEfix {
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.combo .label-IEfix {
|
||||
width: 4em;
|
||||
}
|
||||
|
||||
.combo .active {
|
||||
background: #c8d0d4;
|
||||
padding: 0px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
|
||||
.combo .hilite {
|
||||
background: #048;
|
||||
color: #aef;
|
||||
}
|
||||
|
||||
.calendar td.time {
|
||||
border-top: 1px solid #000;
|
||||
padding: 1px 0px;
|
||||
text-align: center;
|
||||
background-color: #e8f0f4;
|
||||
}
|
||||
|
||||
.calendar td.time .hour,
|
||||
.calendar td.time .minute,
|
||||
.calendar td.time .ampm {
|
||||
padding: 0px 3px 0px 4px;
|
||||
border: 1px solid #889;
|
||||
font-weight: bold;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time .ampm {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar td.time .colon {
|
||||
padding: 0px 2px 0px 3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar td.time span.hilite {
|
||||
border-color: #000;
|
||||
background-color: #667;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time span.active {
|
||||
border-color: #f00;
|
||||
background-color: #000;
|
||||
color: #0f0;
|
||||
}
|
||||
263
www/extras/calendar/calendar-win2k-cold-2.css
Normal file
263
www/extras/calendar/calendar-win2k-cold-2.css
Normal file
|
|
@ -0,0 +1,263 @@
|
|||
/* The main calendar widget. DIV containing a table. */
|
||||
|
||||
.calendar {
|
||||
position: relative;
|
||||
display: none;
|
||||
border-top: 2px solid #fff;
|
||||
border-right: 2px solid #000;
|
||||
border-bottom: 2px solid #000;
|
||||
border-left: 2px solid #fff;
|
||||
font-size: 11px;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
background: #c8d4d0;
|
||||
font-family: tahoma,verdana,sans-serif;
|
||||
}
|
||||
|
||||
.calendar table {
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
font-size: 11px;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
background: #c8d4d0;
|
||||
font-family: tahoma,verdana,sans-serif;
|
||||
}
|
||||
|
||||
/* Header part -- contains navigation buttons and day names. */
|
||||
|
||||
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
}
|
||||
|
||||
.calendar .nav {
|
||||
background: transparent url(menuarrow.gif) no-repeat 100% 100%;
|
||||
}
|
||||
|
||||
.calendar thead .title { /* This holds the current "month, year" */
|
||||
font-weight: bold;
|
||||
padding: 1px;
|
||||
border: 1px solid #000;
|
||||
background: #788480;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
|
||||
}
|
||||
|
||||
.calendar thead .daynames { /* Row <TR> containing the day names */
|
||||
}
|
||||
|
||||
.calendar thead .name { /* Cells <TD> containing the day names */
|
||||
border-bottom: 1px solid #000;
|
||||
padding: 2px;
|
||||
text-align: center;
|
||||
background: #e8f4f0;
|
||||
}
|
||||
|
||||
.calendar thead .weekend { /* How a weekend day name shows in header */
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.calendar thead .hilite { /* How do the buttons in header appear when hover */
|
||||
border-top: 2px solid #fff;
|
||||
border-right: 2px solid #000;
|
||||
border-bottom: 2px solid #000;
|
||||
border-left: 2px solid #fff;
|
||||
padding: 0px;
|
||||
background-color: #d8e4e0;
|
||||
}
|
||||
|
||||
.calendar thead .active { /* Active (pressed) buttons in header */
|
||||
padding: 2px 0px 0px 2px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
background-color: #b8c4c0;
|
||||
}
|
||||
|
||||
/* The body part -- contains all the days in month. */
|
||||
|
||||
.calendar tbody .day { /* Cells <TD> containing month days dates */
|
||||
width: 2em;
|
||||
text-align: right;
|
||||
padding: 2px 4px 2px 2px;
|
||||
}
|
||||
|
||||
.calendar table .wn {
|
||||
padding: 2px 3px 2px 2px;
|
||||
border-right: 1px solid #000;
|
||||
background: #e8f4f0;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td {
|
||||
background: #d8e4e0;
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td.wn {
|
||||
background: #c8d4d0;
|
||||
}
|
||||
|
||||
.calendar tbody td.hilite { /* Hovered cells <TD> */
|
||||
padding: 1px 3px 1px 1px;
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
}
|
||||
|
||||
.calendar tbody td.active { /* Active (pressed) cells <TD> */
|
||||
padding: 2px 2px 0px 2px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
|
||||
.calendar tbody td.selected { /* Cell showing selected date */
|
||||
font-weight: bold;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
padding: 2px 2px 0px 2px;
|
||||
background: #d8e4e0;
|
||||
}
|
||||
|
||||
.calendar tbody td.weekend { /* Cells showing weekend days */
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.calendar tbody td.today { /* Cell showing today date */
|
||||
font-weight: bold;
|
||||
color: #00f;
|
||||
}
|
||||
|
||||
.calendar tbody .disabled { color: #999; }
|
||||
|
||||
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* The footer part -- status bar and "Close" button */
|
||||
|
||||
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
|
||||
}
|
||||
|
||||
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
|
||||
background: #e8f4f0;
|
||||
padding: 1px;
|
||||
border: 1px solid #000;
|
||||
background: #788480;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar tfoot .hilite { /* Hover style for buttons in footer */
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
padding: 1px;
|
||||
background: #d8e4e0;
|
||||
}
|
||||
|
||||
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
|
||||
padding: 2px 0px 0px 2px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
|
||||
/* Combo boxes (menus that display months/years for direct selection) */
|
||||
|
||||
.combo {
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 4em;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
cursor: default;
|
||||
border-top: 1px solid #fff;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 1px solid #fff;
|
||||
background: #d8e4e0;
|
||||
font-size: smaller;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.combo .label,
|
||||
.combo .label-IEfix {
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.combo .label-IEfix {
|
||||
width: 4em;
|
||||
}
|
||||
|
||||
.combo .active {
|
||||
background: #c8d4d0;
|
||||
padding: 0px;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
|
||||
.combo .hilite {
|
||||
background: #048;
|
||||
color: #aef;
|
||||
}
|
||||
|
||||
.calendar td.time {
|
||||
border-top: 1px solid #000;
|
||||
padding: 1px 0px;
|
||||
text-align: center;
|
||||
background-color: #e8f0f4;
|
||||
}
|
||||
|
||||
.calendar td.time .hour,
|
||||
.calendar td.time .minute,
|
||||
.calendar td.time .ampm {
|
||||
padding: 0px 3px 0px 4px;
|
||||
border: 1px solid #889;
|
||||
font-weight: bold;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time .ampm {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar td.time .colon {
|
||||
padding: 0px 2px 0px 3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar td.time span.hilite {
|
||||
border-color: #000;
|
||||
background-color: #667;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.calendar td.time span.active {
|
||||
border-color: #f00;
|
||||
background-color: #000;
|
||||
color: #0f0;
|
||||
}
|
||||
1641
www/extras/calendar/calendar.js
Normal file
1641
www/extras/calendar/calendar.js
Normal file
File diff suppressed because it is too large
Load diff
12
www/extras/calendar/calendar_stripped.js
Normal file
12
www/extras/calendar/calendar_stripped.js
Normal file
File diff suppressed because one or more lines are too long
0
www/extras/calendar/doc/html/reference-Z-S.css
Normal file
0
www/extras/calendar/doc/html/reference-Z-S.css
Normal file
34
www/extras/calendar/doc/html/reference.css
Normal file
34
www/extras/calendar/doc/html/reference.css
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
html { margin: 0px; padding: 0px; background-color: #08f; color: #444; font-family: georgia,serif; }
|
||||
body { margin: 2em 8%; background-color: #fff; padding: 1em; border: 2px ridge #048; }
|
||||
|
||||
a:link, a:visited { text-decoration: none; color: #00f; }
|
||||
a:hover { color: #f00; text-decoration: underline; }
|
||||
a:active { color: #f84; }
|
||||
|
||||
h1, h2, h3, h4, h5, h6 { font-family: tahoma,verdana,sans-serif; }
|
||||
|
||||
h2, h3 { font-weight: normal; }
|
||||
|
||||
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; }
|
||||
|
||||
h1 { font-size: 170%; border: 2px ridge #048; letter-spacing: 2px; color: #000; margin-left: -2em; margin-right: -2em;
|
||||
background-color: #fff; padding: 2px 1em; background-color: #def; }
|
||||
h2 { font-size: 140%; color: #222; }
|
||||
h3 { font-size: 120%; color: #444; }
|
||||
|
||||
h1.title { font-size: 300%; font-family: georgia,serif; font-weight: normal; color: #846; letter-spacing: -1px;
|
||||
border: none;
|
||||
padding: none;
|
||||
background-color: #fff;
|
||||
border-bottom: 3px double #624; padding-bottom: 2px; margin-left: 8%; margin-right: 8%; }
|
||||
|
||||
.colophon { padding-top: 2em; color: #999; font-size: 90%; font-family: georgia,"times new roman",serif; }
|
||||
.colophon a:link, .colophon a:visited { color: #755; }
|
||||
.colophon a:hover { color: #422; text-decoration: underline; }
|
||||
|
||||
.footnote { font-size: 90%; font-style: italic; font-family: georgia,"times new roman",serif; margin: 0px 3em; }
|
||||
.footnote sup { font-size: 120%; padding: 0px 0.3em; position: relative; top: -0.2em; }
|
||||
|
||||
.small { font-size: 90%; }
|
||||
|
||||
.verbatim { background-color: #eee; padding: 0.2em 1em; border: 1px solid #aaa; }
|
||||
1290
www/extras/calendar/doc/html/reference.html
Normal file
1290
www/extras/calendar/doc/html/reference.html
Normal file
File diff suppressed because it is too large
Load diff
BIN
www/extras/calendar/doc/reference.pdf
Normal file
BIN
www/extras/calendar/doc/reference.pdf
Normal file
Binary file not shown.
BIN
www/extras/calendar/img.gif
Normal file
BIN
www/extras/calendar/img.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 145 B |
326
www/extras/calendar/index.html
Normal file
326
www/extras/calendar/index.html
Normal file
|
|
@ -0,0 +1,326 @@
|
|||
<?xml version="1.0" encoding="iso-8859-2"?>
|
||||
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ro" lang="ro">
|
||||
<!-- $Id$ -->
|
||||
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/xml; charset=utf-8" />
|
||||
<title>The Coolest DHTML Calendar - Online Demo</title>
|
||||
<link rel="alternate stylesheet" type="text/css" media="all" href="calendar-blue.css" title="winter" />
|
||||
<link rel="alternate stylesheet" type="text/css" media="all" href="calendar-brown.css" title="summer" />
|
||||
<link rel="alternate stylesheet" type="text/css" media="all" href="calendar-green.css" title="green" />
|
||||
<link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-1.css" title="win2k-1" />
|
||||
<link rel="alternate stylesheet" type="text/css" media="all" href="calendar-win2k-2.css" title="win2k-2" />
|
||||
<link rel="alternate stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" />
|
||||
<link rel="alternate stylesheet" type="text/css" media="all" href="calendar-win2k-cold-2.css" title="win2k-cold-2" />
|
||||
<link rel="alternate stylesheet" type="text/css" media="all" href="calendar-system.css" title="system" />
|
||||
|
||||
<!-- import the calendar script -->
|
||||
<script type="text/javascript" src="calendar.js"></script>
|
||||
|
||||
<!-- import the language module -->
|
||||
<script type="text/javascript" src="lang/calendar-en.js"></script>
|
||||
|
||||
<!-- other languages might be available in the lang directory; please check
|
||||
your distribution archive. -->
|
||||
|
||||
<!-- helper script that uses the calendar -->
|
||||
<script type="text/javascript">
|
||||
|
||||
var oldLink = null;
|
||||
// code to change the active stylesheet
|
||||
function setActiveStyleSheet(link, title) {
|
||||
var i, a, main;
|
||||
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
|
||||
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
|
||||
a.disabled = true;
|
||||
if(a.getAttribute("title") == title) a.disabled = false;
|
||||
}
|
||||
}
|
||||
if (oldLink) oldLink.style.fontWeight = 'normal';
|
||||
oldLink = link;
|
||||
link.style.fontWeight = 'bold';
|
||||
return false;
|
||||
}
|
||||
|
||||
// This function gets called when the end-user clicks on some date.
|
||||
function selected(cal, date) {
|
||||
cal.sel.value = date; // just update the date in the input field.
|
||||
if (cal.dateClicked && (cal.sel.id == "sel1" || cal.sel.id == "sel3"))
|
||||
// if we add this call we close the calendar on single-click.
|
||||
// just to exemplify both cases, we are using this only for the 1st
|
||||
// and the 3rd field, while 2nd and 4th will still require double-click.
|
||||
cal.callCloseHandler();
|
||||
}
|
||||
|
||||
// And this gets called when the end-user clicks on the _selected_ date,
|
||||
// or clicks on the "Close" button. It just hides the calendar without
|
||||
// destroying it.
|
||||
function closeHandler(cal) {
|
||||
cal.hide(); // hide the calendar
|
||||
cal.destroy();
|
||||
calendar = null;
|
||||
}
|
||||
|
||||
// This function shows the calendar under the element having the given id.
|
||||
// It takes care of catching "mousedown" signals on document and hiding the
|
||||
// calendar if the click was outside.
|
||||
function showCalendar(id, format, showsTime) {
|
||||
var el = document.getElementById(id);
|
||||
if (calendar != null) {
|
||||
// we already have some calendar created
|
||||
calendar.hide(); // so we hide it first.
|
||||
} else {
|
||||
// first-time call, create the calendar.
|
||||
var cal = new Calendar(true, null, selected, closeHandler);
|
||||
// uncomment the following line to hide the week numbers
|
||||
// cal.weekNumbers = false;
|
||||
if (typeof showsTime == "string") {
|
||||
cal.showsTime = true;
|
||||
cal.time24 = (showsTime == "24");
|
||||
}
|
||||
calendar = cal; // remember it in the global var
|
||||
cal.setRange(1900, 2070); // min/max year allowed.
|
||||
cal.create();
|
||||
}
|
||||
calendar.setDateFormat(format); // set the specified date format
|
||||
calendar.parseDate(el.value); // try to parse the text in field
|
||||
calendar.sel = el; // inform it what input field we use
|
||||
|
||||
// the reference element that we pass to showAtElement is the button that
|
||||
// triggers the calendar. In this example we align the calendar bottom-right
|
||||
// to the button.
|
||||
calendar.showAtElement(el.nextSibling, "Br"); // show the calendar
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
var MINUTE = 60 * 1000;
|
||||
var HOUR = 60 * MINUTE;
|
||||
var DAY = 24 * HOUR;
|
||||
var WEEK = 7 * DAY;
|
||||
|
||||
// If this handler returns true then the "date" given as
|
||||
// parameter will be disabled. In this example we enable
|
||||
// only days within a range of 10 days from the current
|
||||
// date.
|
||||
// You can use the functions date.getFullYear() -- returns the year
|
||||
// as 4 digit number, date.getMonth() -- returns the month as 0..11,
|
||||
// and date.getDate() -- returns the date of the month as 1..31, to
|
||||
// make heavy calculations here. However, beware that this function
|
||||
// should be very fast, as it is called for each day in a month when
|
||||
// the calendar is (re)constructed.
|
||||
function isDisabled(date) {
|
||||
var today = new Date();
|
||||
return (Math.abs(date.getTime() - today.getTime()) / DAY) > 10;
|
||||
}
|
||||
|
||||
function flatSelected(cal, date) {
|
||||
var el = document.getElementById("preview");
|
||||
el.innerHTML = date;
|
||||
}
|
||||
|
||||
function showFlatCalendar() {
|
||||
var parent = document.getElementById("display");
|
||||
|
||||
// construct a calendar giving only the "selected" handler.
|
||||
var cal = new Calendar(true, null, flatSelected);
|
||||
|
||||
// hide week numbers
|
||||
cal.weekNumbers = false;
|
||||
|
||||
// We want some dates to be disabled; see function isDisabled above
|
||||
cal.setDisabledHandler(isDisabled);
|
||||
cal.setDateFormat("%A, %B %e");
|
||||
|
||||
// this call must be the last as it might use data initialized above; if
|
||||
// we specify a parent, as opposite to the "showCalendar" function above,
|
||||
// then we create a flat calendar -- not popup. Hidden, though, but...
|
||||
cal.create(parent);
|
||||
|
||||
// ... we can show it here.
|
||||
cal.show();
|
||||
}
|
||||
</script>
|
||||
|
||||
<style type="text/css">
|
||||
.ex { font-weight: bold; background: #fed; color: #080 }
|
||||
.help { color: #080; font-style: italic; }
|
||||
body { background: #fea; font: 10pt tahoma,verdana,sans-serif; }
|
||||
table { font: 13px verdana,tahoma,sans-serif; }
|
||||
a { color: #00f; }
|
||||
a:visited { color: #00f; }
|
||||
a:hover { color: #f00; background: #fefaf0; }
|
||||
a:active { color: #08f; }
|
||||
.key { border: 1px solid #000; background: #fff; color: #008;
|
||||
padding: 0px 5px; cursor: default; font-size: 80%; }
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body onload="showFlatCalendar()">
|
||||
|
||||
<h2><a href="http://dynarch.com/mishoo/calendar.epl"
|
||||
title="Visit the project website">jscalendar</a>-0.9.5
|
||||
"Your favorite time, bis"</h2>
|
||||
|
||||
<p>
|
||||
<div style="float: right; border: 1px solid #b87; padding: 2px; font-size: 90%; background: #ffb;">
|
||||
Theme:<br />
|
||||
<a href="#" onclick="return setActiveStyleSheet(this, 'winter');">winter</a>
|
||||
|
|
||||
<a href="#" onclick="return setActiveStyleSheet(this, 'summer');">summer</a>
|
||||
|
|
||||
<a href="#" onclick="return setActiveStyleSheet(this, 'green');">green</a>
|
||||
<br />
|
||||
<a href="#" id="defaultTheme" onclick="return setActiveStyleSheet(this, 'win2k-1');">win2k-1</a>
|
||||
|
|
||||
<a href="#" onclick="return setActiveStyleSheet(this, 'win2k-2');">win2k-2</a>
|
||||
|
|
||||
<a href="#" onclick="return setActiveStyleSheet(this, 'win2k-cold-1');">win2k-cold-1</a>
|
||||
|
|
||||
<a href="#" onclick="return setActiveStyleSheet(this, 'win2k-cold-2');">win2k-cold-2</a>
|
||||
<br />
|
||||
<a href="#" onclick="return setActiveStyleSheet(this, 'system');">system</a>
|
||||
<script type="text/javascript">
|
||||
setActiveStyleSheet(document.getElementById("defaultTheme"), "win2k-1");
|
||||
</script>
|
||||
</div>
|
||||
<a href="release-notes.html">Release notes</a>.
|
||||
<br />
|
||||
Set it up in minutes:
|
||||
<a href="simple-1.html">popup calendar</a>,
|
||||
<a href="simple-2.html">flat calendar</a>.
|
||||
<br />
|
||||
Documentation:
|
||||
<a href="doc/html/reference.html">HTML</a>,
|
||||
<a href="doc/reference.pdf">PDF</a>.
|
||||
<br />
|
||||
<b style="color: red">Donate! Keep me on it! Details on <a href="http://dynarch.com/mishoo/calendar.epl">the Calendar website</a>.</b>
|
||||
</p>
|
||||
|
||||
<div style="padding-left:20px; font-size: 90%; font-style: italic;">
|
||||
|
||||
</div>
|
||||
|
||||
<table style="width: 100%">
|
||||
<tr valign="top">
|
||||
<td style="background: #ffa; padding: 5px; border: 1px solid #995;">
|
||||
|
||||
<form action="#">
|
||||
<div style="background: #995; color: #ffa; font-weight: bold; padding: 2px;">
|
||||
Popup examples
|
||||
</div>
|
||||
|
||||
<br />
|
||||
|
||||
<b>Date #1:</b> <input type="text" name="date1" id="sel1" size="30"
|
||||
><input type="reset" value=" ... "
|
||||
onclick="return showCalendar('sel1', '%Y-%m-%d [%W] %H:%M', '24');"> %Y-%m-%d [%W] %H:%M -- single
|
||||
click<br />
|
||||
|
||||
<b>Date #2:</b> <input type="text" name="date2" id="sel2" size="30"
|
||||
><input type="reset" value=" ... "
|
||||
onclick="return showCalendar('sel2', '%a, %b %e, %Y [%I:%M%p]', '12');"> %a, %b %e, %Y [%I:%M%p]
|
||||
-- double click
|
||||
|
||||
<br /><br />
|
||||
<!--
|
||||
if you remove this comment and leave the following HTML code
|
||||
you will see a horrible effect, in all supported browsers (IE and Mozilla).
|
||||
-->
|
||||
<SELECT multiple size="4" name="component-select">
|
||||
<OPTION selected value="Component_1_a">Component_1</OPTION>
|
||||
<OPTION selected value="Component_1_b">Component_2</OPTION>
|
||||
<OPTION>Component_3</OPTION>
|
||||
<OPTION>Component_4</OPTION>
|
||||
<OPTION>Component_5</OPTION>
|
||||
<OPTION>Component_6</OPTION>
|
||||
<OPTION>Component_7</OPTION>
|
||||
</SELECT>
|
||||
this select should hide when the calendar is above it.
|
||||
<br /><br />
|
||||
|
||||
<b>Date #3:</b> <input type="text" name="date3" id="sel3" size="30"
|
||||
><input type="reset" value=" ... "
|
||||
onclick="return showCalendar('sel3', '%d/%m/%Y');"> %d/%m/%Y
|
||||
-- single click
|
||||
<br />
|
||||
|
||||
<b>Date #4:</b> <input type="text" name="date4" id="sel4" size="30"
|
||||
><input type="reset" value=" ... "
|
||||
onclick="return showCalendar('sel4', '%A, %B %e, %Y');"> %A, %B %e, %Y --
|
||||
double click
|
||||
|
||||
</form>
|
||||
|
||||
<p>This is release <b>0.9.5</b>. Works on MSIE/Win 5.0 or better, Opera 7,
|
||||
Mozilla, Netscape 6.x, 7.0 and all other Gecko-s, Konqueror and Safari.</p>
|
||||
|
||||
<p class="help">You can click on "Mo"/"Su" (first day name displayed) to
|
||||
change the first day of week (Sunday/Monday) (since 0.8 this is also mapped
|
||||
on the "-" button in the top-left corner). Use the navigation buttons
|
||||
("<<", "<", "Today", ">", ">>") to move to the prev/next
|
||||
year/month. Keep the mouse button pressed for a short time over one of
|
||||
these buttons to get a menu for faster selection. You can drag the "status
|
||||
bar" (that's where the tooltips appear) or title bar (that's where the
|
||||
currently selected month/year shows up) to move the whole calendar.</p>
|
||||
|
||||
<h4>Keyboard navigation</h4>
|
||||
|
||||
<p>Starting with version 0.9.2, you can also use the keyboard to select
|
||||
dates (only for popup calendars; does <em>not</em> work with Opera
|
||||
7 or Konqueror/Safari). The following keys are available:</p>
|
||||
|
||||
<ul>
|
||||
|
||||
<li><span class="key">←</span> , <span class="key">→</span> ,
|
||||
<span class="key">↑</span> , <span class="key">↓</span> -- select date</li>
|
||||
<li><span class="key">CTRL</span> + <span class="key">←</span> ,
|
||||
<span class="key">→</span> -- select month</li>
|
||||
<li><span class="key">CTRL</span> + <span class="key">↑</span> ,
|
||||
<span class="key">↓</span> -- select year</li>
|
||||
<li><span class="key">SPACE</span> -- go to <em>today</em> date</li>
|
||||
<li><span class="key">ENTER</span> -- accept the currently selected date</li>
|
||||
<li><span class="key">ESC</span> -- cancel selection</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</td>
|
||||
|
||||
<td style="padding: 5px; margin: 5px; border: 1px solid #984; background: #ed9; width: 15em;">
|
||||
|
||||
<div style="background: #984; color: #fea; font-weight: bold; padding: 2px; text-align: center">
|
||||
Flat calendar
|
||||
</div>
|
||||
|
||||
<p style="width: 12em"><small>A non-popup version will appear below as soon
|
||||
as the page is loaded. Note that it doesn't show the week number.</small></p>
|
||||
|
||||
<!-- the calendar will be inserted here -->
|
||||
<div id="display" style="float: right; clear: both;"></div>
|
||||
<div id="preview" style="font-size: 80%; text-align: center; padding: 2px"></div>
|
||||
|
||||
<p style="width: 12em"><small>
|
||||
The example above uses the <code>setDisabledHandler()</code> member function
|
||||
to setup a handler that would only enable days withing a range of 10 days,
|
||||
forward or backward, from the current date.
|
||||
</small></p>
|
||||
|
||||
</div>
|
||||
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<hr /><address>
|
||||
© <a href="http://dynarch.com">dynarch.com</a> 2002-2003 <br />
|
||||
Author: <a href="http://dynarch.com/mishoo/">Mihai
|
||||
Bazon</a><br /> Distributed under the <a
|
||||
href="http://www.gnu.org/licenses/lgpl.html">GNU LGPL</a>.</address>
|
||||
|
||||
<p style="font-size: smaller">If you use this script on a public page it
|
||||
would be nice if you would <a href="mailto:mishoo@infoiasi.ro">let me
|
||||
know</a>.</p>
|
||||
|
||||
</body></html>
|
||||
39
www/extras/calendar/lang/calendar-af.js
Normal file
39
www/extras/calendar/lang/calendar-af.js
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
// ** I18N Afrikaans
|
||||
Calendar._DN = new Array
|
||||
("Sondag",
|
||||
"Maandag",
|
||||
"Dinsdag",
|
||||
"Woensdag",
|
||||
"Donderdag",
|
||||
"Vrydag",
|
||||
"Saterdag",
|
||||
"Sondag");
|
||||
Calendar._MN = new Array
|
||||
("Januarie",
|
||||
"Februarie",
|
||||
"Maart",
|
||||
"April",
|
||||
"Mei",
|
||||
"Junie",
|
||||
"Julie",
|
||||
"Augustus",
|
||||
"September",
|
||||
"Oktober",
|
||||
"November",
|
||||
"Desember");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Verander eerste dag van die week";
|
||||
Calendar._TT["PREV_YEAR"] = "Vorige jaar (hou vir keuselys)";
|
||||
Calendar._TT["PREV_MONTH"] = "Vorige maand (hou vir keuselys)";
|
||||
Calendar._TT["GO_TODAY"] = "Gaan na vandag";
|
||||
Calendar._TT["NEXT_MONTH"] = "Volgende maand (hou vir keuselys)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Volgende jaar (hou vir keuselys)";
|
||||
Calendar._TT["SEL_DATE"] = "Kies datum";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Sleep om te skuif";
|
||||
Calendar._TT["PART_TODAY"] = " (vandag)";
|
||||
Calendar._TT["MON_FIRST"] = "Vertoon Maandag eerste";
|
||||
Calendar._TT["SUN_FIRST"] = "Display Sunday first";
|
||||
Calendar._TT["CLOSE"] = "Close";
|
||||
Calendar._TT["TODAY"] = "Today";
|
||||
45
www/extras/calendar/lang/calendar-br.js
Normal file
45
www/extras/calendar/lang/calendar-br.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Domingo",
|
||||
"Segunda",
|
||||
"Terça",
|
||||
"Quarta",
|
||||
"Quinta",
|
||||
"Sexta",
|
||||
"Sábado",
|
||||
"Domingo");
|
||||
Calendar._MN = new Array
|
||||
("Janeiro",
|
||||
"Fevereiro",
|
||||
"Março",
|
||||
"Abril",
|
||||
"Maio",
|
||||
"Junho",
|
||||
"Julho",
|
||||
"Agosto",
|
||||
"Setembro",
|
||||
"Outubro",
|
||||
"Novembro",
|
||||
"Dezembro");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Altera primeiro dia da semana";
|
||||
Calendar._TT["PREV_YEAR"] = "Ano anterior(hold for menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Mês anterior (hold for menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Hoje";
|
||||
Calendar._TT["NEXT_MONTH"] = "Mês seguinte (hold for menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "ano seguinte (hold for menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Seleciona uma data";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Arrasta calendário";
|
||||
Calendar._TT["PART_TODAY"] = " (hoje)";
|
||||
Calendar._TT["MON_FIRST"] = "Inicia na segunda-feira";
|
||||
Calendar._TT["SUN_FIRST"] = "Inicia no domingo";
|
||||
Calendar._TT["CLOSE"] = "Fechar";
|
||||
Calendar._TT["TODAY"] = "Hoje";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "dd-mm-y";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "DD, dd de MM de y";
|
||||
|
||||
Calendar._TT["WK"] = "sem";
|
||||
45
www/extras/calendar/lang/calendar-ca.js
Normal file
45
www/extras/calendar/lang/calendar-ca.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Diumenge",
|
||||
"Dilluns",
|
||||
"Dimarts",
|
||||
"Dimecres",
|
||||
"Dijous",
|
||||
"Divendres",
|
||||
"Dissabte",
|
||||
"Diumenge");
|
||||
Calendar._MN = new Array
|
||||
("Gener",
|
||||
"Febrer",
|
||||
"Març",
|
||||
"Abril",
|
||||
"Maig",
|
||||
"Juny",
|
||||
"Juliol",
|
||||
"Agost",
|
||||
"Setembre",
|
||||
"Octubre",
|
||||
"Novembre",
|
||||
"Desembre");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Canvia el primer dia de la setmana";
|
||||
Calendar._TT["PREV_YEAR"] = "Any anterior (mantenir per a menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Mes anterior (mantenir per a menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Anar a avui";
|
||||
Calendar._TT["NEXT_MONTH"] = "Mes següent (mantenir per a menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Any següent (mantenir per a menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Seleccionar data";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Arrastrar per a moure";
|
||||
Calendar._TT["PART_TODAY"] = " (avui)";
|
||||
Calendar._TT["MON_FIRST"] = "Mostrar dilluns primer";
|
||||
Calendar._TT["SUN_FIRST"] = "Mostrar diumenge primer";
|
||||
Calendar._TT["CLOSE"] = "Tancar";
|
||||
Calendar._TT["TODAY"] = "Avui";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "dd-mm-yy";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "D, M d";
|
||||
|
||||
Calendar._TT["WK"] = "sem";
|
||||
34
www/extras/calendar/lang/calendar-cs-win.js
Normal file
34
www/extras/calendar/lang/calendar-cs-win.js
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
/*
|
||||
calendar-cs-win.js
|
||||
language: Czech
|
||||
encoding: windows-1250
|
||||
author: Lubos Jerabek (xnet@seznam.cz)
|
||||
*/
|
||||
|
||||
// ** I18N
|
||||
Calendar._DN = new Array('Nedìle','Pondìlí','Úterý','Støeda','Ètvrtek','Pátek','Sobota','Nedìle');
|
||||
Calendar._DN3 = new Array('Ne','Po','Út','St','Èt','Pá','So','Ne');
|
||||
Calendar._MN = new Array('Leden','Únor','Bøezen','Duben','Kvìten','Èerven','Èervenec','Srpen','Záøí','Øíjen','Listopad','Prosinec');
|
||||
Calendar._MN3 = new Array('Led','Úno','Bøe','Dub','Kvì','Èrv','Èvc','Srp','Záø','Øíj','Lis','Pro');
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Zmìna prvního dne v týdnu";
|
||||
Calendar._TT["PREV_YEAR"] = "Pøedchozí rok (pøidrž pro menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Pøedchozí mìsíc (pøidrž pro menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Dnešní datum";
|
||||
Calendar._TT["NEXT_MONTH"] = "Další mìsíc (pøidrž pro menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Další rok (pøidrž pro menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Vyber datum";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Chy<68> a táhni, pro pøesun";
|
||||
Calendar._TT["PART_TODAY"] = " (dnes)";
|
||||
Calendar._TT["MON_FIRST"] = "Ukaž jako první Pondìlí";
|
||||
Calendar._TT["SUN_FIRST"] = "Ukaž jako první Nedìli";
|
||||
Calendar._TT["CLOSE"] = "Zavøít";
|
||||
Calendar._TT["TODAY"] = "Dnes";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "d.m.yy";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "DD, 5.MM y";
|
||||
|
||||
Calendar._TT["WK"] = "wk";
|
||||
45
www/extras/calendar/lang/calendar-da.js
Normal file
45
www/extras/calendar/lang/calendar-da.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Søndag",
|
||||
"Mandag",
|
||||
"Tirsdag",
|
||||
"Onsdag",
|
||||
"Torsdag",
|
||||
"Fredag",
|
||||
"Lørdag",
|
||||
"Søndag");
|
||||
Calendar._MN = new Array
|
||||
("January",
|
||||
"Februar",
|
||||
"Marts",
|
||||
"April",
|
||||
"Maj",
|
||||
"Juni",
|
||||
"Juli",
|
||||
"August",
|
||||
"September",
|
||||
"Oktober",
|
||||
"November",
|
||||
"December");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Skift første ugedag";
|
||||
Calendar._TT["PREV_YEAR"] = "Ét år tilbage (hold for menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Én måned tilbage (hold for menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Gå til i dag";
|
||||
Calendar._TT["NEXT_MONTH"] = "Én måned frem (hold for menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Ét år frem (hold for menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Vælg dag";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Træk vinduet";
|
||||
Calendar._TT["PART_TODAY"] = " (i dag)";
|
||||
Calendar._TT["MON_FIRST"] = "Vis mandag først";
|
||||
Calendar._TT["SUN_FIRST"] = "Vis søndag først";
|
||||
Calendar._TT["CLOSE"] = "Luk vinduet";
|
||||
Calendar._TT["TODAY"] = "I dag";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "y-mm-dd";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "D d. M, y";
|
||||
|
||||
Calendar._TT["WK"] = "wk";
|
||||
100
www/extras/calendar/lang/calendar-de.js
Normal file
100
www/extras/calendar/lang/calendar-de.js
Normal file
|
|
@ -0,0 +1,100 @@
|
|||
// Author: Hartwig Weinkauf h_weinkauf@gmx.de
|
||||
// Überarbeitet und fehlende Texte hinzugefügt von Gerhard Neinert (gerhard at neinert punkt de)
|
||||
// Feel free to use / redistribute under the GNU LGPL.
|
||||
// ** I18N
|
||||
|
||||
// short day names
|
||||
Calendar._SDN = new Array
|
||||
("So",
|
||||
"Mo",
|
||||
"Di",
|
||||
"Mi",
|
||||
"Do",
|
||||
"Fr",
|
||||
"Sa",
|
||||
"So");
|
||||
|
||||
// full day names
|
||||
Calendar._DN = new Array
|
||||
("Sonntag",
|
||||
"Montag",
|
||||
"Dienstag",
|
||||
"Mittwoch",
|
||||
"Donnerstag",
|
||||
"Freitag",
|
||||
"Samstag",
|
||||
"Sonntag");
|
||||
|
||||
// short day names only use 2 letters instead of 3
|
||||
Calendar._SDN_len = 2;
|
||||
|
||||
// full month names
|
||||
Calendar._MN = new Array
|
||||
("Januar",
|
||||
"Februar",
|
||||
"März",
|
||||
"April",
|
||||
"Mai",
|
||||
"Juni",
|
||||
"Juli",
|
||||
"August",
|
||||
"September",
|
||||
"Oktober",
|
||||
"November",
|
||||
"Dezember");
|
||||
|
||||
// short month names
|
||||
Calendar._SMN = new Array
|
||||
("Jan",
|
||||
"Feb",
|
||||
"Mär",
|
||||
"Apr",
|
||||
"Mai",
|
||||
"Jun",
|
||||
"Jul",
|
||||
"Aug",
|
||||
"Sep",
|
||||
"Okt",
|
||||
"Nov",
|
||||
"Dez");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
|
||||
Calendar._TT["ABOUT"] =
|
||||
"DHTML Datum/Zeit Selector\n" +
|
||||
"(c) dynarch.com 2002-2003\n" + // don't translate this this ;-)
|
||||
"Donwload neueste Version: http://dynarch.com/mishoo/calendar.epl\n" +
|
||||
"Distributed under GNU LGPL. See http://gnu.org/licenses/lgpl.html for details." +
|
||||
"\n\n" +
|
||||
"Datumsauswahl:\n" +
|
||||
"- Jahr auswählen mit \xab und \xbb\n" +
|
||||
"- Monat auswählen mit " + String.fromCharCode(0x2039) + " und " + String.fromCharCode(0x203a) + "\n" +
|
||||
"- Für Auswahl aus Liste Maustaste gedrückt halten.";
|
||||
|
||||
Calendar._TT["ABOUT_TIME"] = "\n\n" +
|
||||
"Zeit wählen:\n" +
|
||||
"- Stunde/Minute weiter mit Mausklick\n" +
|
||||
"- Stunde/Minute zurück mit Shift-Mausklick\n" +
|
||||
"- oder für schnellere Auswahl nach links oder rechts ziehen.";
|
||||
|
||||
|
||||
Calendar._TT["TOGGLE"] = "Ersten Tag der Woche waehlen";
|
||||
Calendar._TT["PREV_YEAR"] = "Jahr zurück (halten -> Auswahlmenue)";
|
||||
Calendar._TT["PREV_MONTH"] = "Monat zurück (halten -> Auswahlmenue)";
|
||||
Calendar._TT["GO_TODAY"] = "Gehe zum heutigen Datum";
|
||||
Calendar._TT["NEXT_MONTH"] = "Monat vor (halten -> Auswahlmenue)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Jahr vor (halten -> Auswahlmenue)";
|
||||
Calendar._TT["SEL_DATE"] = "Datum auswaehlen";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Klicken und halten um zu verschieben";
|
||||
Calendar._TT["PART_TODAY"] = " (heute)";
|
||||
Calendar._TT["MON_FIRST"] = "Wochenanzeige mit Montag beginnen";
|
||||
Calendar._TT["SUN_FIRST"] = "Wochenanzeige mit Sonntag beginnen";
|
||||
Calendar._TT["CLOSE"] = "Schliessen";
|
||||
Calendar._TT["TODAY"] = "Heute";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "dd-mm-y";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "Datum auswählen";
|
||||
|
||||
Calendar._TT["WK"] = "KW";
|
||||
45
www/extras/calendar/lang/calendar-du.js
Normal file
45
www/extras/calendar/lang/calendar-du.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Zondag",
|
||||
"Maandag",
|
||||
"Dinsdag",
|
||||
"Woensdag",
|
||||
"Donderdag",
|
||||
"Vrijdag",
|
||||
"Zaterdag",
|
||||
"Zondag");
|
||||
Calendar._MN = new Array
|
||||
("Januari",
|
||||
"Februari",
|
||||
"Maart",
|
||||
"April",
|
||||
"Mei",
|
||||
"Juni",
|
||||
"Juli",
|
||||
"Augustus",
|
||||
"September",
|
||||
"Oktober",
|
||||
"November",
|
||||
"December");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Toggle startdag van de week";
|
||||
Calendar._TT["PREV_YEAR"] = "Vorig jaar (indrukken voor menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Vorige month (indrukken voor menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Naar Vandaag";
|
||||
Calendar._TT["NEXT_MONTH"] = "Volgende Maand (indrukken voor menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Volgend jaar (indrukken voor menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Selecteer datum";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Sleep om te verplaatsen";
|
||||
Calendar._TT["PART_TODAY"] = " (vandaag)";
|
||||
Calendar._TT["MON_FIRST"] = "Toon Maandag eerst";
|
||||
Calendar._TT["SUN_FIRST"] = "Toon Zondag eerst";
|
||||
Calendar._TT["CLOSE"] = "Sluiten";
|
||||
Calendar._TT["TODAY"] = "Vandaag";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "y-mm-dd";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "D, M d";
|
||||
|
||||
Calendar._TT["WK"] = "wk";
|
||||
45
www/extras/calendar/lang/calendar-el.js
Normal file
45
www/extras/calendar/lang/calendar-el.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Κυριακή",
|
||||
"Δευτέρα",
|
||||
"Τρίτη",
|
||||
"Τετάρτη",
|
||||
"Πέμπτη",
|
||||
"Παρασκευή",
|
||||
"Σάββατο",
|
||||
"Κυριακή");
|
||||
Calendar._MN = new Array
|
||||
("Ιανουάριος",
|
||||
"Φεβρουάριος",
|
||||
"Μάρτιος",
|
||||
"Απρίλιος",
|
||||
"Μάϊος",
|
||||
"Ιούνιος",
|
||||
"Ιούλιος",
|
||||
"Αύγουστος",
|
||||
"Σεπτέμβριος",
|
||||
"Οκτώβριος",
|
||||
"Νοέμβριος",
|
||||
"Δεκέμβριος");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Μπάρα πρώτης ημέρας της εβδομάδας";
|
||||
Calendar._TT["PREV_YEAR"] = "Προηγ. έτος (κρατήστε για το μενού)";
|
||||
Calendar._TT["PREV_MONTH"] = "Προηγ. μήνας (κρατήστε για το μενού)";
|
||||
Calendar._TT["GO_TODAY"] = "Σήμερα";
|
||||
Calendar._TT["NEXT_MONTH"] = "Επόμενος μήνας (κρατήστε για το μενού)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Επόμενο έτος (κρατήστε για το μενού)";
|
||||
Calendar._TT["SEL_DATE"] = "Επιλέξτε ημερομηνία";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Σύρτε για να μετακινήσετε";
|
||||
Calendar._TT["PART_TODAY"] = " (σήμερα)";
|
||||
Calendar._TT["MON_FIRST"] = "Εμφάνιση Δευτέρας πρώτα";
|
||||
Calendar._TT["SUN_FIRST"] = "Εμφάνιση Κυριακής πρώτα";
|
||||
Calendar._TT["CLOSE"] = "Κλείσιμο";
|
||||
Calendar._TT["TODAY"] = "Σήμερα";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "dd-mm-y";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "D, d M";
|
||||
|
||||
Calendar._TT["WK"] = "wk";
|
||||
114
www/extras/calendar/lang/calendar-en.js
Normal file
114
www/extras/calendar/lang/calendar-en.js
Normal file
|
|
@ -0,0 +1,114 @@
|
|||
// ** I18N
|
||||
|
||||
// Calendar EN language
|
||||
// Author: Mihai Bazon, <mishoo@infoiasi.ro>
|
||||
// Encoding: any
|
||||
// Distributed under the same terms as the calendar itself.
|
||||
|
||||
// For translators: please use UTF-8 if possible. We strongly believe that
|
||||
// Unicode is the answer to a real internationalized world. Also please
|
||||
// include your contact information in the header, as can be seen above.
|
||||
|
||||
// full day names
|
||||
Calendar._DN = new Array
|
||||
("Sunday",
|
||||
"Monday",
|
||||
"Tuesday",
|
||||
"Wednesday",
|
||||
"Thursday",
|
||||
"Friday",
|
||||
"Saturday",
|
||||
"Sunday");
|
||||
|
||||
// Please note that the following array of short day names (and the same goes
|
||||
// for short month names, _SMN) isn't absolutely necessary. We give it here
|
||||
// for exemplification on how one can customize the short day names, but if
|
||||
// they are simply the first N letters of the full name you can simply say:
|
||||
//
|
||||
// Calendar._SDN_len = N; // short day name length
|
||||
// Calendar._SMN_len = N; // short month name length
|
||||
//
|
||||
// If N = 3 then this is not needed either since we assume a value of 3 if not
|
||||
// present, to be compatible with translation files that were written before
|
||||
// this feature.
|
||||
|
||||
// short day names
|
||||
Calendar._SDN = new Array
|
||||
("Sun",
|
||||
"Mon",
|
||||
"Tue",
|
||||
"Wed",
|
||||
"Thu",
|
||||
"Fri",
|
||||
"Sat",
|
||||
"Sun");
|
||||
|
||||
// full month names
|
||||
Calendar._MN = new Array
|
||||
("January",
|
||||
"February",
|
||||
"March",
|
||||
"April",
|
||||
"May",
|
||||
"June",
|
||||
"July",
|
||||
"August",
|
||||
"September",
|
||||
"October",
|
||||
"November",
|
||||
"December");
|
||||
|
||||
// short month names
|
||||
Calendar._SMN = new Array
|
||||
("Jan",
|
||||
"Feb",
|
||||
"Mar",
|
||||
"Apr",
|
||||
"May",
|
||||
"Jun",
|
||||
"Jul",
|
||||
"Aug",
|
||||
"Sep",
|
||||
"Oct",
|
||||
"Nov",
|
||||
"Dec");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["INFO"] = "About the calendar";
|
||||
|
||||
Calendar._TT["ABOUT"] =
|
||||
"DHTML Date/Time Selector\n" +
|
||||
"(c) dynarch.com 2002-2003\n" + // don't translate this this ;-)
|
||||
"For latest version visit: http://dynarch.com/mishoo/calendar.epl\n" +
|
||||
"Distributed under GNU LGPL. See http://gnu.org/licenses/lgpl.html for details." +
|
||||
"\n\n" +
|
||||
"Date selection:\n" +
|
||||
"- Use the \xab, \xbb buttons to select year\n" +
|
||||
"- Use the " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " buttons to select month\n" +
|
||||
"- Hold mouse button on any of the above buttons for faster selection.";
|
||||
Calendar._TT["ABOUT_TIME"] = "\n\n" +
|
||||
"Time selection:\n" +
|
||||
"- Click on any of the time parts to increase it\n" +
|
||||
"- or Shift-click to decrease it\n" +
|
||||
"- or click and drag for faster selection.";
|
||||
|
||||
Calendar._TT["PREV_YEAR"] = "Prev. year (hold for menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Prev. month (hold for menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Go Today";
|
||||
Calendar._TT["NEXT_MONTH"] = "Next month (hold for menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Next year (hold for menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Select date";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Drag to move";
|
||||
Calendar._TT["PART_TODAY"] = " (today)";
|
||||
Calendar._TT["MON_FIRST"] = "Display Monday first";
|
||||
Calendar._TT["SUN_FIRST"] = "Display Sunday first";
|
||||
Calendar._TT["CLOSE"] = "Close";
|
||||
Calendar._TT["TODAY"] = "Today";
|
||||
Calendar._TT["TIME_PART"] = "(Shift-)Click or drag to change value";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "%a, %b %e";
|
||||
|
||||
Calendar._TT["WK"] = "wk";
|
||||
114
www/extras/calendar/lang/calendar-es.js
Normal file
114
www/extras/calendar/lang/calendar-es.js
Normal file
|
|
@ -0,0 +1,114 @@
|
|||
// ** I18N
|
||||
|
||||
// Calendar EN language
|
||||
// Author: Mihai Bazon, <mishoo@infoiasi.ro>
|
||||
// Encoding: any
|
||||
// Distributed under the same terms as the calendar itself.
|
||||
|
||||
// For translators: please use UTF-8 if possible. We strongly believe that
|
||||
// Unicode is the answer to a real internationalized world. Also please
|
||||
// include your contact information in the header, as can be seen above.
|
||||
|
||||
// full day names
|
||||
Calendar._DN = new Array
|
||||
("Domingo",
|
||||
"Lunes",
|
||||
"Martes",
|
||||
"Miircoles",
|
||||
"Jueves",
|
||||
"Viernes",
|
||||
"Sabado",
|
||||
"Domingo");
|
||||
|
||||
// Please note that the following array of short day names (and the same goes
|
||||
// for short month names, _SMN) isn't absolutely necessary. We give it here
|
||||
// for exemplification on how one can customize the short day names, but if
|
||||
// they are simply the first N letters of the full name you can simply say:
|
||||
//
|
||||
// Calendar._SDN_len = N; // short day name length
|
||||
// Calendar._SMN_len = N; // short month name length
|
||||
//
|
||||
// If N = 3 then this is not needed either since we assume a value of 3 if not
|
||||
// present, to be compatible with translation files that were written before
|
||||
// this feature.
|
||||
|
||||
// short day names
|
||||
Calendar._SDN = new Array
|
||||
("Dom",
|
||||
"Lun",
|
||||
"Mar",
|
||||
"Mii",
|
||||
"Jue",
|
||||
"Vie",
|
||||
"Sab",
|
||||
"Dom");
|
||||
|
||||
// full month names
|
||||
Calendar._MN = new Array
|
||||
("Enero",
|
||||
"Febrero",
|
||||
"Marzo",
|
||||
"Abril",
|
||||
"Mayo",
|
||||
"Junio",
|
||||
"Julio",
|
||||
"Agosto",
|
||||
"Septiembre",
|
||||
"Octubre",
|
||||
"Noviembre",
|
||||
"Diciembre");
|
||||
|
||||
// short month names
|
||||
Calendar._SMN = new Array
|
||||
("Ene",
|
||||
"Feb",
|
||||
"Mar",
|
||||
"Abr",
|
||||
"May",
|
||||
"Jun",
|
||||
"Jul",
|
||||
"Ago",
|
||||
"Sep",
|
||||
"Oct",
|
||||
"Nov",
|
||||
"Dic");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["INFO"] = "Acerca del calendario";
|
||||
|
||||
Calendar._TT["ABOUT"] =
|
||||
"Selector DHTML de Fecha/Hora\n" +
|
||||
"(c) dynarch.com 2002-2003\n" + // don't translate this this ;-)
|
||||
"Para conseguir la zltima versisn visite: http://dynarch.com/mishoo/calendar.epl\n" +
|
||||
"Distribuido bajo licencia GNU LGPL. Visite http://gnu.org/licenses/lgpl.html para mas detalles." +
|
||||
"\n\n" +
|
||||
"Seleccisn de fecha:\n" +
|
||||
"- Use los botones \xab, \xbb para seleccionar el aqo\n" +
|
||||
"- Use los botones " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " para seleccionar el mes\n" +
|
||||
"- Mantenga pulsado el ratsn en cualquiera de estos botones para una seleccisn rapida.";
|
||||
Calendar._TT["ABOUT_TIME"] = "\n\n" +
|
||||
"Seleccisn de hora:\n" +
|
||||
"- Pulse en cualquiera de las partes de la hora para incrementarla\n" +
|
||||
"- s pulse las mayzsculas mientras hace clic para decrementarla\n" +
|
||||
"- s haga clic y arrastre el ratsn para una seleccisn mas rapida.";
|
||||
|
||||
Calendar._TT["PREV_YEAR"] = "Aqo anterior (mantener para menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Mes anterior (mantener para menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Ir a hoy";
|
||||
Calendar._TT["NEXT_MONTH"] = "Mes siguiente (mantener para menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Aqo siguiente (mantener para menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Seleccionar fecha";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Arrastrar para mover";
|
||||
Calendar._TT["PART_TODAY"] = " (hoy)";
|
||||
Calendar._TT["MON_FIRST"] = "Mostrar lunes primero";
|
||||
Calendar._TT["SUN_FIRST"] = "Mostrar domingo primero";
|
||||
Calendar._TT["CLOSE"] = "Cerrar";
|
||||
Calendar._TT["TODAY"] = "Hoy";
|
||||
Calendar._TT["TIME_PART"] = "(Mayzscula-)Clic o arrastre para cambiar valor";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "%d/%m/%Y";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "%A, %e de %B de %Y";
|
||||
|
||||
Calendar._TT["WK"] = "sem";
|
||||
45
www/extras/calendar/lang/calendar-fr.js
Normal file
45
www/extras/calendar/lang/calendar-fr.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Dimanche",
|
||||
"Lundi",
|
||||
"Mardi",
|
||||
"Mercredi",
|
||||
"Jeudi",
|
||||
"Vendredi",
|
||||
"Samedi",
|
||||
"Dimanche");
|
||||
Calendar._MN = new Array
|
||||
("Janvier",
|
||||
"Février",
|
||||
"Mars",
|
||||
"Avril",
|
||||
"Mai",
|
||||
"Juin",
|
||||
"Juillet",
|
||||
"Août",
|
||||
"Septembre",
|
||||
"Octobre",
|
||||
"Novembre",
|
||||
"Décembre");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Changer le premier jour de la semaine";
|
||||
Calendar._TT["PREV_YEAR"] = "Année préc. (maintenir pour menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Mois préc. (maintenir pour menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Atteindre date du jour";
|
||||
Calendar._TT["NEXT_MONTH"] = "Mois suiv. (maintenir pour menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Année suiv. (maintenir pour menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Choisir une date";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Déplacer";
|
||||
Calendar._TT["PART_TODAY"] = " (Aujourd'hui)";
|
||||
Calendar._TT["MON_FIRST"] = "Commencer par lundi";
|
||||
Calendar._TT["SUN_FIRST"] = "Commencer par dimanche";
|
||||
Calendar._TT["CLOSE"] = "Fermer";
|
||||
Calendar._TT["TODAY"] = "Aujourd'hui";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "y-mm-dd";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "D, M d";
|
||||
|
||||
Calendar._TT["WK"] = "wk";
|
||||
49
www/extras/calendar/lang/calendar-hr-utf8.js
Normal file
49
www/extras/calendar/lang/calendar-hr-utf8.js
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
/* Croatian language file for the DHTML Calendar version 0.9.2
|
||||
* Author Krunoslav Zubrinic <krunoslav.zubrinic@vip.hr>, June 2003.
|
||||
* Feel free to use this script under the terms of the GNU Lesser General
|
||||
* Public License, as long as you do not remove or alter this notice.
|
||||
*/
|
||||
Calendar._DN = new Array
|
||||
("Nedjelja",
|
||||
"Ponedjeljak",
|
||||
"Utorak",
|
||||
"Srijeda",
|
||||
"Četvrtak",
|
||||
"Petak",
|
||||
"Subota",
|
||||
"Nedjelja");
|
||||
Calendar._MN = new Array
|
||||
("Siječanj",
|
||||
"Veljača",
|
||||
"Ožujak",
|
||||
"Travanj",
|
||||
"Svibanj",
|
||||
"Lipanj",
|
||||
"Srpanj",
|
||||
"Kolovoz",
|
||||
"Rujan",
|
||||
"Listopad",
|
||||
"Studeni",
|
||||
"Prosinac");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Promjeni dan s kojim počinje tjedan";
|
||||
Calendar._TT["PREV_YEAR"] = "Prethodna godina (dugi pritisak za meni)";
|
||||
Calendar._TT["PREV_MONTH"] = "Prethodni mjesec (dugi pritisak za meni)";
|
||||
Calendar._TT["GO_TODAY"] = "Idi na tekući dan";
|
||||
Calendar._TT["NEXT_MONTH"] = "Slijedeći mjesec (dugi pritisak za meni)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Slijedeća godina (dugi pritisak za meni)";
|
||||
Calendar._TT["SEL_DATE"] = "Izaberite datum";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Pritisni i povuci za promjenu pozicije";
|
||||
Calendar._TT["PART_TODAY"] = " (today)";
|
||||
Calendar._TT["MON_FIRST"] = "Prikaži ponedjeljak kao prvi dan";
|
||||
Calendar._TT["SUN_FIRST"] = "Prikaži nedjelju kao prvi dan";
|
||||
Calendar._TT["CLOSE"] = "Zatvori";
|
||||
Calendar._TT["TODAY"] = "Danas";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "dd-mm-y";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "DD, dd.mm.y";
|
||||
|
||||
Calendar._TT["WK"] = "Tje";
|
||||
BIN
www/extras/calendar/lang/calendar-hr.js
Normal file
BIN
www/extras/calendar/lang/calendar-hr.js
Normal file
Binary file not shown.
45
www/extras/calendar/lang/calendar-hu.js
Normal file
45
www/extras/calendar/lang/calendar-hu.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Vasárnap",
|
||||
"Hétfõ",
|
||||
"Kedd",
|
||||
"Szerda",
|
||||
"Csütörtök",
|
||||
"Péntek",
|
||||
"Szombat",
|
||||
"Vasárnap");
|
||||
Calendar._MN = new Array
|
||||
("január",
|
||||
"február",
|
||||
"március",
|
||||
"április",
|
||||
"május",
|
||||
"június",
|
||||
"július",
|
||||
"augusztus",
|
||||
"szeptember",
|
||||
"október",
|
||||
"november",
|
||||
"december");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "A hét elsõ napjának beállítása";
|
||||
Calendar._TT["PREV_YEAR"] = "Elõzõ év (tartsa nyomva a menühöz)";
|
||||
Calendar._TT["PREV_MONTH"] = "Elõzõ hónap (tartsa nyomva a menühöz)";
|
||||
Calendar._TT["GO_TODAY"] = "Mai napra ugrás";
|
||||
Calendar._TT["NEXT_MONTH"] = "Köv. hónap (tartsa nyomva a menühöz)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Köv. év (tartsa nyomva a menühöz)";
|
||||
Calendar._TT["SEL_DATE"] = "Válasszon dátumot";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Húzza a mozgatáshoz";
|
||||
Calendar._TT["PART_TODAY"] = " (ma)";
|
||||
Calendar._TT["MON_FIRST"] = "Hétfõ legyen a hét elsõ napja";
|
||||
Calendar._TT["SUN_FIRST"] = "Vasárnap legyen a hét elsõ napja";
|
||||
Calendar._TT["CLOSE"] = "Bezár";
|
||||
Calendar._TT["TODAY"] = "Ma";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "y-mm-dd";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "M d, D";
|
||||
|
||||
Calendar._TT["WK"] = "hét";
|
||||
79
www/extras/calendar/lang/calendar-it.js
Normal file
79
www/extras/calendar/lang/calendar-it.js
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Domenica",
|
||||
"Lunedì",
|
||||
"Martedì",
|
||||
"Mercoledì",
|
||||
"Giovedì",
|
||||
"Venerdì",
|
||||
"Sabato",
|
||||
"Domenica");
|
||||
Calendar._MN = new Array
|
||||
("Gennaio",
|
||||
"Febbraio",
|
||||
"Marzo",
|
||||
"Aprile",
|
||||
"Maggio",
|
||||
"Giugno",
|
||||
"Luglio",
|
||||
"Agosto",
|
||||
"Settembre",
|
||||
"Ottobre",
|
||||
"Novembre",
|
||||
"Dicembre");
|
||||
|
||||
// short month names
|
||||
Calendar._SMN = new Array
|
||||
("Gen",
|
||||
"Feb",
|
||||
"Mar",
|
||||
"Apr",
|
||||
"Mag",
|
||||
"Giu",
|
||||
"Lug",
|
||||
"Ago",
|
||||
"Set",
|
||||
"Ott",
|
||||
"Nov",
|
||||
"Dic");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["INFO"] = "a proposito del calendario";
|
||||
|
||||
Calendar._TT["ABOUT"] =
|
||||
"DHTML Date/Time Selector\n" +
|
||||
"(c) dynarch.com 2002-2003\n" + // don't translate this this ;-)
|
||||
"Per le ultime versioni vai a: http://dynarch.com/mishoo/calendar.epl\n" +
|
||||
"Distribuito su licenza GNU LGPL. Vedi http://gnu.org/licenses/lgpl.html per i dettagli." +
|
||||
"\n\n" +
|
||||
"selezione della data:\n" +
|
||||
"- Usa i bottoni \xab, \xbb per selezionare l'anno\n" +
|
||||
"- Usa i bottoni " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " per selezionare il mese\n" +
|
||||
"- Utilizza il mouse per una selezione rapida.";
|
||||
Calendar._TT["ABOUT_TIME"] = "\n\n" +
|
||||
"selezione dell'ora:\n" +
|
||||
"- Clicca sull'ora visualizzata per aumentarla\n" +
|
||||
"- o Shift-click per diminuirla\n" +
|
||||
"- o click a trascina per la selezione rapida.";
|
||||
|
||||
|
||||
Calendar._TT["TOGGLE"] = "Modifica il primo giorno della settimana";
|
||||
Calendar._TT["PREV_YEAR"] = "Anno prec. (tieni premuto per menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Mese prec. (tieni premuto per menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Vai a oggi";
|
||||
Calendar._TT["NEXT_MONTH"] = "Mese succ. (tieni premuto per menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Anno succ. (tieni premuto per menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Seleziona data";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Trascina per spostare";
|
||||
Calendar._TT["PART_TODAY"] = " (oggi)";
|
||||
Calendar._TT["MON_FIRST"] = "Parti da lunedì";
|
||||
Calendar._TT["SUN_FIRST"] = "Parti da domenica";
|
||||
Calendar._TT["CLOSE"] = "Chiudi";
|
||||
Calendar._TT["TODAY"] = "Oggi";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "%d-%m-%Y";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "%a, %e %b ";
|
||||
|
||||
Calendar._TT["WK"] = "Setti";
|
||||
45
www/extras/calendar/lang/calendar-jp.js
Normal file
45
www/extras/calendar/lang/calendar-jp.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("日",
|
||||
"月",
|
||||
"火",
|
||||
"水",
|
||||
"木",
|
||||
"金",
|
||||
"土",
|
||||
"日");
|
||||
Calendar._MN = new Array
|
||||
("1月",
|
||||
"2月",
|
||||
"3月",
|
||||
"4月",
|
||||
"5月",
|
||||
"6月",
|
||||
"7月",
|
||||
"8月",
|
||||
"9月",
|
||||
"10月",
|
||||
"11月",
|
||||
"12月");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "週の最初の曜日を切り替え";
|
||||
Calendar._TT["PREV_YEAR"] = "前年";
|
||||
Calendar._TT["PREV_MONTH"] = "前月";
|
||||
Calendar._TT["GO_TODAY"] = "今日";
|
||||
Calendar._TT["NEXT_MONTH"] = "翌月";
|
||||
Calendar._TT["NEXT_YEAR"] = "翌年";
|
||||
Calendar._TT["SEL_DATE"] = "日付選択";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "ウィンドウの移動";
|
||||
Calendar._TT["PART_TODAY"] = " (今日)";
|
||||
Calendar._TT["MON_FIRST"] = "月曜日を先頭に";
|
||||
Calendar._TT["SUN_FIRST"] = "日曜日を先頭に";
|
||||
Calendar._TT["CLOSE"] = "閉じる";
|
||||
Calendar._TT["TODAY"] = "今日";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "y-mm-dd";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "M d日 (D)";
|
||||
|
||||
Calendar._TT["WK"] = "週";
|
||||
45
www/extras/calendar/lang/calendar-nl.js
Normal file
45
www/extras/calendar/lang/calendar-nl.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Zondag",
|
||||
"Maandag",
|
||||
"Dinsdag",
|
||||
"Woensdag",
|
||||
"Donderdag",
|
||||
"Vrijdag",
|
||||
"Zaterdag",
|
||||
"Zondag");
|
||||
Calendar._MN = new Array
|
||||
("Januari",
|
||||
"Februari",
|
||||
"Maart",
|
||||
"April",
|
||||
"Mei",
|
||||
"Juni",
|
||||
"Juli",
|
||||
"Augustus",
|
||||
"September",
|
||||
"Oktober",
|
||||
"November",
|
||||
"December");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Selecteer de eerste week-dag";
|
||||
Calendar._TT["PREV_YEAR"] = "Vorig jaar (ingedrukt voor menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Vorige maand (ingedrukt voor menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Ga naar Vandaag";
|
||||
Calendar._TT["NEXT_MONTH"] = "Volgende maand (ingedrukt voor menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Volgend jaar (ingedrukt voor menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Selecteer datum";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Klik en sleep om te verplaatsen";
|
||||
Calendar._TT["PART_TODAY"] = " (vandaag)";
|
||||
Calendar._TT["MON_FIRST"] = "Toon Maandag eerst";
|
||||
Calendar._TT["SUN_FIRST"] = "Toon Zondag eerst";
|
||||
Calendar._TT["CLOSE"] = "Sluiten";
|
||||
Calendar._TT["TODAY"] = "Vandaag";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "dd-mm-y";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "DD, d MM";
|
||||
|
||||
Calendar._TT["WK"] = "wk";
|
||||
45
www/extras/calendar/lang/calendar-no.js
Normal file
45
www/extras/calendar/lang/calendar-no.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Søndag",
|
||||
"Mandag",
|
||||
"Tirsdag",
|
||||
"Onsdag",
|
||||
"Torsdag",
|
||||
"Fredag",
|
||||
"Lørdag",
|
||||
"Søndag");
|
||||
Calendar._MN = new Array
|
||||
("Januar",
|
||||
"Februar",
|
||||
"Mars",
|
||||
"April",
|
||||
"Mai",
|
||||
"Juni",
|
||||
"Juli",
|
||||
"August",
|
||||
"September",
|
||||
"Oktober",
|
||||
"November",
|
||||
"Desember");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Skift første ukedag";
|
||||
Calendar._TT["PREV_YEAR"] = "Et år tilbake (hold for meny)";
|
||||
Calendar._TT["PREV_MONTH"] = "En måned tilbake (hold for meny)";
|
||||
Calendar._TT["GO_TODAY"] = "Gå til i dag";
|
||||
Calendar._TT["NEXT_MONTH"] = "En måned fram (hold for meny)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Et år fram (hold for meny)";
|
||||
Calendar._TT["SEL_DATE"] = "Velg dag";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Dra vinduet";
|
||||
Calendar._TT["PART_TODAY"] = " (i dag)";
|
||||
Calendar._TT["MON_FIRST"] = "Vis mandag først";
|
||||
Calendar._TT["SUN_FIRST"] = "Vis søndag først";
|
||||
Calendar._TT["CLOSE"] = "Lukk vinduet";
|
||||
Calendar._TT["TODAY"] = "I dag";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "y-mm-dd";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "D d. M, y";
|
||||
|
||||
Calendar._TT["WK"] = "wk";
|
||||
46
www/extras/calendar/lang/calendar-pl.js
Normal file
46
www/extras/calendar/lang/calendar-pl.js
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
// Polish| dariush pietrzak, eyck@ghost.anime.pl
|
||||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Niedziela",
|
||||
"Poniedziałek",
|
||||
"Wtorek",
|
||||
"Środa",
|
||||
"Czwartek",
|
||||
"Piątek",
|
||||
"Sobota",
|
||||
"Niedziela");
|
||||
Calendar._MN = new Array
|
||||
("Styczeń",
|
||||
"Luty",
|
||||
"Marzec",
|
||||
"Kwiecień",
|
||||
"Maj",
|
||||
"Czerwiec",
|
||||
"Lipiec",
|
||||
"Sierpień",
|
||||
"Wrzesień",
|
||||
"Październik",
|
||||
"Listopad",
|
||||
"Grudzień");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Zmień pierwszy dzień tygodnia";
|
||||
Calendar._TT["PREV_YEAR"] = "Poprzedni rok (przytrzymaj dla menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Poprzedni miesiąc (przytrzymaj dla menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Idź do dzisiaj";
|
||||
Calendar._TT["NEXT_MONTH"] = "Następny miesiąc (przytrzymaj dla menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Następny rok (przytrzymaj dla menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Wybierz datę";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Przeciągnij by przesunąć";
|
||||
Calendar._TT["PART_TODAY"] = " (dzisiaj)";
|
||||
Calendar._TT["MON_FIRST"] = "Wyświetl poniedziałek jako pierwszy";
|
||||
Calendar._TT["SUN_FIRST"] = "Wyświetl niedzielę jako pierwszą";
|
||||
Calendar._TT["CLOSE"] = "Zamknij";
|
||||
Calendar._TT["TODAY"] = "Dzisiaj";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "y-mm-dd";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "D, M d";
|
||||
|
||||
Calendar._TT["WK"] = "wk";
|
||||
45
www/extras/calendar/lang/calendar-pt.js
Normal file
45
www/extras/calendar/lang/calendar-pt.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Domingo",
|
||||
"Segunda",
|
||||
"Terça",
|
||||
"Quarta",
|
||||
"Quinta",
|
||||
"Sexta",
|
||||
"Sábado",
|
||||
"Domingo");
|
||||
Calendar._MN = new Array
|
||||
("Janeiro",
|
||||
"Fevereiro",
|
||||
"Março",
|
||||
"Abril",
|
||||
"Maio",
|
||||
"Junho",
|
||||
"Julho",
|
||||
"Agosto",
|
||||
"Setembro",
|
||||
"Outubro",
|
||||
"Novembro",
|
||||
"Dezembro");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Trocar o primeiro dia da semana";
|
||||
Calendar._TT["PREV_YEAR"] = "Ano Anterior (mantenha para menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Mês Anterior (mantenha para menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Ir para hoje";
|
||||
Calendar._TT["NEXT_MONTH"] = "Próximo Mês (mantenha para menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Próximo Ano (mantenha para menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Escolha Data";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Arraste para mover";
|
||||
Calendar._TT["PART_TODAY"] = " (hoje)";
|
||||
Calendar._TT["MON_FIRST"] = "Mostrar Segunda primeiro";
|
||||
Calendar._TT["SUN_FIRST"] = "Mostrar Domingo primeiro";
|
||||
Calendar._TT["CLOSE"] = "Fechar";
|
||||
Calendar._TT["TODAY"] = "Hoje";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "a-mm-dd";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "D, M d";
|
||||
|
||||
Calendar._TT["WK"] = "sm";
|
||||
65
www/extras/calendar/lang/calendar-ro.js
Normal file
65
www/extras/calendar/lang/calendar-ro.js
Normal file
|
|
@ -0,0 +1,65 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Duminică",
|
||||
"Luni",
|
||||
"Marţi",
|
||||
"Miercuri",
|
||||
"Joi",
|
||||
"Vineri",
|
||||
"Sâmbătă",
|
||||
"Duminică");
|
||||
Calendar._SDN_len = 2;
|
||||
Calendar._MN = new Array
|
||||
("Ianuarie",
|
||||
"Februarie",
|
||||
"Martie",
|
||||
"Aprilie",
|
||||
"Mai",
|
||||
"Iunie",
|
||||
"Iulie",
|
||||
"August",
|
||||
"Septembrie",
|
||||
"Octombrie",
|
||||
"Noiembrie",
|
||||
"Decembrie");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
|
||||
Calendar._TT["INFO"] = "Despre calendar";
|
||||
|
||||
Calendar._TT["ABOUT"] =
|
||||
"DHTML Date/Time Selector\n" +
|
||||
"(c) dynarch.com 2002-2003\n" + // don't translate this this ;-)
|
||||
"Pentru ultima versiune vizitaţi: http://dynarch.com/mishoo/calendar.epl\n" +
|
||||
"Distribuit sub GNU LGPL. See http://gnu.org/licenses/lgpl.html for details." +
|
||||
"\n\n" +
|
||||
"Selecţia datei:\n" +
|
||||
"- Folosiţi butoanele \xab, \xbb pentru a selecta anul\n" +
|
||||
"- Folosiţi butoanele " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " pentru a selecta luna\n" +
|
||||
"- Tineţi butonul mouse-ului apăsat pentru selecţie mai rapidă.";
|
||||
Calendar._TT["ABOUT_TIME"] = "\n\n" +
|
||||
"Selecţia orei:\n" +
|
||||
"- Click pe ora sau minut pentru a mări valoarea cu 1\n" +
|
||||
"- Sau Shift-Click pentru a micşora valoarea cu 1\n" +
|
||||
"- Sau Click şi drag pentru a selecta mai repede.";
|
||||
|
||||
Calendar._TT["PREV_YEAR"] = "Anul precedent (lung pt menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Luna precedentă (lung pt menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Data de azi";
|
||||
Calendar._TT["NEXT_MONTH"] = "Luna următoare (lung pt menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Anul următor (lung pt menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Selectează data";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Trage pentru a mişca";
|
||||
Calendar._TT["PART_TODAY"] = " (astăzi)";
|
||||
Calendar._TT["MON_FIRST"] = "Prima zi -> Luni";
|
||||
Calendar._TT["SUN_FIRST"] = "Prima zi -> Duminică";
|
||||
Calendar._TT["CLOSE"] = "Închide";
|
||||
Calendar._TT["TODAY"] = "Astăzi";
|
||||
Calendar._TT["TIME_PART"] = "(Shift-)Click sau drag pentru a selecta";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "%d-%m-%Y";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "%A, %d %B";
|
||||
|
||||
Calendar._TT["WK"] = "spt";
|
||||
45
www/extras/calendar/lang/calendar-ru.js
Normal file
45
www/extras/calendar/lang/calendar-ru.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Âîñêðåñåíüå",
|
||||
"Ïîíåäåëüíèê",
|
||||
"Âòîðíèê",
|
||||
"Ñðåäà",
|
||||
"×åòâåðã",
|
||||
"Ïÿòíèöà",
|
||||
"Ñóááîòà",
|
||||
"Âîñêðåñåíüå");
|
||||
Calendar._MN = new Array
|
||||
("ßíâàðü",
|
||||
"Ôåâðàëü",
|
||||
"Ìàðò",
|
||||
"Àïðåëü",
|
||||
"Ìàé",
|
||||
"Èþíü",
|
||||
"Èþëü",
|
||||
"Àâãóñò",
|
||||
"Ñåíòÿáðü",
|
||||
"Îêòÿáðü",
|
||||
"Íîÿáðü",
|
||||
"Äåêàáðü");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Ñìåíèòü äåíü íà÷àëà íåäåëè (ÏÍ/ÂÑ)";
|
||||
Calendar._TT["PREV_YEAR"] = "Ïðåä. ãîä (óäåðæèâàòü äëÿ ìåíþ)";
|
||||
Calendar._TT["PREV_MONTH"] = "Ïðåä. ìåñÿö (óäåðæèâàòü äëÿ ìåíþ)";
|
||||
Calendar._TT["GO_TODAY"] = "Íà ñåãîäíÿ";
|
||||
Calendar._TT["NEXT_MONTH"] = "Ñëåä. ìåñÿö (óäåðæèâàòü äëÿ ìåíþ)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Ñëåä. ãîä (óäåðæèâàòü äëÿ ìåíþ)";
|
||||
Calendar._TT["SEL_DATE"] = "Âûáðàòü äàòó";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Ïåðåòàùèòü";
|
||||
Calendar._TT["PART_TODAY"] = " (ñåãîäíÿ)";
|
||||
Calendar._TT["MON_FIRST"] = "Ïîêàçàòü ïîíåäåëüíèê ïåðâûì";
|
||||
Calendar._TT["SUN_FIRST"] = "Ïîêàçàòü âîñêðåñåíüå ïåðâûì";
|
||||
Calendar._TT["CLOSE"] = "Çàêðûòü";
|
||||
Calendar._TT["TODAY"] = "Ñåãîäíÿ";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "y-mm-dd";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "D, M d";
|
||||
|
||||
Calendar._TT["WK"] = "íåä";
|
||||
99
www/extras/calendar/lang/calendar-sk.js
Normal file
99
www/extras/calendar/lang/calendar-sk.js
Normal file
|
|
@ -0,0 +1,99 @@
|
|||
// ** I18N
|
||||
|
||||
// Calendar SK language
|
||||
// Author: Peter Valach (pvalach@gmx.net)
|
||||
// Encoding: utf-8
|
||||
// Last update: 2003/10/29
|
||||
// Distributed under the same terms as the calendar itself.
|
||||
|
||||
// full day names
|
||||
Calendar._DN = new Array
|
||||
("NedeÄľa",
|
||||
"Pondelok",
|
||||
"Utorok",
|
||||
"Streda",
|
||||
"Ĺ tvrtok",
|
||||
"Piatok",
|
||||
"Sobota",
|
||||
"NedeÄľa");
|
||||
|
||||
// short day names
|
||||
Calendar._SDN = new Array
|
||||
("Ned",
|
||||
"Pon",
|
||||
"Uto",
|
||||
"Str",
|
||||
"Ĺ tv",
|
||||
"Pia",
|
||||
"Sob",
|
||||
"Ned");
|
||||
|
||||
// full month names
|
||||
Calendar._MN = new Array
|
||||
("Január",
|
||||
"Február",
|
||||
"Marec",
|
||||
"AprĂl",
|
||||
"Máj",
|
||||
"JĂşn",
|
||||
"JĂşl",
|
||||
"August",
|
||||
"September",
|
||||
"OktĂłber",
|
||||
"November",
|
||||
"December");
|
||||
|
||||
// short month names
|
||||
Calendar._SMN = new Array
|
||||
("Jan",
|
||||
"Feb",
|
||||
"Mar",
|
||||
"Apr",
|
||||
"Máj",
|
||||
"JĂşn",
|
||||
"JĂşl",
|
||||
"Aug",
|
||||
"Sep",
|
||||
"Okt",
|
||||
"Nov",
|
||||
"Dec");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["INFO"] = "O kalendári";
|
||||
|
||||
Calendar._TT["ABOUT"] =
|
||||
"DHTML Date/Time Selector\n" +
|
||||
"(c) dynarch.com 2002-2003\n" +
|
||||
"Poslednú verziu nájdete na: http://dynarch.com/mishoo/calendar.epl\n" +
|
||||
"Distribuované pod GNU LGPL. Viď http://gnu.org/licenses/lgpl.html pre detaily." +
|
||||
"\n\n" +
|
||||
"Výber dátumu:\n" +
|
||||
"- Použite tlačidlá \xab, \xbb pre výber roku\n" +
|
||||
"- Použite tlačidlá " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " pre výber mesiaca\n" +
|
||||
"- Ak ktorĂ©koÄľvek z tĂ˝chto tlaÄŤidiel podrĹľĂte dlhšie, zobrazĂ sa rĂ˝chly vĂ˝ber.";
|
||||
Calendar._TT["ABOUT_TIME"] = "\n\n" +
|
||||
"Výber času:\n" +
|
||||
"- Kliknutie na niektorú položku času ju zvýši\n" +
|
||||
"- Shift-klik ju znĂĹľi\n" +
|
||||
"- Ak podrĹľĂte tlaÄŤĂtko stlaÄŤenĂ©, posĂşvanĂm menĂte hodnotu.";
|
||||
|
||||
Calendar._TT["PREV_YEAR"] = "Predošlý rok (podržte pre menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Predošlý mesiac (podržte pre menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Prejsť na dnešok";
|
||||
Calendar._TT["NEXT_MONTH"] = "Nasl. mesiac (podrĹľte pre menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Nasl. rok (podrĹľte pre menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Zvoľte dátum";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "PodrĹľanĂm tlaÄŤĂtka zmenĂte polohu";
|
||||
Calendar._TT["PART_TODAY"] = " (dnes)";
|
||||
Calendar._TT["MON_FIRST"] = "ZobraziĹĄ pondelok ako prvĂ˝";
|
||||
Calendar._TT["SUN_FIRST"] = "ZobraziĹĄ nedeÄľu ako prvĂş";
|
||||
Calendar._TT["CLOSE"] = "ZavrieĹĄ";
|
||||
Calendar._TT["TODAY"] = "Dnes";
|
||||
Calendar._TT["TIME_PART"] = "(Shift-)klik/ĹĄahanie zmenĂ hodnotu";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "$d. %m. %Y";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "%a, %e. %b";
|
||||
|
||||
Calendar._TT["WK"] = "týž";
|
||||
45
www/extras/calendar/lang/calendar-sp.js
Normal file
45
www/extras/calendar/lang/calendar-sp.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Domingo",
|
||||
"Lunes",
|
||||
"Martes",
|
||||
"Miercoles",
|
||||
"Jueves",
|
||||
"Viernes",
|
||||
"Sabado",
|
||||
"Domingo");
|
||||
Calendar._MN = new Array
|
||||
("Enero",
|
||||
"Febrero",
|
||||
"Marzo",
|
||||
"Abril",
|
||||
"Mayo",
|
||||
"Junio",
|
||||
"Julio",
|
||||
"Augosto",
|
||||
"Septiembre",
|
||||
"Octubrer",
|
||||
"Noviembre",
|
||||
"Diciembre");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Primer dia de la semana";
|
||||
Calendar._TT["PREV_YEAR"] = "Año anterior (Presione para menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Mes Anterior (Presione para menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Ir a Hoy";
|
||||
Calendar._TT["NEXT_MONTH"] = "Mes Siguiente (Presione para menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Año Siguiente (Presione para menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Seleccione fecha";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Arrastre y mueva";
|
||||
Calendar._TT["PART_TODAY"] = " (Hoy)";
|
||||
Calendar._TT["MON_FIRST"] = "Lunes Primero";
|
||||
Calendar._TT["SUN_FIRST"] = "Domingo Primero";
|
||||
Calendar._TT["CLOSE"] = "Cerrar";
|
||||
Calendar._TT["TODAY"] = "Hoy";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "dd-mm-yy";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "D, d M";
|
||||
|
||||
Calendar._TT["WK"] = "Smn";
|
||||
93
www/extras/calendar/lang/calendar-sv.js
Normal file
93
www/extras/calendar/lang/calendar-sv.js
Normal file
|
|
@ -0,0 +1,93 @@
|
|||
// ** I18N
|
||||
|
||||
// Calendar SV language (Swedish, svenska)
|
||||
// Author: Mihai Bazon, <mishoo@infoiasi.ro>
|
||||
// Translation team: <sv@li.org>
|
||||
// Translator: Leonard Norrgård <leonard.norrgard@refactor.fi>
|
||||
// Last translator: Leonard Norrgård <leonard.norrgard@refactor.fi>
|
||||
// Encoding: iso-latin-1
|
||||
// Distributed under the same terms as the calendar itself.
|
||||
|
||||
// For translators: please use UTF-8 if possible. We strongly believe that
|
||||
// Unicode is the answer to a real internationalized world. Also please
|
||||
// include your contact information in the header, as can be seen above.
|
||||
|
||||
// full day names
|
||||
Calendar._DN = new Array
|
||||
("söndag",
|
||||
"måndag",
|
||||
"tisdag",
|
||||
"onsdag",
|
||||
"torsdag",
|
||||
"fredag",
|
||||
"lördag",
|
||||
"söndag");
|
||||
|
||||
// Please note that the following array of short day names (and the same goes
|
||||
// for short month names, _SMN) isn't absolutely necessary. We give it here
|
||||
// for exemplification on how one can customize the short day names, but if
|
||||
// they are simply the first N letters of the full name you can simply say:
|
||||
//
|
||||
// Calendar._SDN_len = N; // short day name length
|
||||
// Calendar._SMN_len = N; // short month name length
|
||||
//
|
||||
// If N = 3 then this is not needed either since we assume a value of 3 if not
|
||||
// present, to be compatible with translation files that were written before
|
||||
// this feature.
|
||||
Calendar._SDN_len = 2;
|
||||
Calendar._SMN_len = 3;
|
||||
|
||||
// full month names
|
||||
Calendar._MN = new Array
|
||||
("januari",
|
||||
"februari",
|
||||
"mars",
|
||||
"april",
|
||||
"maj",
|
||||
"juni",
|
||||
"juli",
|
||||
"augusti",
|
||||
"september",
|
||||
"oktober",
|
||||
"november",
|
||||
"december");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["INFO"] = "Om kalendern";
|
||||
|
||||
Calendar._TT["ABOUT"] =
|
||||
"DHTML Datum/tid-väljare\n" +
|
||||
"(c) dynarch.com 2002-2003\n" + // don't translate this this ;-)
|
||||
"För senaste version gå till: http://dynarch.com/mishoo/calendar.epl\n" +
|
||||
"Distribueras under GNU LGPL. Se http://gnu.org/licenses/lgpl.html för detaljer." +
|
||||
"\n\n" +
|
||||
"Val av datum:\n" +
|
||||
"- Använd knapparna \xab, \xbb för att välja år\n" +
|
||||
"- Använd knapparna " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " för att välja månad\n" +
|
||||
"- Håll musknappen nedtryckt på någon av ovanstående knappar för snabbare val.";
|
||||
Calendar._TT["ABOUT_TIME"] = "\n\n" +
|
||||
"Val av tid:\n" +
|
||||
"- Klicka på en del av tiden för att öka den delen\n" +
|
||||
"- eller skift-klicka för att minska den\n" +
|
||||
"- eller klicka och drag för snabbare val.";
|
||||
|
||||
Calendar._TT["PREV_YEAR"] = "Föregående år (håll för menu)";
|
||||
Calendar._TT["PREV_MONTH"] = "Föregående månad (håll för menu)";
|
||||
Calendar._TT["GO_TODAY"] = "Gå till dagens datum";
|
||||
Calendar._TT["NEXT_MONTH"] = "Följande månad (håll för menu)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Följande år (håll för menu)";
|
||||
Calendar._TT["SEL_DATE"] = "Välj datum";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Drag för att flytta";
|
||||
Calendar._TT["PART_TODAY"] = " (idag)";
|
||||
Calendar._TT["MON_FIRST"] = "Visa måndag först";
|
||||
Calendar._TT["SUN_FIRST"] = "Visa söndag först";
|
||||
Calendar._TT["CLOSE"] = "Stäng";
|
||||
Calendar._TT["TODAY"] = "Idag";
|
||||
Calendar._TT["TIME_PART"] = "(Skift-)klicka eller drag för att ändra tid";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "%A %d %b %Y";
|
||||
|
||||
Calendar._TT["WK"] = "vecka";
|
||||
58
www/extras/calendar/lang/calendar-tr.js
Normal file
58
www/extras/calendar/lang/calendar-tr.js
Normal file
|
|
@ -0,0 +1,58 @@
|
|||
//////////////////////////////////////////////////////////////////////////////////////////////
|
||||
// Turkish Translation by Nuri AKMAN
|
||||
// Location: Ankara/TURKEY
|
||||
// e-mail : nuriakman@hotmail.com
|
||||
// Date : April, 9 2003
|
||||
//
|
||||
// Note: if Turkish Characters does not shown on you screen
|
||||
// please include falowing line your html code:
|
||||
//
|
||||
// <meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
|
||||
//
|
||||
//////////////////////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
// ** I18N
|
||||
Calendar._DN = new Array
|
||||
("Pazar",
|
||||
"Pazartesi",
|
||||
"Salı",
|
||||
"Çarşamba",
|
||||
"Perşembe",
|
||||
"Cuma",
|
||||
"Cumartesi",
|
||||
"Pazar");
|
||||
Calendar._MN = new Array
|
||||
("Ocak",
|
||||
"Şubat",
|
||||
"Mart",
|
||||
"Nisan",
|
||||
"Mayıs",
|
||||
"Haziran",
|
||||
"Temmuz",
|
||||
"Ağustos",
|
||||
"Eylül",
|
||||
"Ekim",
|
||||
"Kasım",
|
||||
"Aralık");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "Haftanın ilk gününü kaydır";
|
||||
Calendar._TT["PREV_YEAR"] = "Önceki Yıl (Menü için basılı tutunuz)";
|
||||
Calendar._TT["PREV_MONTH"] = "Önceki Ay (Menü için basılı tutunuz)";
|
||||
Calendar._TT["GO_TODAY"] = "Bugün'e git";
|
||||
Calendar._TT["NEXT_MONTH"] = "Sonraki Ay (Menü için basılı tutunuz)";
|
||||
Calendar._TT["NEXT_YEAR"] = "Sonraki Yıl (Menü için basılı tutunuz)";
|
||||
Calendar._TT["SEL_DATE"] = "Tarih seçiniz";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "Taşımak için sürükleyiniz";
|
||||
Calendar._TT["PART_TODAY"] = " (bugün)";
|
||||
Calendar._TT["MON_FIRST"] = "Takvim Pazartesi gününden başlasın";
|
||||
Calendar._TT["SUN_FIRST"] = "Takvim Pazar gününden başlasın";
|
||||
Calendar._TT["CLOSE"] = "Kapat";
|
||||
Calendar._TT["TODAY"] = "Bugün";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "dd-mm-y";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "d MM y, DD";
|
||||
|
||||
Calendar._TT["WK"] = "Hafta";
|
||||
45
www/extras/calendar/lang/calendar-zh.js
Normal file
45
www/extras/calendar/lang/calendar-zh.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// ** Translated by ATang ** I18N
|
||||
Calendar._DN = new Array
|
||||
("星期日",
|
||||
"星期一",
|
||||
"星期二",
|
||||
"星期三",
|
||||
"星期四",
|
||||
"星期五",
|
||||
"星期六",
|
||||
"星期日");
|
||||
Calendar._MN = new Array
|
||||
("一月",
|
||||
"二月",
|
||||
"三月",
|
||||
"四月",
|
||||
"五月",
|
||||
"六月",
|
||||
"七月",
|
||||
"八月",
|
||||
"九月",
|
||||
"十月",
|
||||
"十一月",
|
||||
"十二月");
|
||||
|
||||
// tooltips
|
||||
Calendar._TT = {};
|
||||
Calendar._TT["TOGGLE"] = "切换周开始的一天";
|
||||
Calendar._TT["PREV_YEAR"] = "上一年 (按住出菜单)";
|
||||
Calendar._TT["PREV_MONTH"] = "上一月 (按住出菜单)";
|
||||
Calendar._TT["GO_TODAY"] = "到今日";
|
||||
Calendar._TT["NEXT_MONTH"] = "下一月 (按住出菜单)";
|
||||
Calendar._TT["NEXT_YEAR"] = "下一年 (按住出菜单)";
|
||||
Calendar._TT["SEL_DATE"] = "选择日期";
|
||||
Calendar._TT["DRAG_TO_MOVE"] = "拖动";
|
||||
Calendar._TT["PART_TODAY"] = " (今日)";
|
||||
Calendar._TT["MON_FIRST"] = "首先显示星期一";
|
||||
Calendar._TT["SUN_FIRST"] = "首先显示星期日";
|
||||
Calendar._TT["CLOSE"] = "关闭";
|
||||
Calendar._TT["TODAY"] = "今日";
|
||||
|
||||
// date formats
|
||||
Calendar._TT["DEF_DATE_FORMAT"] = "y-mm-dd";
|
||||
Calendar._TT["TT_DATE_FORMAT"] = "D, M d";
|
||||
|
||||
Calendar._TT["WK"] = "周";
|
||||
BIN
www/extras/calendar/menuarrow.gif
Normal file
BIN
www/extras/calendar/menuarrow.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 68 B |
233
www/extras/calendar/release-notes.html
Normal file
233
www/extras/calendar/release-notes.html
Normal file
|
|
@ -0,0 +1,233 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.2//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>jscalendar release notes</title>
|
||||
|
||||
<style type="text/css">
|
||||
h1 { border-bottom: 1px solid #000; }
|
||||
h2 { border-bottom: 1px solid #444; }
|
||||
ul li { margin-top: 0.5em; margin-bottom: 0.5em; }
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1>jscalendar release notes</h1>
|
||||
|
||||
<p>This release compiled at Wednesday, 5 Nov 2003 (19:30).</p>
|
||||
|
||||
<h2>0.9.5</h2>
|
||||
|
||||
<p>
|
||||
This release's primary goal is to fix a wrong license statement which
|
||||
can be found in some files from 0.9.4. For instance in README or
|
||||
calendar.js, the statement was that the code is distributed under the
|
||||
GNU GPL; that's because I had plans to change the license, then
|
||||
changed my mind but unfortunately I committed files so. I am sorry
|
||||
for this inconvenience, please use the latest (0.9.5) release which is
|
||||
fully covered by LGPL.
|
||||
</p>
|
||||
|
||||
<p>Other changes:</p>
|
||||
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<b>Fixed</b> an annoying bug that prevented the calendar to display
|
||||
correctly when it was configured for an input field inside a
|
||||
<b>scrolling area</b>. <b>Many thanks</b> to Ian Barrack (<a
|
||||
href="http://www.simban.com">Simban.com</a>) who pointed it up and
|
||||
donated quote some money for the Calendar project!
|
||||
</li>
|
||||
|
||||
<li>
|
||||
All examples use UTF-8 now; the translations may not be all
|
||||
up-to-date, but I <strong>strongly</strong> suggest everyone to use
|
||||
UTF-8; other encodings are a plain mess. So far I know for sure
|
||||
that Romanian translation will work with UTF-8 and <em>not
|
||||
anymore</em> with ISO-8859-2. Other translations are probably
|
||||
usable under UTF-8, but if your preferred language isn't... ;-)
|
||||
please make it and send it to me for inclusion.
|
||||
</li>
|
||||
|
||||
<li>
|
||||
Fixed small bug in the documentation (one footnote didn't appear
|
||||
where it should have).
|
||||
</li>
|
||||
|
||||
<li>
|
||||
Updated translations: DE, ES, HU, IT, RO. Thanks to everyone who
|
||||
sent translations!
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<h2>0.9.4</h2>
|
||||
|
||||
<h3>New stuff</h3>
|
||||
|
||||
<ul>
|
||||
|
||||
<li>Supports time selection. Yes. ;-) This work has been largely
|
||||
sponsored by <strong>Himanshukumar Shah</strong> (thank you!). See
|
||||
the docs and example files for details on how to setup.</li>
|
||||
|
||||
<li>Easy to link 2 or more fields by using the new
|
||||
<code>onUpdate</code> parameter of <code>Calendar.setup</code>. This
|
||||
is useful, say, to automatically set a value in a second field based
|
||||
on the value selected in the first field. See the documentation and
|
||||
first sample in <a href="simple-1.html">simple-1.html</a>.</li>
|
||||
|
||||
<li>Other <code>Calendar.setup</code> low-level parameters, for those
|
||||
wanting to have the complete control: <code>onSelect</code> and
|
||||
<code>onClose</code>. The handlers are called when something is
|
||||
selected in the calendar or when the calendar is closed.</li>
|
||||
|
||||
<li>The translation files can optionally include the short day names
|
||||
and the short month names. That's because in some languages, like
|
||||
German, the short form is not the first 3 letters of the entire name
|
||||
but only the first 2. Also in other languages short names can't be
|
||||
as easily derived from the full name by just calling substr, so this
|
||||
patch solves the problem.</li>
|
||||
|
||||
<li>Implemented a nice way to make some dates "special" (look
|
||||
different). Specifically, the <code>setDisabledHandler</code> method
|
||||
was replaced with the more general <code>setDateStatusHandler</code>
|
||||
method (the old one is still available for backwards compatibility but
|
||||
<em>will</em> be removed). More details about this in the
|
||||
documentation. Also see <a href="simple-3.html">simple-3.html</a>
|
||||
for a live sample.</li>
|
||||
|
||||
<li>Date parsing and formatting engine is now rewritten and supports a
|
||||
subset of <code>strftime</code> format specifiers from ANSI C. This
|
||||
makes it possible to use dates like "YYYYMMDD" (the corresponding
|
||||
format for this would be "%Y%m%d"). Details in the documentation.
|
||||
<b>Please note that the new engine is not compatibile with older
|
||||
calendar releases!</b></li>
|
||||
|
||||
<li>Along with the new date parser I workarounded an unpleasant crash
|
||||
that occurred in IE when certain accented characters appeared in the
|
||||
texts. I think German was one of the language with such problems, and
|
||||
the workaround was to use the letter without an accent. Well, now you
|
||||
can translate to whatever you want.</li>
|
||||
|
||||
<li>"Fixes" (I mean, "horrible workarounds") for Konqueror (and
|
||||
hopefully Safari). Unfortunately, this otherwise excellent browser
|
||||
still has some bugs that keep the calendar from working
|
||||
<em>exactly</em> as it should.. But they're going to be fixed,
|
||||
right? ;-)</li>
|
||||
|
||||
<li>CSS themes got pretty much modified too so if you wrote your theme
|
||||
you need to update it. Aside for the time selector support, the CSS
|
||||
themes contain a simple hack that makes the navigation buttons show
|
||||
a little arrow in the lower-right corner which indicates that if one
|
||||
holds the mouse a menu will appear.</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<h3>Translation files</h3>
|
||||
|
||||
<p>The translation files need to be updated in order for the calendar to
|
||||
work properly. Currently the only updated files are calendar-en.js
|
||||
(main file) and calendar-ro.js (well, yes, I am a Romanian ;-).</p>
|
||||
|
||||
<p>Specifically, they need the following:</p>
|
||||
|
||||
<ul>
|
||||
|
||||
<li>Correct date format, according with the new format specifiers
|
||||
introduced in 0.9.4. Details about the available format specifiers
|
||||
in the documentation</li>
|
||||
|
||||
<li>Short day or month names, <em>if required</em>. If they can be
|
||||
derived by taking the first N letters of the full name then a simple
|
||||
Calendar._SDN_len = N or Calendar._SMN_len = N will suffice. If N
|
||||
is 3 then nothing needs to be done as we take it for granted if no
|
||||
other option is offered ;-)</li>
|
||||
|
||||
<li>We have some new texts that shows short usage information as well
|
||||
as copyright information.</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<p>If your favorite language is not there yet, or it is but not updated
|
||||
according to the main calendar-en.js file, then please consider
|
||||
translating calendar-en.js and send the translation back to me so that
|
||||
I include it in the official distribution.</p>
|
||||
|
||||
<h3>Bug status</h3>
|
||||
|
||||
<p>Check <a
|
||||
href="http://sourceforge.net/tracker/?atid=544285&group_id=75569&func=browse">SourceForge</a>,
|
||||
I didn't keep track. However, there were a lot of bugfixes.</p>
|
||||
|
||||
<h2>0.9.3</h2>
|
||||
|
||||
<h3>New stuff</h3>
|
||||
|
||||
<ul>
|
||||
|
||||
<li>Opera 7 compatibility — keyboard navigation is
|
||||
still not available; text selection can't be disabled, leading to an
|
||||
ugly effect when walking through the month/year menus.</li>
|
||||
|
||||
<li>Ability to align the calendar relative to the input field (or any
|
||||
other element). Vertical: top, center, bottom. Horizontal: left,
|
||||
center, right. This is established as a new parameter for
|
||||
<tt>showAtElement</tt>.</li>
|
||||
|
||||
<li>Added <tt>dateClicked</tt> property (boolean). This can be
|
||||
inspected in the "onSelect" handler to determine if a date was
|
||||
really clicked or the user only changed month/year using the menus.
|
||||
You <em>need</em> to check this for "single-click" calendars and
|
||||
only close/hide the calendar if it's <tt>true</tt>.</li>
|
||||
|
||||
<li>Full documentation in <a href="doc/html/reference.html">HTML</a>
|
||||
and <a href="doc/reference.pdf">PDF</a> format is now available in the
|
||||
distribution archive.</li>
|
||||
|
||||
<li>New language definition files: HU, HR, PT, ZH. Thanks those who
|
||||
submitted!</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<h3>Bug status</h3>
|
||||
|
||||
<p>This covers only those bugs that have been reported <a
|
||||
href="http://sourceforge.net/projects/jscalendar" target="_blank"
|
||||
title="Project page at SourceForge">at SourceForge</a>.</p>
|
||||
|
||||
<ol>
|
||||
|
||||
<li><a href="http://sourceforge.net/tracker/index.php?func=detail&aid=703238&group_id=75569&atid=544285" target="_blank"
|
||||
title="Go to bug description at sourceforge"><tt>#703,238</tt></a> — fixed</li>
|
||||
<li><a href="http://sourceforge.net/tracker/index.php?func=detail&aid=703814&group_id=75569&atid=544285" target="_blank"
|
||||
title="Go to bug description at sourceforge"><tt>#703,814</tt></a> — fixed</li>
|
||||
<li><a href="http://sourceforge.net/tracker/index.php?func=detail&aid=716777&group_id=75569&atid=544285" target="_blank"
|
||||
title="Go to bug description at sourceforge"><tt>#716,777</tt></a> — closed (was fixed already in 0.9.2-1)</li>
|
||||
<li><a href="http://sourceforge.net/tracker/index.php?func=detail&aid=723335&group_id=75569&atid=544285" target="_blank"
|
||||
title="Go to bug description at sourceforge"><tt>#723,335</tt></a> — fixed</li>
|
||||
<li><a href="http://sourceforge.net/tracker/index.php?func=detail&aid=715122&group_id=75569&atid=544285" target="_blank"
|
||||
title="Go to bug description at sourceforge"><tt>#715,122</tt></a> — feature request; implemented.</li>
|
||||
<li><a href="http://sourceforge.net/tracker/index.php?func=detail&aid=721206&group_id=75569&atid=544285" target="_blank"
|
||||
title="Go to bug description at sourceforge"><tt>#721,206</tt></a> — fixed (added "refresh()" function)</li>
|
||||
<li><a href="http://sourceforge.net/tracker/index.php?func=detail&aid=721833&group_id=75569&atid=544285" target="_blank"
|
||||
title="Go to bug description at sourceforge"><tt>#721,833</tt></a> — fixed (bug concerning the "yy" format
|
||||
parsing)</li>
|
||||
<li><a href="http://sourceforge.net/tracker/index.php?func=detail&aid=721833&group_id=75569&atid=544285" target="_blank"
|
||||
title="Go to bug description at sourceforge"><tt>#721,833</tt></a> — won't fix (we won't set the time to
|
||||
midnight; time might actually be useful when we implement support
|
||||
for time selection).
|
||||
|
||||
</ol>
|
||||
|
||||
<hr />
|
||||
<address><a href="http://dynarch.com/mishoo/">Mihai Bazon</a></address>
|
||||
<!-- Created: Tue Jul 8 17:29:37 EEST 2003 -->
|
||||
<!-- hhmts start -->
|
||||
Last modified on Wed Oct 29 02:37:07 2003
|
||||
<!-- hhmts end -->
|
||||
<!-- doc-lang: English -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
241
www/extras/calendar/simple-1.html
Normal file
241
www/extras/calendar/simple-1.html
Normal file
|
|
@ -0,0 +1,241 @@
|
|||
<html style="background-color: buttonface; color: buttontext;">
|
||||
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/xml; charset=utf-8" />
|
||||
|
||||
<title>Simple calendar setups [popup calendar]</title>
|
||||
|
||||
<!-- calendar stylesheet -->
|
||||
<link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" />
|
||||
|
||||
<!-- main calendar program -->
|
||||
<script type="text/javascript" src="calendar.js"></script>
|
||||
|
||||
<!-- language for the calendar -->
|
||||
<script type="text/javascript" src="lang/calendar-en.js"></script>
|
||||
|
||||
<!-- the following script defines the Calendar.setup helper function, which makes
|
||||
adding a calendar a matter of 1 or 2 lines of code. -->
|
||||
<script type="text/javascript" src="calendar-setup.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h2>DHTML Calendar — for the impatient</h2>
|
||||
|
||||
<blockquote>
|
||||
<p>
|
||||
This page lists some common setups for the popup calendar. In
|
||||
order to see how to do any of them please see the source of this
|
||||
page. For each example it's structured like this: there's the
|
||||
<form> that contains the input field, and following there is
|
||||
the JavaScript snippet that setups that form. An example of
|
||||
<em>flat</em> calendar is available in <a
|
||||
href="simple-2.html">another page</a>.
|
||||
</p>
|
||||
<p>
|
||||
The code in this page uses a helper function defined in
|
||||
"calendar-setup.js". With it you can setup the calendar in
|
||||
minutes. If you're not <em>that</em> impatient, ;-) <a
|
||||
href="doc/html/reference.html">complete documenation</a> is
|
||||
available.
|
||||
</p>
|
||||
</blockquote>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
<p><b>Basic setup: one input per calendar.</b> Clicking in the input field
|
||||
activates the calendar. The date format is "%m/%d/%Y %I:%M %p". The
|
||||
calendar defaults to "single-click mode".</p>
|
||||
|
||||
<p>The example below has been updated to show you how to create "linked"
|
||||
fields. Basically, when some field is filled with a date, the other
|
||||
is updated so that the difference between them remains one week. The
|
||||
property useful here is "onUpdate".</p>
|
||||
|
||||
<form action="#" method="get">
|
||||
<input type="text" name="date" id="f_date_a" />
|
||||
<input type="text" name="date" id="f_calcdate" />
|
||||
</form>
|
||||
|
||||
<script type="text/javascript">
|
||||
function catcalc(cal) {
|
||||
var date = cal.date;
|
||||
var time = date.getTime()
|
||||
// use the _other_ field
|
||||
var field = document.getElementById("f_calcdate");
|
||||
if (field == cal.params.inputField) {
|
||||
field = document.getElementById("f_date_a");
|
||||
time -= Date.WEEK; // substract one week
|
||||
} else {
|
||||
time += Date.WEEK; // add one week
|
||||
}
|
||||
var date2 = new Date(time);
|
||||
field.value = date2.print("%Y-%m-%d %H:%M");
|
||||
}
|
||||
Calendar.setup({
|
||||
inputField : "f_date_a", // id of the input field
|
||||
ifFormat : "%Y-%m-%d %H:%M", // format of the input field
|
||||
showsTime : true,
|
||||
timeFormat : "24",
|
||||
onUpdate : catcalc
|
||||
});
|
||||
Calendar.setup({
|
||||
inputField : "f_calcdate",
|
||||
ifFormat : "%Y-%m-%d %H:%M",
|
||||
showsTime : true,
|
||||
timeFormat : "24",
|
||||
onUpdate : catcalc
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
<p><b>Input field with a trigger button.</b> Clicking the button activates
|
||||
the calendar. Note that this one needs double-click (singleClick parameter
|
||||
is explicitely set to false).</p>
|
||||
|
||||
<form action="#" method="get">
|
||||
<input type="text" name="date" id="f_date_b" /><button type="reset" id="f_trigger_b">...</button>
|
||||
</form>
|
||||
|
||||
<script type="text/javascript">
|
||||
Calendar.setup({
|
||||
inputField : "f_date_b", // id of the input field
|
||||
ifFormat : "%m/%d/%Y %I:%M %p", // format of the input field
|
||||
showsTime : true, // will display a time selector
|
||||
button : "f_trigger_b", // trigger for the calendar (button ID)
|
||||
singleClick : false // double-click mode
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
<p><b>Input field with a trigger image.</b> Note that the Calendar.setup
|
||||
function doesn't care if the trigger is a button, image, or anything else.
|
||||
Also in this example we setup a different alignment, just to show how it's
|
||||
done. The input field is read-only (that is set from HTML).</p>
|
||||
|
||||
<form action="#" method="get">
|
||||
<table cellspacing="0" cellpadding="0" style="border-collapse: collapse"><tr>
|
||||
<td><input type="text" name="date" id="f_date_c" readonly="1" /></td>
|
||||
<td><img src="img.gif" id="f_trigger_c" style="cursor: pointer; border: 1px solid red;" title="Date selector"
|
||||
onmouseover="this.style.background='red';" onmouseout="this.style.background=''" /></td>
|
||||
</table>
|
||||
</form>
|
||||
|
||||
<script type="text/javascript">
|
||||
Calendar.setup({
|
||||
inputField : "f_date_c", // id of the input field
|
||||
ifFormat : "%B %e, %Y", // format of the input field
|
||||
button : "f_trigger_c", // trigger for the calendar (button ID)
|
||||
align : "Tl", // alignment (defaults to "Bl")
|
||||
singleClick : true
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
<p><b>Hidden field, display area.</b> The calendar now puts the date into 2
|
||||
elements: one is an input field of type "hidden"—so that the user
|
||||
can't directly see or modify it— and one is a <span> element in
|
||||
which the date is displayed. Note that if the trigger is not specified the
|
||||
calendar will use the displayArea (or inputField as in the first example).
|
||||
The display area can have it's own format. This is useful if, for instance,
|
||||
we need to store one format in the database (thus pass it in the input
|
||||
field) but we wanna show a friendlier format to the end-user.</p>
|
||||
|
||||
<form action="#" method="get" style="visibility: hidden">
|
||||
<input type="hidden" name="date" id="f_date_d" />
|
||||
</form>
|
||||
|
||||
<p>Your birthday:
|
||||
<span style="background-color: #ff8; cursor: default;"
|
||||
onmouseover="this.style.backgroundColor='#ff0';"
|
||||
onmouseout="this.style.backgroundColor='#ff8';"
|
||||
id="show_d"
|
||||
>Click to open date selector</span>.</p>
|
||||
|
||||
<script type="text/javascript">
|
||||
Calendar.setup({
|
||||
inputField : "f_date_d", // id of the input field
|
||||
ifFormat : "%Y/%d/%m", // format of the input field (even if hidden, this format will be honored)
|
||||
displayArea : "show_d", // ID of the span where the date is to be shown
|
||||
daFormat : "%A, %B %d, %Y",// format of the displayed date
|
||||
align : "Tl", // alignment (defaults to "Bl")
|
||||
singleClick : true
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
<p><b>Hidden field, display area, trigger image.</b> Very similar to the
|
||||
previous example. The difference is that we also have a trigger image.</p>
|
||||
|
||||
<form action="#" method="get" style="visibility: hidden">
|
||||
<input type="hidden" name="date" id="f_date_e" />
|
||||
</form>
|
||||
|
||||
<p>Your birthday: <span id="show_e">-- not entered --</span> <img
|
||||
src="img.gif" id="f_trigger_e" style="cursor: pointer; border: 1px solid
|
||||
red;" title="Date selector" onmouseover="this.style.background='red';"
|
||||
onmouseout="this.style.background=''" />.</p>
|
||||
|
||||
<script type="text/javascript">
|
||||
Calendar.setup({
|
||||
inputField : "f_date_e", // id of the input field
|
||||
ifFormat : "%Y/%d/%m", // format of the input field (even if hidden, this format will be honored)
|
||||
displayArea : "show_e", // ID of the span where the date is to be shown
|
||||
daFormat : "%A, %B %d, %Y",// format of the displayed date
|
||||
button : "f_trigger_e", // trigger button (well, IMG in our case)
|
||||
align : "Tl", // alignment (defaults to "Bl")
|
||||
singleClick : true
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
<p><b>Hidden field, display area.</b> Very much like the previous examples,
|
||||
but we now disable some dates (all weekends, that is, Saturdays and
|
||||
Sundays).</p>
|
||||
|
||||
<form action="#" method="get" style="visibility: hidden">
|
||||
<input type="hidden" name="date" id="f_date_f" />
|
||||
</form>
|
||||
|
||||
<p>Your birthday:
|
||||
<span style="background-color: #ff8; cursor: default;"
|
||||
onmouseover="this.style.backgroundColor='#ff0';"
|
||||
onmouseout="this.style.backgroundColor='#ff8';"
|
||||
id="show_f"
|
||||
>Click to open date selector</span>.</p>
|
||||
|
||||
<script type="text/javascript">
|
||||
Calendar.setup({
|
||||
inputField : "f_date_f", // id of the input field
|
||||
ifFormat : "%Y/%d/%m", // format of the input field (even if hidden, this format will be honored)
|
||||
displayArea : "show_f", // ID of the span where the date is to be shown
|
||||
daFormat : "%A, %B %d, %Y",// format of the displayed date
|
||||
align : "Tl", // alignment (defaults to "Bl")
|
||||
dateStatusFunc : function (date) { // disable weekend days (Saturdays == 6 and Subdays == 0)
|
||||
return (date.getDay() == 6 || date.getDay() == 0) ? true : false;
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
108
www/extras/calendar/simple-2.html
Normal file
108
www/extras/calendar/simple-2.html
Normal file
|
|
@ -0,0 +1,108 @@
|
|||
<html style="background-color: buttonface; color: buttontext;">
|
||||
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/xml; charset=utf-8" />
|
||||
|
||||
<title>Simple calendar setup [flat calendar]</title>
|
||||
|
||||
<!-- calendar stylesheet -->
|
||||
<link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" />
|
||||
|
||||
<!-- main calendar program -->
|
||||
<script type="text/javascript" src="calendar.js"></script>
|
||||
|
||||
<!-- language for the calendar -->
|
||||
<script type="text/javascript" src="lang/calendar-en.js"></script>
|
||||
|
||||
<!-- the following script defines the Calendar.setup helper function, which makes
|
||||
adding a calendar a matter of 1 or 2 lines of code. -->
|
||||
<script type="text/javascript" src="calendar-setup.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h2>DHTML Calendar — for the impatient</h2>
|
||||
|
||||
<blockquote>
|
||||
<p>
|
||||
This page demonstrates how to setup a flat calendar. Examples of
|
||||
<em>popup</em> calendars are available in <a
|
||||
href="simple-1.html">another page</a>.
|
||||
</p>
|
||||
<p>
|
||||
The code in this page uses a helper function defined in
|
||||
"calendar-setup.js". With it you can setup the calendar in
|
||||
minutes. If you're not <em>that</em> impatient, ;-) <a
|
||||
href="doc/html/reference.html">complete documenation</a> is
|
||||
available.
|
||||
</p>
|
||||
</blockquote>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
<div style="float: right; margin-left: 1em; margin-bottom: 1em;"
|
||||
id="calendar-container"></div>
|
||||
|
||||
<script type="text/javascript">
|
||||
function dateChanged(calendar) {
|
||||
// Beware that this function is called even if the end-user only
|
||||
// changed the month/year. In order to determine if a date was
|
||||
// clicked you can use the dateClicked property of the calendar:
|
||||
if (calendar.dateClicked) {
|
||||
// OK, a date was clicked, redirect to /yyyy/mm/dd/index.php
|
||||
var y = calendar.date.getFullYear();
|
||||
var m = calendar.date.getMonth(); // integer, 0..11
|
||||
var d = calendar.date.getDate(); // integer, 1..31
|
||||
// redirect...
|
||||
window.location = "/" + y + "/" + m + "/" + d + "/index.php";
|
||||
}
|
||||
};
|
||||
|
||||
Calendar.setup(
|
||||
{
|
||||
flat : "calendar-container", // ID of the parent element
|
||||
flatCallback : dateChanged // our callback function
|
||||
}
|
||||
);
|
||||
</script>
|
||||
|
||||
<p>The positioning of the DIV that contains the calendar is entirely your
|
||||
job. For instance, the "calendar-container" DIV from this page has the
|
||||
following style: "float: right; margin-left: 1em; margin-bottom: 1em".</p>
|
||||
|
||||
<p>Following there is the code that has been used to create this calendar.
|
||||
You can find the full description of the <tt>Calendar.setup()</tt> function
|
||||
in the <a href="doc/html/reference.html">calendar documenation</a>.</p>
|
||||
|
||||
<pre
|
||||
><div style="float: right; margin-left: 1em; margin-bottom: 1em;"
|
||||
id="calendar-container"></div>
|
||||
|
||||
<script type="text/javascript">
|
||||
function dateChanged(calendar) {
|
||||
// Beware that this function is called even if the end-user only
|
||||
// changed the month/year. In order to determine if a date was
|
||||
// clicked you can use the dateClicked property of the calendar:
|
||||
if (calendar.dateClicked) {
|
||||
// OK, a date was clicked, redirect to /yyyy/mm/dd/index.php
|
||||
var y = calendar.date.getFullYear();
|
||||
var m = calendar.date.getMonth(); // integer, 0..11
|
||||
var d = calendar.date.getDate(); // integer, 1..31
|
||||
// redirect...
|
||||
window.location = "/" + y + "/" + m + "/" + d + "/index.php";
|
||||
}
|
||||
};
|
||||
|
||||
Calendar.setup(
|
||||
{
|
||||
flat : "calendar-container", // ID of the parent element
|
||||
flatCallback : dateChanged // our callback function
|
||||
}
|
||||
);
|
||||
</script></pre>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
130
www/extras/calendar/simple-3.html
Normal file
130
www/extras/calendar/simple-3.html
Normal file
|
|
@ -0,0 +1,130 @@
|
|||
<html style="background-color: buttonface; color: buttontext;">
|
||||
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/xml; charset=utf-8" />
|
||||
|
||||
<title>Simple calendar setup [flat calendar]</title>
|
||||
|
||||
<!-- calendar stylesheet -->
|
||||
<link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" />
|
||||
|
||||
<!-- main calendar program -->
|
||||
<script type="text/javascript" src="calendar.js"></script>
|
||||
|
||||
<!-- language for the calendar -->
|
||||
<script type="text/javascript" src="lang/calendar-en.js"></script>
|
||||
|
||||
<!-- the following script defines the Calendar.setup helper function, which makes
|
||||
adding a calendar a matter of 1 or 2 lines of code. -->
|
||||
<script type="text/javascript" src="calendar-setup.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
.special { background-color: #000; color: #fff; }
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h2>DHTML Calendar — for the impatient</h2>
|
||||
|
||||
<blockquote>
|
||||
<p>
|
||||
This page demonstrates how to setup a flat calendar. Examples of
|
||||
<em>popup</em> calendars are available in <a
|
||||
href="simple-1.html">another page</a>.
|
||||
</p>
|
||||
<p>
|
||||
The code in this page uses a helper function defined in
|
||||
"calendar-setup.js". With it you can setup the calendar in
|
||||
minutes. If you're not <em>that</em> impatient, ;-) <a
|
||||
href="doc/html/reference.html">complete documenation</a> is
|
||||
available.
|
||||
</p>
|
||||
</blockquote>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
<div style="float: right; margin-left: 1em; margin-bottom: 1em;"
|
||||
id="calendar-container"></div>
|
||||
|
||||
<script type="text/javascript">
|
||||
var SPECIAL_DAYS = {
|
||||
0 : [ 13, 24 ], // special days in January
|
||||
2 : [ 1, 6, 8, 12, 18 ], // special days in March
|
||||
8 : [ 21, 11 ] // special days in September
|
||||
};
|
||||
|
||||
function dateIsSpecial(year, month, day) {
|
||||
var m = SPECIAL_DAYS[month];
|
||||
if (!m) return false;
|
||||
for (var i in m) if (m[i] == day) return true;
|
||||
return false;
|
||||
};
|
||||
|
||||
function dateChanged(calendar) {
|
||||
// Beware that this function is called even if the end-user only
|
||||
// changed the month/year. In order to determine if a date was
|
||||
// clicked you can use the dateClicked property of the calendar:
|
||||
if (calendar.dateClicked) {
|
||||
// OK, a date was clicked, redirect to /yyyy/mm/dd/index.php
|
||||
var y = calendar.date.getFullYear();
|
||||
var m = calendar.date.getMonth(); // integer, 0..11
|
||||
var d = calendar.date.getDate(); // integer, 1..31
|
||||
// redirect...
|
||||
window.location = "/" + y + "/" + m + "/" + d + "/index.php";
|
||||
}
|
||||
};
|
||||
|
||||
Calendar.setup(
|
||||
{
|
||||
flat : "calendar-container", // ID of the parent element
|
||||
flatCallback : dateChanged, // our callback function
|
||||
dateStatusFunc : function(date, y, m, d) {
|
||||
if (dateIsSpecial(y, m, d)) return "special";
|
||||
else return false; // other dates are enabled
|
||||
// return true if you want to disable other dates
|
||||
}
|
||||
}
|
||||
);
|
||||
</script>
|
||||
|
||||
<p>The positioning of the DIV that contains the calendar is entirely your
|
||||
job. For instance, the "calendar-container" DIV from this page has the
|
||||
following style: "float: right; margin-left: 1em; margin-bottom: 1em".</p>
|
||||
|
||||
<p>Following there is the code that has been used to create this calendar.
|
||||
You can find the full description of the <tt>Calendar.setup()</tt> function
|
||||
in the <a href="doc/html/reference.html">calendar documenation</a>.</p>
|
||||
|
||||
<pre
|
||||
><div style="float: right; margin-left: 1em; margin-bottom: 1em;"
|
||||
id="calendar-container"></div>
|
||||
|
||||
<script type="text/javascript">
|
||||
function dateChanged(calendar) {
|
||||
// Beware that this function is called even if the end-user only
|
||||
// changed the month/year. In order to determine if a date was
|
||||
// clicked you can use the dateClicked property of the calendar:
|
||||
if (calendar.dateClicked) {
|
||||
// OK, a date was clicked, redirect to /yyyy/mm/dd/index.php
|
||||
var y = calendar.date.getFullYear();
|
||||
var m = calendar.date.getMonth(); // integer, 0..11
|
||||
var d = calendar.date.getDate(); // integer, 1..31
|
||||
// redirect...
|
||||
window.location = "/" + y + "/" + m + "/" + d + "/index.php";
|
||||
}
|
||||
};
|
||||
|
||||
Calendar.setup(
|
||||
{
|
||||
flat : "calendar-container", // ID of the parent element
|
||||
flatCallback : dateChanged // our callback function
|
||||
}
|
||||
);
|
||||
</script></pre>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
330
www/extras/calendar/simple-4.html
Normal file
330
www/extras/calendar/simple-4.html
Normal file
|
|
@ -0,0 +1,330 @@
|
|||
<html style="background-color: buttonface; color: buttontext;">
|
||||
|
||||
<head>
|
||||
|
||||
<title>Simple calendar setups [popup calendar]</title>
|
||||
|
||||
<!-- calendar stylesheet -->
|
||||
<link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" />
|
||||
|
||||
<!-- main calendar program -->
|
||||
<script type="text/javascript" src="calendar.js"></script>
|
||||
|
||||
<!-- language for the calendar -->
|
||||
<script type="text/javascript" src="lang/calendar-en.js"></script>
|
||||
|
||||
<!-- the following script defines the Calendar.setup helper function, which makes
|
||||
adding a calendar a matter of 1 or 2 lines of code. -->
|
||||
<script type="text/javascript" src="calendar-setup.js"></script>
|
||||
|
||||
<script language="JavaScript">
|
||||
function rightAlign(div,offset){
|
||||
if(typeof div=='string'){div=document.getElementById(div)}
|
||||
if(isNaN(offset)){offset=0}
|
||||
div.style.left=document.body.clientWidth-parseInt(div.offsetWidth)+offset;
|
||||
}
|
||||
function stretchRight(div,offset){
|
||||
if(typeof div=='string'){div=document.getElementById(div)}
|
||||
if(isNaN(offset)){offset=0}
|
||||
if(document.body.clientWidth-parseInt(div.offsetLeft)+offset>=0){
|
||||
div.style.width=document.body.clientWidth-parseInt(div.offsetLeft)+offset;
|
||||
}
|
||||
}
|
||||
function stretchBottom(div,offset){
|
||||
if(typeof div=='string'){div=document.getElementById(div)}
|
||||
if(isNaN(offset)){offset=0}
|
||||
if(document.body.clientHeight-parseInt(div.offsetTop)+offset>=0){
|
||||
div.style.height=document.body.clientHeight-parseInt(div.offsetTop)+offset;
|
||||
}
|
||||
}
|
||||
function toggleHelp(){
|
||||
dh=document.getElementById('divHelp');
|
||||
if(dh.style.visibility=='visible'){
|
||||
dh.style.visibility='hidden';
|
||||
stretchRight('divMenu');
|
||||
stretchRight('divContent');
|
||||
}else{
|
||||
rightAlign('divHelp');
|
||||
stretchRight('divMenu',-200);
|
||||
stretchRight('divContent',-200);
|
||||
dh.style.visibility='visible';
|
||||
}
|
||||
var txt = "<table>";
|
||||
var object = document.getElementById("divContent");
|
||||
for (var i in object) {
|
||||
switch (typeof object[i]) {
|
||||
case "string":
|
||||
case "number":
|
||||
if (i != "innerHTML")
|
||||
txt += "<tr><td>" + i + "</td><td>" + object[i] + "</td></tr>";
|
||||
break;
|
||||
}
|
||||
}
|
||||
dh.innerHTML = txt + "</table>";
|
||||
}
|
||||
function adjustDivs(){
|
||||
dh=document.getElementById('divHelp');
|
||||
if(dh.style.visibility=='visible'){
|
||||
rightAlign('divHelp');
|
||||
stretchRight('divMenu',-200);
|
||||
stretchRight('divContent',-200);
|
||||
}else{
|
||||
stretchRight('divMenu');
|
||||
stretchRight('divContent');
|
||||
}
|
||||
stretchBottom('divContent');
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
#divContent{
|
||||
position:absolute;
|
||||
width:100%;
|
||||
height:100%;
|
||||
overflow:auto;
|
||||
top: 30px;
|
||||
}
|
||||
#divMenu{
|
||||
position: absolute;
|
||||
left:0px;
|
||||
top:0px;
|
||||
text-align: right;
|
||||
background-color: #cccccc;
|
||||
width:100%;
|
||||
height:30px;
|
||||
}
|
||||
#divHelp{
|
||||
position:absolute;
|
||||
width:200px;
|
||||
height:100%;
|
||||
background-color:#ffffcc;
|
||||
visibility:hidden;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body scroll=no leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 onload="adjustDivs()" onresize="adjustDivs()">
|
||||
<div id="divMenu"><a href="javascript:void(0)" onclick="toggleHelp();return false">Toggle console</a></div>
|
||||
<div id="divContent">
|
||||
|
||||
<h2>DHTML Calendar — for the impatient</h2>
|
||||
|
||||
<blockquote>
|
||||
<p>
|
||||
This page lists some common setups for the popup calendar. In
|
||||
order to see how to do any of them please see the source of this
|
||||
page. For each example it's structured like this: there's the
|
||||
<form> that contains the input field, and following there is
|
||||
the JavaScript snippet that setups that form. An example of
|
||||
<em>flat</em> calendar is available in <a
|
||||
href="simple-2.html">another page</a>.
|
||||
</p>
|
||||
<p>
|
||||
The code in this page uses a helper function defined in
|
||||
"calendar-setup.js". With it you can setup the calendar in
|
||||
minutes. If you're not <em>that</em> impatient, ;-) <a
|
||||
href="doc/html/reference.html">complete documenation</a> is
|
||||
available.
|
||||
</p>
|
||||
</blockquote>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
<p><b>Basic setup: one input per calendar.</b> Clicking in the input field
|
||||
activates the calendar. The date format is "%m/%d/%Y %I:%M %p". The
|
||||
calendar defaults to "single-click mode".</p>
|
||||
|
||||
<p>The example below has been updated to show you how to create "linked"
|
||||
fields. Basically, when some field is filled with a date, the other
|
||||
is updated so that the difference between them remains one week. The
|
||||
property useful here is "onUpdate".</p>
|
||||
|
||||
<form action="#" method="get">
|
||||
<input type="text" name="date" id="f_date_a" />
|
||||
<input type="text" name="date" id="f_calcdate" />
|
||||
</form>
|
||||
|
||||
<script type="text/javascript">
|
||||
function catcalc(cal) {
|
||||
var date = cal.date;
|
||||
var time = date.getTime()
|
||||
// use the _other_ field
|
||||
var field = document.getElementById("f_calcdate");
|
||||
if (field == cal.params.inputField) {
|
||||
field = document.getElementById("f_date_a");
|
||||
time -= Date.WEEK; // substract one week
|
||||
} else {
|
||||
time += Date.WEEK; // add one week
|
||||
}
|
||||
var date2 = new Date(time);
|
||||
field.value = date2.print("%Y-%m-%d %H:%M");
|
||||
}
|
||||
Calendar.setup({
|
||||
inputField : "f_date_a", // id of the input field
|
||||
ifFormat : "%Y-%m-%d %H:%M", // format of the input field
|
||||
showsTime : true,
|
||||
timeFormat : "24",
|
||||
onUpdate : catcalc
|
||||
});
|
||||
Calendar.setup({
|
||||
inputField : "f_calcdate",
|
||||
ifFormat : "%Y-%m-%d %H:%M",
|
||||
showsTime : true,
|
||||
timeFormat : "24",
|
||||
onUpdate : catcalc
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
<p><b>Input field with a trigger button.</b> Clicking the button activates
|
||||
the calendar. Note that this one needs double-click (singleClick parameter
|
||||
is explicitely set to false).</p>
|
||||
|
||||
<form action="#" method="get">
|
||||
<input type="text" name="date" id="f_date_b" /><button type="reset" id="f_trigger_b">...</button>
|
||||
</form>
|
||||
|
||||
<script type="text/javascript">
|
||||
Calendar.setup({
|
||||
inputField : "f_date_b", // id of the input field
|
||||
ifFormat : "%m/%d/%Y %I:%M %p", // format of the input field
|
||||
showsTime : true, // will display a time selector
|
||||
button : "f_trigger_b", // trigger for the calendar (button ID)
|
||||
singleClick : false // double-click mode
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
<p><b>Input field with a trigger image.</b> Note that the Calendar.setup
|
||||
function doesn't care if the trigger is a button, image, or anything else.
|
||||
Also in this example we setup a different alignment, just to show how it's
|
||||
done. The input field is read-only (that is set from HTML).</p>
|
||||
|
||||
<form action="#" method="get">
|
||||
<table cellspacing="0" cellpadding="0" style="border-collapse: collapse"><tr>
|
||||
<td><input type="text" name="date" id="f_date_c" readonly="1" /></td>
|
||||
<td><img src="img.gif" id="f_trigger_c" style="cursor: pointer; border: 1px solid red;" title="Date selector"
|
||||
onmouseover="this.style.background='red';" onmouseout="this.style.background=''" /></td>
|
||||
</table>
|
||||
</form>
|
||||
|
||||
<script type="text/javascript">
|
||||
Calendar.setup({
|
||||
inputField : "f_date_c", // id of the input field
|
||||
ifFormat : "%B %e, %Y", // format of the input field
|
||||
button : "f_trigger_c", // trigger for the calendar (button ID)
|
||||
align : "Tl", // alignment (defaults to "Bl")
|
||||
singleClick : true
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
<p><b>Hidden field, display area.</b> The calendar now puts the date into 2
|
||||
elements: one is an input field of type "hidden"—so that the user
|
||||
can't directly see or modify it— and one is a <span> element in
|
||||
which the date is displayed. Note that if the trigger is not specified the
|
||||
calendar will use the displayArea (or inputField as in the first example).
|
||||
The display area can have it's own format. This is useful if, for instance,
|
||||
we need to store one format in the database (thus pass it in the input
|
||||
field) but we wanna show a friendlier format to the end-user.</p>
|
||||
|
||||
<form action="#" method="get" style="visibility: hidden">
|
||||
<input type="hidden" name="date" id="f_date_d" />
|
||||
</form>
|
||||
|
||||
<p>Your birthday:
|
||||
<span style="background-color: #ff8; cursor: default;"
|
||||
onmouseover="this.style.backgroundColor='#ff0';"
|
||||
onmouseout="this.style.backgroundColor='#ff8';"
|
||||
id="show_d"
|
||||
>Click to open date selector</span>.</p>
|
||||
|
||||
<script type="text/javascript">
|
||||
Calendar.setup({
|
||||
inputField : "f_date_d", // id of the input field
|
||||
ifFormat : "%Y/%d/%m", // format of the input field (even if hidden, this format will be honored)
|
||||
displayArea : "show_d", // ID of the span where the date is to be shown
|
||||
daFormat : "%A, %B %d, %Y",// format of the displayed date
|
||||
align : "Tl", // alignment (defaults to "Bl")
|
||||
singleClick : true
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
<p><b>Hidden field, display area, trigger image.</b> Very similar to the
|
||||
previous example. The difference is that we also have a trigger image.</p>
|
||||
|
||||
<form action="#" method="get" style="visibility: hidden">
|
||||
<input type="hidden" name="date" id="f_date_e" />
|
||||
</form>
|
||||
|
||||
<p>Your birthday: <span id="show_e">-- not entered --</span> <img
|
||||
src="img.gif" id="f_trigger_e" style="cursor: pointer; border: 1px solid
|
||||
red;" title="Date selector" onmouseover="this.style.background='red';"
|
||||
onmouseout="this.style.background=''" />.</p>
|
||||
|
||||
<script type="text/javascript">
|
||||
Calendar.setup({
|
||||
inputField : "f_date_e", // id of the input field
|
||||
ifFormat : "%Y/%d/%m", // format of the input field (even if hidden, this format will be honored)
|
||||
displayArea : "show_e", // ID of the span where the date is to be shown
|
||||
daFormat : "%A, %B %d, %Y",// format of the displayed date
|
||||
button : "f_trigger_e", // trigger button (well, IMG in our case)
|
||||
align : "Tl", // alignment (defaults to "Bl")
|
||||
singleClick : true
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
<p><b>Hidden field, display area.</b> Very much like the previous examples,
|
||||
but we now disable some dates (all weekends, that is, Saturdays and
|
||||
Sundays).</p>
|
||||
|
||||
<form action="#" method="get" style="visibility: hidden">
|
||||
<input type="hidden" name="date" id="f_date_f" />
|
||||
</form>
|
||||
|
||||
<p>Your birthday:
|
||||
<span style="background-color: #ff8; cursor: default;"
|
||||
onmouseover="this.style.backgroundColor='#ff0';"
|
||||
onmouseout="this.style.backgroundColor='#ff8';"
|
||||
id="show_f"
|
||||
>Click to open date selector</span>.</p>
|
||||
|
||||
<script type="text/javascript">
|
||||
Calendar.setup({
|
||||
inputField : "f_date_f", // id of the input field
|
||||
ifFormat : "%Y/%d/%m", // format of the input field (even if hidden, this format will be honored)
|
||||
displayArea : "show_f", // ID of the span where the date is to be shown
|
||||
daFormat : "%A, %B %d, %Y",// format of the displayed date
|
||||
align : "Tl", // alignment (defaults to "Bl")
|
||||
dateStatusFunc : function (date) { // disable weekend days (Saturdays == 6 and Subdays == 0)
|
||||
return (date.getDay() == 6 || date.getDay() == 0) ? true : false;
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<div id="divHelp">
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
279
www/extras/coolmenus/advanced_example1.html
Normal file
279
www/extras/coolmenus/advanced_example1.html
Normal file
|
|
@ -0,0 +1,279 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Coolmenus example - CoolMenus4 DHTML script made by Thomas Brattli from DHTMLCentral.com. Visit for more great scripts.</title>
|
||||
<style>
|
||||
/* DEFAULT STYLES ---- NEEEDED START */
|
||||
.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
|
||||
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
|
||||
/* DEFAULT STYLES ---- NEEEDED END */
|
||||
.clT,.clTover,.clS,.clSover,.clS2,.clS2over{position:absolute; width:120; font-family:arial,helvetica; cursor:pointer; cursor:hand; ;}
|
||||
.clT,.clTover{padding:4px; font-size:12px; font-weight:bold}
|
||||
.clS,.clSover{padding:2px; font-size:11px; font-weight:bold}
|
||||
.clS2,.clS2over{padding:2px; font-size:11px;}
|
||||
.clT,.clS,.clS2{color:#006699; background-color:#CDDBEB; layer-background-color:#CDDBEB;}
|
||||
.clTover{color:#FCCE55; background-color:#336699; layer-background-color:#336699;}
|
||||
.clSover{color:white; background-color:#339966; layer-background-color:#339966}
|
||||
.clS2{background-color:silver; width:230; layer-background-color:silver;}
|
||||
.clS2over{background-color:#00cccc; width:230; layer-background-color:#00cccc; color:black}
|
||||
.clStest{position:absolute; font-family:verdana; font-size:10px; color:red; layer-background-color:silver; background-color:silver;cursor:pointer; cursor:hand; }
|
||||
.clStestover{position:absolute; color:#ffff33; font-weight:bold; font-family:courier; layer-background-color:#00ccff; background-color:#00ccff; cursor:pointer; cursor:hand; }
|
||||
.clB1{position:absolute; layer-background-color:#ff9933; background-color:#ff9933; visibility:hidden}
|
||||
.clB2{position:absolute; layer-background-color:#996600; background-color:#996600; visibility:hidden}
|
||||
.clB3{position:absolute; layer-background-color:red; background-color:red; visibility:hidden}
|
||||
.clB{position:absolute; background-color:#336699; layer-background-color:#336699; visibility:hidden}
|
||||
.clBar{position:absolute; width:10; height:10; visibility:hidden; layer-background-color:#336699; background-color:#336699;}
|
||||
.clNoLink{position:absolute; font-family:arial,helvetica;}
|
||||
.clNoLink2{position:absolute; padding:2px; font-size:11px; color:#006699; layer-background-color:silver; background-color:silver; font-family:arial,helvetica;}
|
||||
.clNoLink3{position:absolute; background-color:#CDDBEB; layer-background-color:#CDDBEB; font-family:arial,helvetica;}
|
||||
</style>
|
||||
<script language="JavaScript1.2" src="coolmenus4.js">
|
||||
/*****************************************************************************
|
||||
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
|
||||
|
||||
DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
|
||||
Version 4.0_beta
|
||||
This script can be used freely as long as all copyright messages are
|
||||
intact.
|
||||
|
||||
Extra info - Coolmenus reference/help - Extra links to help files ****
|
||||
CSS help: http://192.168.1.31/projects/coolmenus/reference.asp?m=37
|
||||
General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35
|
||||
Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47
|
||||
Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48
|
||||
Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49
|
||||
Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50
|
||||
******************************************************************************/
|
||||
</script>
|
||||
<script language="JavaScript1.2" src="cm_addins.js">
|
||||
/*****************************************************************************
|
||||
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
|
||||
Coolmenus add-in file for more advanced featuers..
|
||||
******************************************************************************/
|
||||
</script>
|
||||
</head>
|
||||
<body topmargin=0 marginheight=0>
|
||||
|
||||
<script>
|
||||
/***
|
||||
This is the menu creation code - place it right after you body tag
|
||||
Feel free to add this to a stand-alone js file and link it to your page.
|
||||
**/
|
||||
|
||||
var oM=new makeCM("oM")
|
||||
oM.pxBetween =0
|
||||
oM.fromTop=180
|
||||
oM.fromLeft=10
|
||||
oM.menuPlacement="center"
|
||||
oM.wait=600
|
||||
oM.fillImg="cm_fill.gif"
|
||||
oM.zIndex=100
|
||||
oM.resizeCheck=1
|
||||
oM.zIndex=100
|
||||
|
||||
oM.onlineRoot=""
|
||||
oM.offlineRoot="file:///C|/myfiles/"
|
||||
|
||||
oM.rows=1
|
||||
|
||||
//Background bar properties
|
||||
oM.useBar=1
|
||||
oM.barWidth="100%"
|
||||
oM.barHeight="menu"
|
||||
oM.barX=0
|
||||
oM.barY="menu"
|
||||
oM.barClass="clBar"
|
||||
oM.barBorderX=0
|
||||
oM.barBorderY=2
|
||||
oM.barBorderClass="clB3"
|
||||
|
||||
|
||||
//Level properties
|
||||
//Syntax for fast creation (advanced users only)
|
||||
//oM.level[1]=new cm_makeLevel(width,height,regClass,overClass,borderX,borderY,borderClass,rows,align,offsetX,offsetY,arrow,arrowWidth,arrowHeight)
|
||||
|
||||
oM.level[0]=new cm_makeLevel()
|
||||
oM.level[0].width=120
|
||||
oM.level[0].height=20
|
||||
oM.level[0].regClass="clT"
|
||||
oM.level[0].overClass="clTover"
|
||||
oM.level[0].borderX=1
|
||||
oM.level[0].borderY=0
|
||||
oM.level[0].borderClass="clB2"
|
||||
oM.level[0].rows=0
|
||||
oM.level[0].align="bottom"
|
||||
oM.level[0].offsetX=0
|
||||
oM.level[0].offsetY=0
|
||||
oM.level[0].arrow=0
|
||||
oM.level[0].arrowWidth=0
|
||||
oM.level[0].arrowHeight=0
|
||||
|
||||
|
||||
oM.level[1]=new cm_makeLevel()
|
||||
oM.level[1].width=120
|
||||
oM.level[1].height=null
|
||||
oM.level[1].regClass="clS"
|
||||
oM.level[1].overClass="clSover"
|
||||
oM.level[1].borderX=1
|
||||
oM.level[1].borderY=10
|
||||
oM.level[1].borderClass="clB1"
|
||||
oM.level[1].align="bottomright"
|
||||
oM.level[1].rows=1
|
||||
oM.level[1].arrow="menu_arrow.gif"
|
||||
oM.level[1].arrowWidth=10
|
||||
oM.level[1].arrowHeight=10
|
||||
|
||||
oM.level[2]=new cm_makeLevel()
|
||||
oM.level[2].width=60
|
||||
oM.level[2].height=22
|
||||
oM.level[2].borderClass="clB3"
|
||||
oM.level[2].regClass="clS2"
|
||||
oM.level[2].borderX=3
|
||||
oM.level[2].borderY=1
|
||||
oM.level[2].rows=0
|
||||
oM.level[2].borderX=5
|
||||
oM.level[2].borderY=2
|
||||
oM.level[2].offsetX=0
|
||||
oM.level[2].offsetY=0
|
||||
oM.level[2].overClass="clS2over"
|
||||
oM.level[2].align="bottom"
|
||||
|
||||
//oM.level[1]=new cm_makeLevel(width,height,regClass,overClass,borderX,borderY,borderClass,rows,align,offsetX,offsetY,arrow,arrowWidth,arrowHeight)
|
||||
oM.level[3]=new cm_makeLevel(0,0,"","",3,3,"clB",0,"left")
|
||||
oM.level[3].filter="progid:DXImageTransform.Microsoft.Fade(duration=0.5)"
|
||||
|
||||
oM.level[4]=new cm_makeLevel(0,0,"","",3,3,"clB2",0,"left")
|
||||
oM.level[4].filter=""
|
||||
oM.level[4].slidepx=10
|
||||
|
||||
|
||||
oM.level[5]=new cm_makeLevel(0,0,"","",3,3,"clB2",0,"left")
|
||||
oM.level[5].slidepx=0
|
||||
oM.level[5].clippx=10
|
||||
|
||||
oM.level[6]=new cm_makeLevel(0,0,"","",3,3,"clB2",1,"right")
|
||||
oM.level[6].clippx=10
|
||||
oM.level[6].regClass="clS"
|
||||
oM.level[6].overClass="clSover"
|
||||
oM.level[6].border=null
|
||||
oM.level[6].borderClass="clB1"
|
||||
|
||||
oM.level[7]=new cm_makeLevel(0,0,"","",3,3,"clB2",1,"right")
|
||||
oM.level[7].clippx=10
|
||||
|
||||
/******************************************
|
||||
Menu item creation:
|
||||
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout)
|
||||
*************************************/
|
||||
oM.makeMenu('top0','','Align left','','',100,'','','','','',"left")
|
||||
oM.makeMenu('0sub10','top0','New scripts','script/index.asp?new=1','',110,20)
|
||||
oM.makeMenu('0sub11','top0','All scripts','script/index.asp','',110,30)
|
||||
oM.makeMenu('0sub13','top0','Sub columns<br>aligned bottom','','',110,80,'','','',0,'right')
|
||||
oM.makeMenu('','0sub13','Item')
|
||||
oM.makeMenu('','0sub13','Item')
|
||||
oM.makeMenu('0sub12','top0','Sub columns<br>aligned bottom','','',110,80,'','','',0,'right')
|
||||
oM.makeMenu('','0sub12','Item')
|
||||
oM.makeMenu('','0sub12','Item')
|
||||
oM.makeMenu('aa','0sub12','With subs aligned bottom','','',150)
|
||||
oM.makeMenu('','aa','Item')
|
||||
oM.makeMenu('tt','0sub12','Item')
|
||||
oM.makeMenu('','tt','Item')
|
||||
oM.makeMenu('kk','0sub12','Item')
|
||||
oM.makeMenu('','kk','Item')
|
||||
|
||||
oM.makeMenu('top1','','','','',100,0,'img1.gif','img1_on.gif','','',"bottom")
|
||||
oM.makeMenu('1sub10','top1','Different class','script/index.asp?new=1','',150,30,'','','clStest',"clStestover","right")
|
||||
oM.makeMenu('1sub11','top1','Different class','script/index.asp','',150,20,'','','clStest',"clStestover")
|
||||
oM.makeMenu('1sub12','top1','Regular','','',150,30)
|
||||
oM.makeMenu('1sub13','top1','Different class','script/index.asp','',150,30,'','','clStest',"clStestover")
|
||||
oM.makeMenu('1sub14','top1','Subs aligned left','','',150,20,'','','','','left')
|
||||
oM.makeMenu('','1sub14','Item')
|
||||
oM.makeMenu('bb','1sub14','Subs aligned top','','',150,0,'','','','','top')
|
||||
oM.makeMenu('','bb','Item')
|
||||
oM.makeMenu('','bb','Item')
|
||||
oM.makeMenu('','1sub14','Item')
|
||||
|
||||
|
||||
oM.makeMenu('top2','','Align top','','',100,0,'','','','',"top",0)
|
||||
oM.makeMenu('2sub12','top2','Columns<br>aligned<br>topleft','','',94,70,'','','','','topleft')
|
||||
oM.makeMenu('','2sub12','Item')
|
||||
oM.makeMenu('','2sub12','Item')
|
||||
oM.makeMenu('','2sub12','Item')
|
||||
oM.makeMenu('','2sub12','Item')
|
||||
oM.makeMenu('','2sub12','Item')
|
||||
oM.makeMenu('','2sub12','Item')
|
||||
oM.makeMenu('2sub10','top2','','','',94,20,'img_sub.gif','img_sub_on.gif')
|
||||
oM.makeMenu('2sub11','top2','All scripts','script/index.asp','',94,20)
|
||||
|
||||
oM.makeMenu('top3','','Align right','','',100,0,'','','','',"right")
|
||||
oM.makeMenu('3sub10','top3','No link item','','',150,30,'','','','','','',1)
|
||||
oM.makeMenu('3sub11','top3','Columns aligned bottom left','','',150,30,'','','','','bottomleft')
|
||||
oM.makeMenu('cc','3sub11','Align bottom','','',150,0,'','','','','bottom')
|
||||
oM.makeMenu('','cc','Item','','',150)
|
||||
oM.makeMenu('ff','cc','Align left with filter (ie only)<br>Go down for more add-in<br>effects','','',150,50,'','','','','left')
|
||||
oM.makeMenu('','ff','Item','','',130)
|
||||
oM.makeMenu('','ff','Item','','',130)
|
||||
oM.makeMenu('','ff','Item','','',130)
|
||||
oM.makeMenu('','ff','Item','','',130)
|
||||
oM.makeMenu('ee','ff','Align righttop with slide','','',130,0,'','','','','righttop')
|
||||
oM.makeMenu('','ee','Item','')
|
||||
oM.makeMenu('','ee','Nolink','','',0,0,'','','clNoLink2','','','',1)
|
||||
oM.makeMenu('','ee','Item','')
|
||||
oM.makeMenu('dd','ff','Align lefttop with slide','','',130,0,'','','','','lefttop')
|
||||
oM.makeMenu('','dd','Item','','',150)
|
||||
oM.makeMenu('','dd','Item','','',150)
|
||||
oM.makeMenu('gg','dd','Align bottom with clip','','',150,0,'','','','','bottom')
|
||||
oM.makeMenu('','gg','Item','','',150)
|
||||
oM.makeMenu('','gg','Item','','',150)
|
||||
oM.makeMenu('hh','gg','columns with clip','','',150,0)
|
||||
oM.makeMenu('','hh','Item','','',50)
|
||||
oM.makeMenu('','hh','Nolink','','',50,0,'','','clNoLink3','','','',1)
|
||||
oM.makeMenu('','hh','Item','','',50)
|
||||
oM.makeMenu('','hh','Item','','',50)
|
||||
oM.makeMenu('','3sub11','Item')
|
||||
oM.makeMenu('','3sub11','Item')
|
||||
oM.makeMenu('','3sub11','Item')
|
||||
oM.makeMenu('','3sub11','Item')
|
||||
|
||||
oM.construct()
|
||||
|
||||
|
||||
//Extra test code to customize the CoolMenus.
|
||||
var xx,yy
|
||||
oM.m["top0"].b.hideIt() //Hiding the first item.
|
||||
|
||||
function getCoords(e){
|
||||
xx=(bw.ns4 || bw.ns6)?e.pageX:event.x||event.clientX
|
||||
yy=(bw.ns4 || bw.ns6)?e.pageY:event.y||event.clientY
|
||||
}
|
||||
|
||||
//Capturing onmousemove event
|
||||
if(bw.ns4) document.captureEvents(Event.MOUSEMOVE)
|
||||
document.onmousemove=getCoords;
|
||||
</script>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<a href="#" onclick="oM.m['top0'].b.moveIt(xx,yy); oM.showsub('top0'); return false">Click me to show a menu</a>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
274
www/extras/coolmenus/advanced_example2.html
Normal file
274
www/extras/coolmenus/advanced_example2.html
Normal file
|
|
@ -0,0 +1,274 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Coolmenus example - CoolMenus4 DHTML script made by Thomas Brattli from DHTMLCentral.com. Visit for more great scripts.</title>
|
||||
<style>
|
||||
/* DEFAULT STYLES ---- NEEEDED START */
|
||||
.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
|
||||
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
|
||||
/* DEFAULT STYLES ---- NEEEDED END */
|
||||
.clT,.clTover,.clS,.clSover,.clS2,.clS2over{position:absolute; width:120; font-family:arial,helvetica; cursor:pointer; cursor:hand; ;}
|
||||
.clT,.clTover{padding:4px; font-size:12px; font-weight:bold}
|
||||
.clS,.clSover{padding:2px; font-size:11px; font-weight:bold}
|
||||
.clS2,.clS2over{padding:2px; font-size:11px;}
|
||||
.clT,.clS,.clS2{color:#006699; background-color:#CDDBEB; layer-background-color:#CDDBEB;}
|
||||
.clTover{color:#FCCE55; background-color:#336699; layer-background-color:#336699;}
|
||||
.clSover{color:white; background-color:#339966; layer-background-color:#339966}
|
||||
.clS2{background-color:silver; width:230; layer-background-color:silver;}
|
||||
.clS2over{background-color:#00cccc; width:230; layer-background-color:#00cccc; color:black}
|
||||
.clStest{position:absolute; font-family:verdana; font-size:10px; color:red; layer-background-color:silver; background-color:silver;cursor:pointer; cursor:hand; }
|
||||
.clStestover{position:absolute; color:#ffff33; font-weight:bold; font-family:courier; layer-background-color:#00ccff; background-color:#00ccff; cursor:pointer; cursor:hand; }
|
||||
.clB1{position:absolute; layer-background-color:#ff9933; background-color:#ff9933; visibility:hidden}
|
||||
.clB2{position:absolute; layer-background-color:#996600; background-color:#996600; visibility:hidden}
|
||||
.clB3{position:absolute; layer-background-color:red; background-color:red; visibility:hidden}
|
||||
.clB{position:absolute; background-color:#336699; layer-background-color:#336699; visibility:hidden}
|
||||
.clBar{position:absolute; width:10; height:10; visibility:hidden; layer-background-color:#336699; background-color:#336699;}
|
||||
.clNoLink{position:absolute; font-family:arial,helvetica;}
|
||||
.clNoLink2{position:absolute; padding:2px; font-size:11px; color:#006699; layer-background-color:silver; background-color:silver; font-family:arial,helvetica;}
|
||||
.clNoLink3{position:absolute; background-color:#CDDBEB; layer-background-color:#CDDBEB; font-family:arial,helvetica;}
|
||||
</style>
|
||||
<script language="JavaScript1.2" src="coolmenus4.js">
|
||||
/*****************************************************************************
|
||||
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
|
||||
|
||||
DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
|
||||
Version 4.0_beta
|
||||
This script can be used freely as long as all copyright messages are
|
||||
intact.
|
||||
|
||||
Extra info - Coolmenus reference/help - Extra links to help files ****
|
||||
CSS help: http://192.168.1.31/projects/coolmenus/reference.asp?m=37
|
||||
General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35
|
||||
Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47
|
||||
Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48
|
||||
Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49
|
||||
Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50
|
||||
******************************************************************************/
|
||||
</script>
|
||||
<script language="JavaScript1.2" src="cm_addins.js">
|
||||
/*****************************************************************************
|
||||
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
|
||||
Coolmenus add-in file for more advanced featuers..
|
||||
******************************************************************************/
|
||||
</script>
|
||||
</head>
|
||||
<body topmargin=0 marginheight=0>
|
||||
|
||||
<script>
|
||||
/***
|
||||
This is the menu creation code - place it right after you body tag
|
||||
Feel free to add this to a stand-alone js file and link it to your page.
|
||||
**/
|
||||
|
||||
var oM=new makeCM("oM")
|
||||
oM.pxBetween =0
|
||||
oM.fromTop=180
|
||||
oM.fromLeft=10
|
||||
oM.menuPlacement="center"
|
||||
oM.wait=600
|
||||
oM.fillImg="cm_fill.gif"
|
||||
oM.zIndex=100
|
||||
oM.resizeCheck=1
|
||||
oM.zIndex=100
|
||||
|
||||
oM.onlineRoot=""
|
||||
oM.offlineRoot="file:///C|/myfiles/"
|
||||
|
||||
oM.rows=1
|
||||
|
||||
//Background bar properties
|
||||
oM.useBar=0
|
||||
oM.barWidth="100%"
|
||||
oM.barHeight="menu"
|
||||
oM.barX=0
|
||||
oM.barY="menu"
|
||||
oM.barClass="clBar"
|
||||
oM.barBorderX=0
|
||||
oM.barBorderY=2
|
||||
oM.barBorderClass="clB3"
|
||||
|
||||
|
||||
//Level properties
|
||||
//Syntax for fast creation (advanced users only)
|
||||
//oM.level[1]=new cm_makeLevel(width,height,regClass,overClass,borderX,borderY,borderClass,rows,align,offsetX,offsetY,arrow,arrowWidth,arrowHeight)
|
||||
|
||||
oM.level[0]=new cm_makeLevel()
|
||||
oM.level[0].width=120
|
||||
oM.level[0].height=20
|
||||
oM.level[0].regClass="clT"
|
||||
oM.level[0].overClass="clTover"
|
||||
oM.level[0].borderX=1
|
||||
oM.level[0].borderY=5
|
||||
oM.level[0].borderClass="clB2"
|
||||
oM.level[0].rows=0
|
||||
oM.level[0].align="bottom"
|
||||
oM.level[0].offsetX=0
|
||||
oM.level[0].offsetY=0
|
||||
oM.level[0].arrow=0
|
||||
oM.level[0].arrowWidth=0
|
||||
oM.level[0].arrowHeight=0
|
||||
|
||||
|
||||
oM.level[1]=new cm_makeLevel()
|
||||
oM.level[1].width=120
|
||||
oM.level[1].height=null
|
||||
oM.level[1].regClass="clS"
|
||||
oM.level[1].overClass="clSover"
|
||||
oM.level[1].borderX=1
|
||||
oM.level[1].borderY=10
|
||||
oM.level[1].borderClass="clB1"
|
||||
oM.level[1].align="bottomright"
|
||||
oM.level[1].rows=1
|
||||
oM.level[1].arrow="menu_arrow.gif"
|
||||
oM.level[1].arrowWidth=10
|
||||
oM.level[1].arrowHeight=10
|
||||
|
||||
oM.level[2]=new cm_makeLevel()
|
||||
oM.level[2].width=60
|
||||
oM.level[2].height=22
|
||||
oM.level[2].borderClass="clB3"
|
||||
oM.level[2].regClass="clS2"
|
||||
oM.level[2].borderX=3
|
||||
oM.level[2].borderY=1
|
||||
oM.level[2].rows=0
|
||||
oM.level[2].borderX=5
|
||||
oM.level[2].borderY=2
|
||||
oM.level[2].offsetX=0
|
||||
oM.level[2].offsetY=0
|
||||
oM.level[2].overClass="clS2over"
|
||||
oM.level[2].align="bottom"
|
||||
|
||||
//oM.level[1]=new cm_makeLevel(width,height,regClass,overClass,borderX,borderY,borderClass,rows,align,offsetX,offsetY,arrow,arrowWidth,arrowHeight)
|
||||
oM.level[3]=new cm_makeLevel(0,0,"","",3,3,"clB",0,"left")
|
||||
oM.level[3].filter="progid:DXImageTransform.Microsoft.Fade(duration=0.5)"
|
||||
|
||||
oM.level[4]=new cm_makeLevel(0,0,"","",3,3,"clB2",0,"left")
|
||||
oM.level[4].filter=""
|
||||
oM.level[4].slidepx=10
|
||||
|
||||
|
||||
oM.level[5]=new cm_makeLevel(0,0,"","",3,3,"clB2",0,"left")
|
||||
oM.level[5].slidepx=0
|
||||
oM.level[5].clippx=10
|
||||
|
||||
oM.level[6]=new cm_makeLevel(0,0,"","",3,3,"clB2",1,"right")
|
||||
oM.level[6].clippx=10
|
||||
oM.level[6].regClass="clS"
|
||||
oM.level[6].overClass="clSover"
|
||||
oM.level[6].border=null
|
||||
oM.level[6].borderClass="clB1"
|
||||
|
||||
oM.level[7]=new cm_makeLevel(0,0,"","",3,3,"clB2",1,"right")
|
||||
oM.level[7].clippx=10
|
||||
|
||||
/******************************************
|
||||
Menu item creation:
|
||||
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout)
|
||||
*************************************/
|
||||
oM.makeMenu('top0','','Align left','','',100,'','','','','',"left")
|
||||
oM.makeMenu('0sub10','top0','New scripts','script/index.asp?new=1','',110,20)
|
||||
oM.makeMenu('0sub11','top0','All scripts','script/index.asp','',110,30)
|
||||
oM.makeMenu('0sub13','top0','Sub columns<br>aligned bottom','','',110,80,'','','',0,'right')
|
||||
oM.makeMenu('','0sub13','Item')
|
||||
oM.makeMenu('','0sub13','Item')
|
||||
oM.makeMenu('0sub12','top0','Sub columns<br>aligned bottom','','',110,80,'','','',0,'right')
|
||||
oM.makeMenu('','0sub12','Item')
|
||||
oM.makeMenu('','0sub12','Item')
|
||||
oM.makeMenu('aa','0sub12','With subs aligned bottom','','',150)
|
||||
oM.makeMenu('','aa','Item')
|
||||
oM.makeMenu('tt','0sub12','Item')
|
||||
oM.makeMenu('','tt','Item')
|
||||
oM.makeMenu('kk','0sub12','Item')
|
||||
oM.makeMenu('','kk','Item')
|
||||
|
||||
oM.makeMenu('top1','','','','',100,0,'img1.gif','img1_on.gif','','',"bottom")
|
||||
oM.makeMenu('1sub10','top1','Different class','script/index.asp?new=1','',150,30,'','','clStest',"clStestover","right")
|
||||
oM.makeMenu('1sub11','top1','Different class','script/index.asp','',150,20,'','','clStest',"clStestover")
|
||||
oM.makeMenu('1sub12','top1','Regular','','',150,30)
|
||||
oM.makeMenu('1sub13','top1','Different class','script/index.asp','',150,30,'','','clStest',"clStestover")
|
||||
oM.makeMenu('1sub14','top1','Subs aligned left','','',150,20,'','','','','left')
|
||||
oM.makeMenu('','1sub14','Item')
|
||||
oM.makeMenu('bb','1sub14','Subs aligned top','','',150,0,'','','','','top')
|
||||
oM.makeMenu('','bb','Item')
|
||||
oM.makeMenu('','bb','Item')
|
||||
oM.makeMenu('','1sub14','Item')
|
||||
|
||||
|
||||
oM.makeMenu('top2','','Align top','','',100,0,'','','','',"top",0)
|
||||
oM.makeMenu('2sub12','top2','Columns<br>aligned<br>topleft','','',94,70,'','','','','topleft')
|
||||
oM.makeMenu('','2sub12','Item')
|
||||
oM.makeMenu('','2sub12','Item')
|
||||
oM.makeMenu('','2sub12','Item')
|
||||
oM.makeMenu('','2sub12','Item')
|
||||
oM.makeMenu('','2sub12','Item')
|
||||
oM.makeMenu('','2sub12','Item')
|
||||
oM.makeMenu('2sub10','top2','','','',94,20,'img_sub.gif','img_sub_on.gif')
|
||||
oM.makeMenu('2sub11','top2','All scripts','script/index.asp','',94,20)
|
||||
|
||||
oM.makeMenu('top3','','Align right','','',100,0,'','','','',"right")
|
||||
oM.makeMenu('3sub10','top3','No link item','','',150,30,'','','','','','',1)
|
||||
oM.makeMenu('3sub11','top3','Columns aligned bottom left','','',150,30,'','','','','bottomleft')
|
||||
oM.makeMenu('cc','3sub11','Align bottom','','',150,0,'','','','','bottom')
|
||||
oM.makeMenu('','cc','Item','','',150)
|
||||
oM.makeMenu('ff','cc','Align left with filter (ie only)<br>Go down for more add-in<br>effects','','',150,50,'','','','','left')
|
||||
oM.makeMenu('','ff','Item','','',130)
|
||||
oM.makeMenu('','ff','Item','','',130)
|
||||
oM.makeMenu('','ff','Item','','',130)
|
||||
oM.makeMenu('','ff','Item','','',130)
|
||||
oM.makeMenu('ee','ff','Align righttop with slide','','',130,0,'','','','','righttop')
|
||||
oM.makeMenu('','ee','Item','')
|
||||
oM.makeMenu('','ee','Nolink','','',0,0,'','','clNoLink2','','','',1)
|
||||
oM.makeMenu('','ee','Item','')
|
||||
oM.makeMenu('dd','ff','Align lefttop with slide','','',130,0,'','','','','lefttop')
|
||||
oM.makeMenu('','dd','Item','','',150)
|
||||
oM.makeMenu('','dd','Item','','',150)
|
||||
oM.makeMenu('gg','dd','Align bottom with clip','','',150,0,'','','','','bottom')
|
||||
oM.makeMenu('','gg','Item','','',150)
|
||||
oM.makeMenu('','gg','Item','','',150)
|
||||
oM.makeMenu('hh','gg','columns with clip','','',150,0)
|
||||
oM.makeMenu('','hh','Item','','',50)
|
||||
oM.makeMenu('','hh','Nolink','','',50,0,'','','clNoLink3','','','',1)
|
||||
oM.makeMenu('','hh','Item','','',50)
|
||||
oM.makeMenu('','hh','Item','','',50)
|
||||
oM.makeMenu('','3sub11','Item')
|
||||
oM.makeMenu('','3sub11','Item')
|
||||
oM.makeMenu('','3sub11','Item')
|
||||
oM.makeMenu('','3sub11','Item')
|
||||
|
||||
oM.construct()
|
||||
|
||||
|
||||
//Extra test code to customize the CoolMenus - moving the items to totally different positions:
|
||||
oM.m["top0"].b.moveIt(100,100)
|
||||
oM.m["top1"].b.moveIt(50,50)
|
||||
oM.m["top2"].b.moveIt(cmpage.x2-150,cmpage.y2-100)
|
||||
oM.m["top3"].b.moveIt(500,200)
|
||||
|
||||
|
||||
</script>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<a href="#" onclick="oM.m['top0'].b.moveIt(xx,yy); oM.showsub('top0'); return false">Click me to show a menu</a>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
253
www/extras/coolmenus/advanced_example3.html
Normal file
253
www/extras/coolmenus/advanced_example3.html
Normal file
|
|
@ -0,0 +1,253 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Coolmenus example - CoolMenus4 DHTML script made by Thomas Brattli from DHTMLCentral.com. Visit for more great scripts.</title>
|
||||
<style>
|
||||
/* DEFAULT STYLES ---- NEEEDED START */
|
||||
.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
|
||||
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
|
||||
/* DEFAULT STYLES ---- NEEEDED END */
|
||||
.clT,.clTover,.clS,.clSover,.clS2,.clS2over{position:absolute; width:120; font-family:arial,helvetica; cursor:pointer; cursor:hand; ;}
|
||||
.clT,.clTover{padding:4px; font-size:12px; font-weight:bold}
|
||||
.clS,.clSover{padding:2px; font-size:11px; font-weight:bold}
|
||||
.clS2,.clS2over{padding:2px; font-size:11px;}
|
||||
.clT,.clS,.clS2{color:#006699; background-color:#CDDBEB; layer-background-color:#CDDBEB;}
|
||||
.clTover{color:#FCCE55; background-color:#336699; layer-background-color:#336699;}
|
||||
.clSover{color:white; background-color:#339966; layer-background-color:#339966}
|
||||
.clS2{background-color:silver; width:230; layer-background-color:silver;}
|
||||
.clS2over{background-color:#00cccc; width:230; layer-background-color:#00cccc; color:black}
|
||||
.clStest{position:absolute; font-family:verdana; font-size:10px; color:red; layer-background-color:silver; background-color:silver;cursor:pointer; cursor:hand; }
|
||||
.clStestover{position:absolute; color:#ffff33; font-weight:bold; font-family:courier; layer-background-color:#00ccff; background-color:#00ccff; cursor:pointer; cursor:hand; }
|
||||
.clB1{position:absolute; layer-background-color:#ff9933; background-color:#ff9933; visibility:hidden}
|
||||
.clB2{position:absolute; layer-background-color:#996600; background-color:#996600; visibility:hidden}
|
||||
.clB3{position:absolute; layer-background-color:red; background-color:red; visibility:hidden}
|
||||
.clB{position:absolute; background-color:#336699; layer-background-color:#336699; visibility:hidden}
|
||||
.clBar{position:absolute; width:10; height:10; visibility:hidden; layer-background-color:#336699; background-color:#336699;}
|
||||
.clNoLink{position:absolute; font-family:arial,helvetica;}
|
||||
.clNoLink2{position:absolute; padding:2px; font-size:11px; color:#006699; layer-background-color:silver; background-color:silver; font-family:arial,helvetica;}
|
||||
.clNoLink3{position:absolute; background-color:#CDDBEB; layer-background-color:#CDDBEB; font-family:arial,helvetica;}
|
||||
</style>
|
||||
<script language="JavaScript1.2" src="coolmenus4.js">
|
||||
/*****************************************************************************
|
||||
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
|
||||
|
||||
DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
|
||||
Version 4.0_beta
|
||||
This script can be used freely as long as all copyright messages are
|
||||
intact.
|
||||
|
||||
Extra info - Coolmenus reference/help - Extra links to help files ****
|
||||
CSS help: http://192.168.1.31/projects/coolmenus/reference.asp?m=37
|
||||
General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35
|
||||
Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47
|
||||
Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48
|
||||
Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49
|
||||
Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50
|
||||
******************************************************************************/
|
||||
</script>
|
||||
<script language="JavaScript1.2" src="cm_addins.js">
|
||||
/*****************************************************************************
|
||||
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
|
||||
Coolmenus add-in file for more advanced featuers..
|
||||
******************************************************************************/
|
||||
</script>
|
||||
</head>
|
||||
<body topmargin=0 marginheight=0>
|
||||
|
||||
<script>
|
||||
/***
|
||||
This is the menu creation code - place it right after you body tag
|
||||
Feel free to add this to a stand-alone js file and link it to your page.
|
||||
**/
|
||||
|
||||
var oM=new makeCM("oM")
|
||||
oM.pxBetween =0
|
||||
oM.fromTop=280
|
||||
oM.fromLeft=10
|
||||
oM.menuPlacement="center"
|
||||
oM.wait=600
|
||||
oM.fillImg="cm_fill.gif"
|
||||
oM.zIndex=100
|
||||
oM.resizeCheck=1
|
||||
oM.zIndex=100
|
||||
|
||||
oM.onlineRoot=""
|
||||
oM.offlineRoot="file:///C|/myfiles/"
|
||||
|
||||
oM.rows=1
|
||||
|
||||
//Background bar properties
|
||||
oM.useBar=0
|
||||
oM.barWidth="100%"
|
||||
oM.barHeight="menu"
|
||||
oM.barX=0
|
||||
oM.barY="menu"
|
||||
oM.barClass="clBar"
|
||||
oM.barBorderX=0
|
||||
oM.barBorderY=2
|
||||
oM.barBorderClass="clB3"
|
||||
|
||||
|
||||
//Level properties
|
||||
//Syntax for fast creation (advanced users only)
|
||||
//oM.level[1]=new cm_makeLevel(width,height,regClass,overClass,borderX,borderY,borderClass,rows,align,offsetX,offsetY,arrow,arrowWidth,arrowHeight)
|
||||
|
||||
oM.level[0]=new cm_makeLevel()
|
||||
oM.level[0].width=120
|
||||
oM.level[0].height=20
|
||||
oM.level[0].regClass="clT"
|
||||
oM.level[0].overClass="clTover"
|
||||
oM.level[0].borderX=1
|
||||
oM.level[0].borderY=5
|
||||
oM.level[0].borderClass="clB2"
|
||||
oM.level[0].rows=0
|
||||
oM.level[0].align="bottom"
|
||||
oM.level[0].offsetX=0
|
||||
oM.level[0].offsetY=0
|
||||
oM.level[0].arrow=0
|
||||
oM.level[0].arrowWidth=0
|
||||
oM.level[0].arrowHeight=0
|
||||
|
||||
|
||||
oM.level[1]=new cm_makeLevel()
|
||||
oM.level[1].width=120
|
||||
oM.level[1].height=null
|
||||
oM.level[1].regClass="clS"
|
||||
oM.level[1].overClass="clSover"
|
||||
oM.level[1].borderX=1
|
||||
oM.level[1].borderY=10
|
||||
oM.level[1].borderClass="clB1"
|
||||
oM.level[1].align="bottomright"
|
||||
oM.level[1].rows=1
|
||||
oM.level[1].arrow="menu_arrow.gif"
|
||||
oM.level[1].arrowWidth=10
|
||||
oM.level[1].arrowHeight=10
|
||||
|
||||
oM.level[2]=new cm_makeLevel()
|
||||
oM.level[2].width=60
|
||||
oM.level[2].height=22
|
||||
oM.level[2].borderClass="clB3"
|
||||
oM.level[2].regClass="clS2"
|
||||
oM.level[2].borderX=3
|
||||
oM.level[2].borderY=1
|
||||
oM.level[2].rows=0
|
||||
oM.level[2].borderX=5
|
||||
oM.level[2].borderY=2
|
||||
oM.level[2].offsetX=0
|
||||
oM.level[2].offsetY=0
|
||||
oM.level[2].overClass="clS2over"
|
||||
oM.level[2].align="bottom"
|
||||
|
||||
//oM.level[1]=new cm_makeLevel(width,height,regClass,overClass,borderX,borderY,borderClass,rows,align,offsetX,offsetY,arrow,arrowWidth,arrowHeight)
|
||||
oM.level[3]=new cm_makeLevel(0,0,"","",3,3,"clB",0,"left")
|
||||
oM.level[3].filter="progid:DXImageTransform.Microsoft.Fade(duration=0.5)"
|
||||
|
||||
oM.level[4]=new cm_makeLevel(0,0,"","",3,3,"clB2",0,"left")
|
||||
oM.level[4].filter=""
|
||||
oM.level[4].slidepx=10
|
||||
|
||||
|
||||
oM.level[5]=new cm_makeLevel(0,0,"","",3,3,"clB2",0,"left")
|
||||
oM.level[5].slidepx=0
|
||||
oM.level[5].clippx=10
|
||||
|
||||
oM.level[6]=new cm_makeLevel(0,0,"","",3,3,"clB2",1,"right")
|
||||
oM.level[6].clippx=10
|
||||
oM.level[6].regClass="clS"
|
||||
oM.level[6].overClass="clSover"
|
||||
oM.level[6].border=null
|
||||
oM.level[6].borderClass="clB1"
|
||||
|
||||
oM.level[7]=new cm_makeLevel(0,0,"","",3,3,"clB2",1,"right")
|
||||
oM.level[7].clippx=10
|
||||
|
||||
/******************************************
|
||||
Menu item creation:
|
||||
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout)
|
||||
*************************************/
|
||||
oM.makeMenu('top0','','Align left','','',100,'','','','','',"left")
|
||||
oM.makeMenu('0sub10','top0','New scripts','script/index.asp?new=1','',110,20)
|
||||
oM.makeMenu('0sub11','top0','All scripts','script/index.asp','',110,30)
|
||||
oM.makeMenu('0sub13','top0','Sub columns<br>aligned bottom','','',110,80,'','','',0,'right')
|
||||
oM.makeMenu('','0sub13','Item')
|
||||
oM.makeMenu('','0sub13','Item')
|
||||
oM.makeMenu('0sub12','top0','Sub columns<br>aligned bottom','','',110,80,'','','',0,'right')
|
||||
oM.makeMenu('','0sub12','Item')
|
||||
oM.makeMenu('','0sub12','Item')
|
||||
oM.makeMenu('aa','0sub12','With subs aligned bottom','','',150)
|
||||
oM.makeMenu('','aa','Item')
|
||||
oM.makeMenu('tt','0sub12','Item')
|
||||
oM.makeMenu('','tt','Item')
|
||||
oM.makeMenu('kk','0sub12','Item')
|
||||
oM.makeMenu('','kk','Item')
|
||||
|
||||
oM.makeMenu('top1','','','','',100,0,'img1.gif','img1_on.gif','','',"bottom")
|
||||
oM.makeMenu('1sub10','top1','Different class','script/index.asp?new=1','',150,30,'','','clStest',"clStestover","right")
|
||||
oM.makeMenu('1sub11','top1','Different class','script/index.asp','',150,20,'','','clStest',"clStestover")
|
||||
oM.makeMenu('1sub12','top1','Regular','','',150,30)
|
||||
oM.makeMenu('1sub13','top1','Different class','script/index.asp','',150,30,'','','clStest',"clStestover")
|
||||
|
||||
|
||||
oM.makeMenu('top2','','Align top','','',100,0,'','','','',"top",0)
|
||||
oM.makeMenu('2sub12','top2','Columns<br>aligned<br>topleft','','',94,70,'','','','','topleft')
|
||||
oM.makeMenu('','2sub12','Item')
|
||||
oM.makeMenu('','2sub12','Item')
|
||||
oM.makeMenu('','2sub12','Item')
|
||||
oM.makeMenu('','2sub12','Item')
|
||||
oM.makeMenu('','2sub12','Item')
|
||||
oM.makeMenu('','2sub12','Item')
|
||||
oM.makeMenu('2sub10','top2','','','',94,20,'img_sub.gif','img_sub_on.gif')
|
||||
oM.makeMenu('2sub11','top2','All scripts','script/index.asp','',94,20)
|
||||
|
||||
oM.makeMenu('top3','','Align right','','',100,0,'','','','',"right")
|
||||
oM.makeMenu('3sub10','top3','No link item','','',150,30,'','','','','','',1)
|
||||
oM.makeMenu('3sub11','top3','Columns aligned bottom left','','',150,30,'','','','','bottomleft')
|
||||
oM.makeMenu('cc','3sub11','Align bottom','','',150,0,'','','','','bottom')
|
||||
oM.makeMenu('','cc','Item','','',150)
|
||||
oM.makeMenu('ff','cc','Align left with filter (ie only)<br>Go down for more add-in<br>effects','','',150,50,'','','','','left')
|
||||
oM.makeMenu('','ff','Item','','',130)
|
||||
oM.makeMenu('','ff','Item','','',130)
|
||||
oM.makeMenu('','ff','Item','','',130)
|
||||
oM.makeMenu('','ff','Item','','',130)
|
||||
oM.makeMenu('ee','ff','Align righttop with slide','','',130,0,'','','','','righttop')
|
||||
oM.makeMenu('','ee','Item','')
|
||||
oM.makeMenu('','ee','Nolink','','',0,0,'','','clNoLink2','','','',1)
|
||||
oM.makeMenu('','ee','Item','')
|
||||
oM.makeMenu('dd','ff','Align lefttop with slide','','',130,0,'','','','','lefttop')
|
||||
oM.makeMenu('','dd','Item','','',150)
|
||||
oM.makeMenu('','dd','Item','','',150)
|
||||
oM.makeMenu('gg','dd','Align bottom with clip','','',150,0,'','','','','bottom')
|
||||
oM.makeMenu('','gg','Item','','',150)
|
||||
oM.makeMenu('','gg','Item','','',150)
|
||||
oM.makeMenu('hh','gg','columns with clip','','',150,0)
|
||||
oM.makeMenu('','hh','Item','','',50)
|
||||
oM.makeMenu('','hh','Nolink','','',50,0,'','','clNoLink3','','','',1)
|
||||
oM.makeMenu('','hh','Item','','',50)
|
||||
oM.makeMenu('','hh','Item','','',50)
|
||||
oM.makeMenu('','3sub11','Item')
|
||||
oM.makeMenu('','3sub11','Item')
|
||||
oM.makeMenu('','3sub11','Item')
|
||||
oM.makeMenu('','3sub11','Item')
|
||||
|
||||
oM.construct()
|
||||
|
||||
|
||||
</script>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
Change alignment of the first menu:<br>
|
||||
<a href="#" onclick="oM.m['top0'].subx=0; oM.m['top0'].align=cm_checkalign('bottom'); return false">bottom</a>
|
||||
<a href="#" onclick="oM.m['top0'].subx=0; oM.m['top0'].align=cm_checkalign('top'); return false">top</a>
|
||||
<br>
|
||||
<br>
|
||||
Change the rows of the second item:<br>
|
||||
<a href="#" onclick="oM.m['top1'].subx=0; oM.m['top1'].rows=1; return false">On</a>
|
||||
<a href="#" onclick="oM.m['top1'].subx=0; oM.m['top1'].rows=0; return false">Off</a>
|
||||
|
||||
<!-- We have to set the subx to zero because if now it try and use the last created coords -->
|
||||
</body>
|
||||
</html>
|
||||
270
www/extras/coolmenus/advanced_example4.html
Normal file
270
www/extras/coolmenus/advanced_example4.html
Normal file
|
|
@ -0,0 +1,270 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Coolmenus example - CoolMenus4 DHTML script made by Thomas Brattli from DHTMLCentral.com. Visit for more great scripts.</title>
|
||||
<style>
|
||||
/* DEFAULT STYLES ---- NEEEDED START */
|
||||
.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
|
||||
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
|
||||
/* DEFAULT STYLES ---- NEEEDED END */
|
||||
.clT,.clTover,.clS,.clSover,.clS2,.clS2over{position:absolute; width:120; font-family:arial,helvetica; cursor:pointer; cursor:hand; ;}
|
||||
.clT,.clTover{padding:4px; font-size:12px; font-weight:bold}
|
||||
.clS,.clSover{padding:2px; font-size:11px; font-weight:bold}
|
||||
.clS2,.clS2over{padding:2px; font-size:11px;}
|
||||
.clT,.clS,.clS2{color:#006699; background-color:#CDDBEB; layer-background-color:#CDDBEB;}
|
||||
.clTover{color:#FCCE55; background-color:#336699; layer-background-color:#336699;}
|
||||
.clSover{color:white; background-color:#339966; layer-background-color:#339966}
|
||||
.clS2{background-color:silver; width:230; layer-background-color:silver;}
|
||||
.clS2over{background-color:#00cccc; width:230; layer-background-color:#00cccc; color:black}
|
||||
.clStest{position:absolute; font-family:verdana; font-size:10px; color:red; layer-background-color:silver; background-color:silver;cursor:pointer; cursor:hand; }
|
||||
.clStestover{position:absolute; color:#ffff33; font-weight:bold; font-family:courier; layer-background-color:#00ccff; background-color:#00ccff; cursor:pointer; cursor:hand; }
|
||||
.clB1{position:absolute; layer-background-color:#ff9933; background-color:#ff9933; visibility:hidden}
|
||||
.clB2{position:absolute; layer-background-color:#996600; background-color:#996600; visibility:hidden}
|
||||
.clB3{position:absolute; layer-background-color:red; background-color:red; visibility:hidden}
|
||||
.clB{position:absolute; background-color:#336699; layer-background-color:#336699; visibility:hidden}
|
||||
.clBar{position:absolute; width:10; height:10; visibility:hidden; layer-background-color:#336699; background-color:#336699;}
|
||||
.clNoLink{position:absolute; font-family:arial,helvetica;}
|
||||
.clNoLink2{position:absolute; padding:2px; font-size:11px; color:#006699; layer-background-color:silver; background-color:silver; font-family:arial,helvetica;}
|
||||
.clNoLink3{position:absolute; background-color:#CDDBEB; layer-background-color:#CDDBEB; font-family:arial,helvetica;}
|
||||
</style>
|
||||
<script language="JavaScript1.2" src="coolmenus4.js">
|
||||
/*****************************************************************************
|
||||
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
|
||||
|
||||
DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
|
||||
Version 4.0_beta
|
||||
This script can be used freely as long as all copyright messages are
|
||||
intact.
|
||||
|
||||
Extra info - Coolmenus reference/help - Extra links to help files ****
|
||||
CSS help: http://192.168.1.31/projects/coolmenus/reference.asp?m=37
|
||||
General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35
|
||||
Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47
|
||||
Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48
|
||||
Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49
|
||||
Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50
|
||||
******************************************************************************/
|
||||
</script>
|
||||
<script language="JavaScript1.2" src="cm_addins.js">
|
||||
/*****************************************************************************
|
||||
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
|
||||
Coolmenus add-in file for more advanced featuers..
|
||||
******************************************************************************/
|
||||
</script>
|
||||
</head>
|
||||
<body topmargin=0 marginheight=0>
|
||||
|
||||
<script>
|
||||
/***
|
||||
This is the menu creation code - place it right after you body tag
|
||||
Feel free to add this to a stand-alone js file and link it to your page.
|
||||
**/
|
||||
|
||||
var oM=new makeCM("oM")
|
||||
oM.pxBetween =0
|
||||
oM.fromTop=0
|
||||
oM.fromLeft=10
|
||||
oM.menuPlacement="center"
|
||||
oM.wait=600
|
||||
oM.fillImg="cm_fill.gif"
|
||||
oM.zIndex=100
|
||||
oM.resizeCheck=1
|
||||
oM.zIndex=100
|
||||
|
||||
oM.onlineRoot=""
|
||||
oM.offlineRoot="file:///C|/myfiles/"
|
||||
|
||||
oM.rows=1
|
||||
|
||||
//Background bar properties
|
||||
oM.useBar=1
|
||||
oM.barWidth="100%"
|
||||
oM.barHeight="menu"
|
||||
oM.barX=0
|
||||
oM.barY="menu"
|
||||
oM.barClass="clBar"
|
||||
oM.barBorderX=0
|
||||
oM.barBorderY=2
|
||||
oM.barBorderClass="clB3"
|
||||
|
||||
|
||||
//Level properties
|
||||
//Syntax for fast creation (advanced users only)
|
||||
//oM.level[1]=new cm_makeLevel(width,height,regClass,overClass,borderX,borderY,borderClass,rows,align,offsetX,offsetY,arrow,arrowWidth,arrowHeight)
|
||||
|
||||
oM.level[0]=new cm_makeLevel()
|
||||
oM.level[0].width=120
|
||||
oM.level[0].height=20
|
||||
oM.level[0].regClass="clT"
|
||||
oM.level[0].overClass="clTover"
|
||||
oM.level[0].borderX=1
|
||||
oM.level[0].borderY=0
|
||||
oM.level[0].borderClass="clB2"
|
||||
oM.level[0].rows=0
|
||||
oM.level[0].align="bottom"
|
||||
oM.level[0].offsetX=0
|
||||
oM.level[0].offsetY=0
|
||||
oM.level[0].arrow=0
|
||||
oM.level[0].arrowWidth=0
|
||||
oM.level[0].arrowHeight=0
|
||||
|
||||
|
||||
oM.level[1]=new cm_makeLevel()
|
||||
oM.level[1].width=120
|
||||
oM.level[1].height=null
|
||||
oM.level[1].regClass="clS"
|
||||
oM.level[1].overClass="clSover"
|
||||
oM.level[1].borderX=1
|
||||
oM.level[1].borderY=10
|
||||
oM.level[1].borderClass="clB1"
|
||||
oM.level[1].align="bottomright"
|
||||
oM.level[1].rows=1
|
||||
oM.level[1].arrow="menu_arrow.gif"
|
||||
oM.level[1].arrowWidth=10
|
||||
oM.level[1].arrowHeight=10
|
||||
|
||||
oM.level[2]=new cm_makeLevel()
|
||||
oM.level[2].width=60
|
||||
oM.level[2].height=22
|
||||
oM.level[2].borderClass="clB3"
|
||||
oM.level[2].regClass="clS2"
|
||||
oM.level[2].borderX=3
|
||||
oM.level[2].borderY=1
|
||||
oM.level[2].rows=0
|
||||
oM.level[2].borderX=5
|
||||
oM.level[2].borderY=2
|
||||
oM.level[2].offsetX=0
|
||||
oM.level[2].offsetY=0
|
||||
oM.level[2].overClass="clS2over"
|
||||
oM.level[2].align="bottom"
|
||||
|
||||
|
||||
//oM.level[1]=new cm_makeLevel(width,height,regClass,overClass,borderX,borderY,borderClass,rows,align,offsetX,offsetY,arrow,arrowWidth,arrowHeight)
|
||||
oM.level[3]=new cm_makeLevel(0,0,"","",3,3,"clB",0,"left")
|
||||
oM.level[3].filter="progid:DXImageTransform.Microsoft.Fade(duration=0.5)"
|
||||
|
||||
oM.level[4]=new cm_makeLevel(0,0,"","",3,3,"clB2",0,"left")
|
||||
oM.level[4].filter=""
|
||||
oM.level[4].slidepx=10
|
||||
|
||||
|
||||
oM.level[5]=new cm_makeLevel(0,0,"","",3,3,"clB2",0,"left")
|
||||
oM.level[5].slidepx=0
|
||||
oM.level[5].clippx=10
|
||||
|
||||
oM.level[6]=new cm_makeLevel(0,0,"","",3,3,"clB2",1,"right")
|
||||
oM.level[6].clippx=10
|
||||
oM.level[6].regClass="clS"
|
||||
oM.level[6].overClass="clSover"
|
||||
oM.level[6].border=null
|
||||
oM.level[6].borderClass="clB1"
|
||||
|
||||
oM.level[7]=new cm_makeLevel(0,0,"","",3,3,"clB2",1,"right")
|
||||
oM.level[7].clippx=10
|
||||
|
||||
/******************************************
|
||||
Menu item creation:
|
||||
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout)
|
||||
*************************************/
|
||||
oM.makeMenu('top0','','Align left','other_tests/test.html','',100,'','','','','',"left")
|
||||
oM.makeMenu('0sub10','top0','New scripts','test.html','',110,20)
|
||||
oM.makeMenu('0sub11','top0','All scripts','script/index.asp','',110,30)
|
||||
oM.makeMenu('0sub13','top0','Sub columns<br>aligned bottom','','',110,80,'','','',0,'right')
|
||||
oM.makeMenu('','0sub13','Item')
|
||||
oM.makeMenu('','0sub13','Item')
|
||||
oM.makeMenu('0sub12','top0','Sub columns<br>aligned bottom','','',110,80,'','','',0,'right')
|
||||
oM.makeMenu('','0sub12','Item')
|
||||
oM.makeMenu('','0sub12','Item')
|
||||
oM.makeMenu('aa','0sub12','With subs aligned bottom','','',150)
|
||||
oM.makeMenu('','aa','Item')
|
||||
oM.makeMenu('tt','0sub12','Item')
|
||||
oM.makeMenu('','tt','Item')
|
||||
oM.makeMenu('kk','0sub12','Item')
|
||||
oM.makeMenu('','kk','Item')
|
||||
|
||||
oM.makeMenu('top1','','','','',100,0,'img1.gif','img1_on.gif','','',"bottom")
|
||||
oM.makeMenu('1sub10','top1','Different class','script/index.asp?new=1','',150,30,'','','clStest',"clStestover","right")
|
||||
oM.makeMenu('1sub11','top1','Different class','script/index.asp','',150,20,'','','clStest',"clStestover")
|
||||
oM.makeMenu('1sub12','top1','Regular','','',150,30)
|
||||
oM.makeMenu('1sub13','top1','Different class','script/index.asp','',150,30,'','','clStest',"clStestover")
|
||||
oM.makeMenu('1sub14','top1','Subs aligned left','','',150,20,'','','','','left')
|
||||
oM.makeMenu('','1sub14','Item')
|
||||
oM.makeMenu('bb','1sub14','Subs aligned top','','',150,0,'','','','','top')
|
||||
oM.makeMenu('','bb','Item')
|
||||
oM.makeMenu('','bb','Item')
|
||||
oM.makeMenu('','1sub14','Item')
|
||||
|
||||
|
||||
oM.makeMenu('top2','','Align top','','',100,0,'','','','',"top",0)
|
||||
oM.makeMenu('2sub12','top2','Columns<br>aligned<br>topleft','','',94,70,'','','','','topleft')
|
||||
oM.makeMenu('','2sub12','Item')
|
||||
oM.makeMenu('','2sub12','Item')
|
||||
oM.makeMenu('','2sub12','Item')
|
||||
oM.makeMenu('','2sub12','Item')
|
||||
oM.makeMenu('','2sub12','Item')
|
||||
oM.makeMenu('','2sub12','Item')
|
||||
oM.makeMenu('2sub10','top2','','','',94,20,'img_sub.gif','img_sub_on.gif')
|
||||
oM.makeMenu('2sub11','top2','All scripts','script/index.asp','',94,20)
|
||||
|
||||
oM.makeMenu('top3','','Align right','','',100,0,'','','','',"right")
|
||||
oM.makeMenu('3sub10','top3','No link item','','',150,30,'','','','','','',1)
|
||||
oM.makeMenu('3sub11','top3','Columns aligned bottom left','','',150,30,'','','','','bottomleft')
|
||||
oM.makeMenu('cc','3sub11','Align bottom','','',150,0,'','','','','bottom')
|
||||
oM.makeMenu('','cc','Item','','',150)
|
||||
oM.makeMenu('ff','cc','Align left with filter (ie only)<br>Go down for more add-in<br>effects','','',150,50,'','','','','left')
|
||||
oM.makeMenu('','ff','Item','','',130)
|
||||
oM.makeMenu('','ff','Item','','',130)
|
||||
oM.makeMenu('','ff','Item','','',130)
|
||||
oM.makeMenu('','ff','Item','','',130)
|
||||
oM.makeMenu('ee','ff','Align righttop with slide','','',130,0,'','','','','righttop')
|
||||
oM.makeMenu('','ee','Item','')
|
||||
oM.makeMenu('','ee','Nolink','','',0,0,'','','clNoLink2','','','',1)
|
||||
oM.makeMenu('','ee','Item','')
|
||||
oM.makeMenu('dd','ff','Align lefttop with slide','','',130,0,'','','','','lefttop')
|
||||
oM.makeMenu('','dd','Item','','',150)
|
||||
oM.makeMenu('','dd','Item','','',150)
|
||||
oM.makeMenu('gg','dd','Align bottom with clip','','',150,0,'','','','','bottom')
|
||||
oM.makeMenu('','gg','Item','','',150)
|
||||
oM.makeMenu('','gg','Item','','',150)
|
||||
oM.makeMenu('hh','gg','columns with clip','','',150,0)
|
||||
oM.makeMenu('','hh','Item','','',50)
|
||||
oM.makeMenu('','hh','Nolink','','',50,0,'','','clNoLink3','','','',1)
|
||||
oM.makeMenu('','hh','Item','','',50)
|
||||
oM.makeMenu('','hh','Item','','',50)
|
||||
oM.makeMenu('','3sub11','Item')
|
||||
oM.makeMenu('','3sub11','Item')
|
||||
oM.makeMenu('','3sub11','Item')
|
||||
oM.makeMenu('','3sub11','Item')
|
||||
|
||||
oM.construct()
|
||||
|
||||
|
||||
</script>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
Hide subs example:<br>
|
||||
<a href="#" onclick="oM.m['0sub10'].hide=1">Turn of sub "0sub10" - oM.m['0sub10'].hide=1</a>
|
||||
<br>
|
||||
<a href="#" onclick="oM.m['0sub10'].hide=0">Turn on sub "0sub10" - oM.m['0sub10'].hide=0</a>
|
||||
<br>
|
||||
<a href="#" onclick="oM.m['0sub11'].hide=1">Turn of sub "0sub11" - oM.m['0sub11'].hide=1</a>
|
||||
<br>
|
||||
<a href="#" onclick="oM.m['0sub11'].hide=0">Turn on sub "0sub11" - oM.m['0sub11'].hide=0</a>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
167
www/extras/coolmenus/advanced_exampleDTD.html
Normal file
167
www/extras/coolmenus/advanced_exampleDTD.html
Normal file
|
|
@ -0,0 +1,167 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
|
||||
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
|
||||
<head>
|
||||
<title>Coolmenus example - CoolMenus4 DHTML script made by Thomas Brattli from DHTMLCentral.com. Visit for more great scripts.</title>
|
||||
<style type="text/css">
|
||||
.clCMEvent{position:absolute; width:99%; height:99%; left:0px; top:0px; visibility:visible}
|
||||
.clCMAbs{position:absolute; visibility:hidden; left:0px; top:0px}
|
||||
.clT,.clTover{position:absolute; padding:4px; font-size:12px; font-weight:bold; width:120px; font-family:arial,helvetica,serif; cursor:pointer;}
|
||||
.clT{color:#006699; background-color:#CDDBEB;}
|
||||
.clTover{color:#FCCE55; background-color:#336699;}
|
||||
.clB{position:absolute; color:#FFFFFF; background-color: #ff0000; visibility:hidden}
|
||||
.clB1{position:absolute; color:#FFFFFF; background-color: #996600; visibility:hidden}
|
||||
.clBar{position:absolute; color:#FFFFFF; width:10px; height:10px; visibility:hidden; background-color: #336699;}
|
||||
</style>
|
||||
<script src="coolmenus4.js" type="text/javascript">
|
||||
/*****************************************************************************
|
||||
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
|
||||
|
||||
DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
|
||||
Version 4.0_beta
|
||||
This script can be used freely as long as all copyright messages are
|
||||
intact.
|
||||
|
||||
Extra info - Coolmenus reference/help - Extra links to help files ****
|
||||
CSS help: http://192.168.1.31/projects/coolmenus/reference.asp?m=37
|
||||
General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35
|
||||
Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47
|
||||
Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48
|
||||
Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49
|
||||
Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50
|
||||
******************************************************************************/
|
||||
</script>
|
||||
<script src="cm_addins.js" type="text/javascript">
|
||||
/*****************************************************************************
|
||||
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
|
||||
Coolmenus add-in file for more advanced featuers..
|
||||
******************************************************************************/
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script type="text/javascript">
|
||||
/***
|
||||
This is the menu creation code - place it right after you body tag
|
||||
Feel free to add this to a stand-alone js file and link it to your page.
|
||||
**/
|
||||
|
||||
//Setting IE5.5 and IE6 to use dom creation for standard compatability - though you don't really need to
|
||||
//bw.usedom=bw.ns6||bw.ie6||bw.ie55
|
||||
|
||||
var oM=new makeCM("oM")
|
||||
oM.pxBetween =0
|
||||
oM.fromTop=0
|
||||
oM.fromLeft=10
|
||||
oM.menuPlacement="center"
|
||||
oM.wait=600
|
||||
oM.fillImg="cm_fill.gif"
|
||||
oM.zIndex=100
|
||||
oM.resizeCheck=1
|
||||
oM.zIndex=100
|
||||
|
||||
oM.onlineRoot=""
|
||||
oM.offlineRoot="file:///C|/myfiles/"
|
||||
|
||||
oM.rows=1
|
||||
|
||||
//Background bar properties
|
||||
oM.useBar=1
|
||||
oM.barWidth="100%"
|
||||
oM.barHeight="menu"
|
||||
oM.barX=0
|
||||
oM.barY="menu"
|
||||
oM.barClass="clBar"
|
||||
oM.barBorderX=0
|
||||
oM.barBorderY=2
|
||||
oM.barBorderClass="clB1"
|
||||
|
||||
|
||||
//Level properties
|
||||
//Syntax for fast creation (advanced users only)
|
||||
//oM.level[1]=new cm_makeLevel(width,height,regClass,overClass,borderX,borderY,borderClass,rows,align,offsetX,offsetY,arrow,arrowWidth,arrowHeight)
|
||||
|
||||
oM.level[0]=new cm_makeLevel()
|
||||
oM.level[0].width=120
|
||||
oM.level[0].height=20
|
||||
oM.level[0].regClass="clT"
|
||||
oM.level[0].overClass="clTover"
|
||||
oM.level[0].borderX=1
|
||||
oM.level[0].borderY=1
|
||||
oM.level[0].borderClass="clB"
|
||||
oM.level[0].rows=0
|
||||
oM.level[0].align="bottom"
|
||||
oM.level[0].offsetX=0
|
||||
oM.level[0].offsetY=0
|
||||
oM.level[0].arrow="menu_arrow.gif"
|
||||
oM.level[0].arrowWidth=10
|
||||
oM.level[0].arrowHeight=10
|
||||
|
||||
|
||||
/******************************************
|
||||
Menu item creation:
|
||||
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout)
|
||||
*************************************/
|
||||
oM.makeMenu('top0','','Align left','other_tests/test.html','',100)
|
||||
oM.makeMenu('0sub10','top0','New scripts','test.html','',110,20)
|
||||
oM.makeMenu('0sub11','top0','All scripts','script/index.asp','',110,30)
|
||||
oM.makeMenu('0sub13','top0','Sub columns','','',110,80,'','','',0,'right')
|
||||
oM.makeMenu('','0sub13','Item')
|
||||
oM.makeMenu('','0sub13','Item')
|
||||
|
||||
|
||||
oM.makeMenu('top1','','','','',100,0,'img1.gif','img1_on.gif')
|
||||
oM.makeMenu('1sub10','top1','Different class','script/index.asp?new=1','',150,30)
|
||||
oM.makeMenu('1sub11','top1','Different class','script/index.asp','',150,20)
|
||||
oM.makeMenu('1sub12','top1','Regular','','',150,30)
|
||||
oM.makeMenu('1sub13','top1','Different class','script/index.asp')
|
||||
oM.makeMenu('1sub14','top1','Subs','','',150,20)
|
||||
oM.makeMenu('','1sub14','Item')
|
||||
oM.makeMenu('bb','1sub14','Subs aligned top')
|
||||
oM.makeMenu('','bb','Item')
|
||||
oM.makeMenu('','bb','Item')
|
||||
oM.makeMenu('','1sub14','Item')
|
||||
|
||||
oM.construct()
|
||||
|
||||
|
||||
function loopNodes(){
|
||||
|
||||
}
|
||||
</script>
|
||||
<p>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
|
||||
Small example using a "proper" xhtml DTD.
|
||||
<br />
|
||||
<br />
|
||||
This will work in all browsers but NS4 will not show a proper background-color because of the missing layer-background-color
|
||||
in the stylesheet.
|
||||
<br />
|
||||
<br />
|
||||
The output for NS4 will not validate because of the name attribute added to images, but then again NS4 is the only
|
||||
browser that will see that (NS4 also writes all tags upper-case when you use document.write). You
|
||||
can see the NS4 output <a href="html/ns4_DTD_output.html">here</a>.
|
||||
<br />
|
||||
<br />
|
||||
The output for Opera will not validate either because I have to use border="0" on the image tags. You can
|
||||
see the Opera output <a href="html/opera_DTD_output.html">here</a>
|
||||
<br />
|
||||
<br />
|
||||
The output for IE4 and IE5 (and IE5.5 and IE6 if you don't use dom creation) will validate.
|
||||
You can see the output <a href="html/ie_DTD_output.html">here</a>
|
||||
<br />
|
||||
<br />
|
||||
The output for the DOM browsers is a little worse to display. But if your using mozilla you can try the dom
|
||||
inspector on this page.
|
||||
<br />
|
||||
<br />
|
||||
You have to view source on the source pages to see the actual output. The script creation is removed so
|
||||
the pages will not work.
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
272
www/extras/coolmenus/asp-example/jscript.asp
Normal file
272
www/extras/coolmenus/asp-example/jscript.asp
Normal file
|
|
@ -0,0 +1,272 @@
|
|||
<%@LANGUAGE = "JAVASCRIPT"%>
|
||||
<html>
|
||||
<head>
|
||||
<title>ASP example</title>
|
||||
<style>
|
||||
BODY{
|
||||
font-family:arial,helvetica;
|
||||
font-size:12px;
|
||||
}
|
||||
code,pre{
|
||||
color:red;
|
||||
}
|
||||
/* CoolMenus 4 - default styles - do not edit */
|
||||
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
|
||||
/* CoolMenus 4 - default styles - end */
|
||||
|
||||
/*Style for the background-bar*/
|
||||
.clBar{position:absolute; width:10; height:10; background-color:Navy; layer-background-color:Navy; visibility:hidden}
|
||||
|
||||
/*Styles for level 0*/
|
||||
.clLevel0,.clLevel0over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:12px; font-weight:bold}
|
||||
.clLevel0{background-color:Navy; layer-background-color:Navy; color:white;}
|
||||
.clLevel0over{background-color:#336699; layer-background-color:#336699; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.clLevel0border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
|
||||
/*Styles for level 1*/
|
||||
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:tahoma, arial,helvetica; font-size:11px; font-weight:bold}
|
||||
.clLevel1{background-color:Navy; layer-background-color:Navy; color:white;}
|
||||
.clLevel1over{background-color:#336699; layer-background-color:#336699; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.clLevel1border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
|
||||
/*Styles for level 2*/
|
||||
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:bold}
|
||||
.clLevel2{background-color:Navy; layer-background-color:Navy; color:white;}
|
||||
.clLevel2over{background-color:#0099cc; layer-background-color:#0099cc; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.clLevel2border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
</style>
|
||||
<script language="JavaScript1.2" src="../coolmenus4.js">
|
||||
/*****************************************************************************
|
||||
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
|
||||
|
||||
DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
|
||||
Version 4.0_beta
|
||||
This script can be used freely as long as all copyright messages are
|
||||
intact.
|
||||
|
||||
Extra info - Coolmenus reference/help - Extra links to help files ****
|
||||
CSS help: http://192.168.1.31/projects/coolmenus/reference.asp?m=37
|
||||
General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35
|
||||
Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47
|
||||
Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48
|
||||
Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49
|
||||
Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50
|
||||
******************************************************************************/
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
/***
|
||||
This is the menu creation code - place it right after you body tag
|
||||
Feel free to add this to a stand-alone js file and link it to your page.
|
||||
**/
|
||||
|
||||
//Menu object creation
|
||||
oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname
|
||||
|
||||
//Menu properties
|
||||
oCMenu.pxBetween=30
|
||||
oCMenu.fromLeft=20
|
||||
oCMenu.fromTop=0
|
||||
oCMenu.rows=1
|
||||
oCMenu.menuPlacement="center"
|
||||
|
||||
oCMenu.offlineRoot="file:///C|/Inetpub/wwwroot/dhtmlcentral/"
|
||||
oCMenu.onlineRoot="/coolmenus/"
|
||||
oCMenu.resizeCheck=1
|
||||
oCMenu.wait=1000
|
||||
oCMenu.fillImg="cm_fill.gif"
|
||||
oCMenu.zIndex=0
|
||||
|
||||
//Background bar properties
|
||||
oCMenu.useBar=1
|
||||
oCMenu.barWidth="100%"
|
||||
oCMenu.barHeight="menu"
|
||||
oCMenu.barClass="clBar"
|
||||
oCMenu.barX=0
|
||||
oCMenu.barY=0
|
||||
oCMenu.barBorderX=0
|
||||
oCMenu.barBorderY=0
|
||||
oCMenu.barBorderClass=""
|
||||
|
||||
//Level properties - ALL properties have to be spesified in level 0
|
||||
oCMenu.level[0]=new cm_makeLevel() //Add this for each new level
|
||||
oCMenu.level[0].width=110
|
||||
oCMenu.level[0].height=25
|
||||
oCMenu.level[0].regClass="clLevel0"
|
||||
oCMenu.level[0].overClass="clLevel0over"
|
||||
oCMenu.level[0].borderX=1
|
||||
oCMenu.level[0].borderY=1
|
||||
oCMenu.level[0].borderClass="clLevel0border"
|
||||
oCMenu.level[0].offsetX=0
|
||||
oCMenu.level[0].offsetY=0
|
||||
oCMenu.level[0].rows=0
|
||||
oCMenu.level[0].arrow=0
|
||||
oCMenu.level[0].arrowWidth=0
|
||||
oCMenu.level[0].arrowHeight=0
|
||||
oCMenu.level[0].align="bottom"
|
||||
|
||||
|
||||
//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
|
||||
oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
|
||||
oCMenu.level[1].width=oCMenu.level[0].width-2
|
||||
oCMenu.level[1].height=22
|
||||
oCMenu.level[1].regClass="clLevel1"
|
||||
oCMenu.level[1].overClass="clLevel1over"
|
||||
oCMenu.level[1].borderX=1
|
||||
oCMenu.level[1].borderY=1
|
||||
oCMenu.level[1].align="right"
|
||||
oCMenu.level[1].offsetX=-(oCMenu.level[0].width-2)/2+20
|
||||
oCMenu.level[1].offsetY=0
|
||||
oCMenu.level[1].borderClass="clLevel1border"
|
||||
|
||||
|
||||
//EXAMPLE SUB LEVEL[2] PROPERTIES - You have to spesify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this
|
||||
oCMenu.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number)
|
||||
oCMenu.level[2].width=150
|
||||
oCMenu.level[2].height=20
|
||||
oCMenu.level[2].offsetX=0
|
||||
oCMenu.level[2].offsetY=0
|
||||
oCMenu.level[2].regClass="clLevel2"
|
||||
oCMenu.level[2].overClass="clLevel2over"
|
||||
oCMenu.level[2].borderClass="clLevel2border"
|
||||
|
||||
|
||||
/******************************************
|
||||
Menu item creation:
|
||||
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout)
|
||||
*************************************/
|
||||
|
||||
<%
|
||||
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
||||
ASP CODE START - READING ITEMS FROM THE DATABASE
|
||||
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
|
||||
function readItemsFromDatabase(){
|
||||
//The path to your database:
|
||||
var db ="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" + Server.MapPath("menu.mdb")
|
||||
|
||||
var q = "SELECT menuID,mName,mLink,parent from tblMenu ORDER BY parent,menuID ASC"
|
||||
|
||||
var rs=Server.CreateObject("ADODB.Recordset")
|
||||
rs.CacheSize = 25; // Cache data fetching
|
||||
rs.CursorType = 3
|
||||
rs.LockType = 3
|
||||
|
||||
//Opening database --- --
|
||||
rs.Open(q,db)
|
||||
|
||||
//Now using getRows because that's so sexy :}
|
||||
if(!rs.EOF){
|
||||
var rsarr = rs.GetRows();
|
||||
rsarr = rsarr.toArray();
|
||||
var cols= rs.Fields.Count //Setting how much to add to row each for
|
||||
}else var rsarr=new Array()
|
||||
|
||||
//Closing database, we don't need it anymore - we have the info in the array
|
||||
rs.close()
|
||||
rs = null
|
||||
|
||||
var menuID,mName,mLink,parent
|
||||
|
||||
for(row=0;row<rsarr.length;row+=cols){ //Looping rows
|
||||
//Setting variables
|
||||
menuID = "m" + rsarr[row]
|
||||
mName = rsarr[row+1]
|
||||
mLink = String(rsarr[row+2])
|
||||
if(mLink=="null") mLink=""
|
||||
parent = rsarr[row+3]
|
||||
if(parent!=0) parent = "m" + parent
|
||||
else parent=""
|
||||
//Making menu item
|
||||
Response.write("oCMenu.makeMenu('"+menuID+"','"+parent+"','"+mName+"','"+mLink+"')\n")
|
||||
}
|
||||
}
|
||||
//Calling function
|
||||
readItemsFromDatabase()
|
||||
|
||||
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
||||
ASP CODE END - READING ITEMS FROM THE DATABASE
|
||||
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
|
||||
%>
|
||||
|
||||
//Leave this line - it constructs the menu
|
||||
oCMenu.construct()
|
||||
</script>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
This file is a simple example of how to get items from a access database. I code ASP with javascript so the example
|
||||
is in javascript. I will make a more advances example later. The table consist of 4 simple columns:
|
||||
<br>
|
||||
<br>
|
||||
<code>menuID</code> - Autonumber - the id of the menuitem.<br>
|
||||
<code>mName</code> - String - The menu name<br>
|
||||
<code>mLink</code> - String - The link<br>
|
||||
<code>parent</code> - Number - a recursive relation to menuID.<br>
|
||||
<br>
|
||||
<br>
|
||||
This can rather easily be converted to control the entire menu and by adding a server-side admin *anyone* could
|
||||
easily change the menu. The new menumaker that I will hopefully soon have time
|
||||
to make will probably use something like this.
|
||||
<br>
|
||||
<br>
|
||||
On this site I use a similar approuch, the only difference is that I make a js file everytime I update, that way
|
||||
I don't have to get the items from the database on every visit. I will try and make an example like that as well later.
|
||||
<br>
|
||||
<br>
|
||||
|
||||
ASP source-code:
|
||||
<pre>
|
||||
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
||||
ASP CODE START - READING ITEMS FROM THE DATABASE
|
||||
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
|
||||
function readItemsFromDatabase(){
|
||||
//The path to your database:
|
||||
var db ="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" + Server.MapPath("menu.mdb")
|
||||
|
||||
var q = "SELECT menuID,mName,mLink,parent from tblMenu ORDER BY parent,menuID ASC"
|
||||
|
||||
var rs=Server.CreateObject("ADODB.Recordset")
|
||||
rs.CacheSize = 25; // Cache data fetching
|
||||
rs.CursorType = 3
|
||||
rs.LockType = 3
|
||||
|
||||
//Opening database --- --
|
||||
rs.Open(q,db)
|
||||
|
||||
//Now using getRows because that's so sexy :}
|
||||
if(!rs.EOF){
|
||||
var rsarr = rs.GetRows();
|
||||
rsarr = rsarr.toArray();
|
||||
var cols= rs.Fields.Count //Setting how much to add to row each for
|
||||
}else var rsarr=new Array()
|
||||
|
||||
//Closing database, we don't need it anymore - we have the info in the array
|
||||
rs.close()
|
||||
rs = null
|
||||
|
||||
var menuID,mName,mLink,parent
|
||||
|
||||
for(row=0;row<rsarr.length;row+=cols){ //Looping rows
|
||||
//Setting variables
|
||||
menuID = "m" + rsarr[row]
|
||||
mName = rsarr[row+1]
|
||||
mLink = String(rsarr[row+2])
|
||||
if(mLink=="null") mLink=""
|
||||
parent = rsarr[row+3]
|
||||
if(parent!=0) parent = "m" + parent
|
||||
else parent=""
|
||||
//Making menu item
|
||||
Response.write("oCMenu.makeMenu('"+menuID+"','"+parent+"','"+mName+"','"+mLink+"')\n")
|
||||
}
|
||||
}
|
||||
//Calling function
|
||||
readItemsFromDatabase()
|
||||
|
||||
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
||||
ASP CODE END - READING ITEMS FROM THE DATABASE
|
||||
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
|
||||
</pre>
|
||||
</body>
|
||||
</html>
|
||||
BIN
www/extras/coolmenus/asp-example/menu.mdb
Normal file
BIN
www/extras/coolmenus/asp-example/menu.mdb
Normal file
Binary file not shown.
283
www/extras/coolmenus/asp-example/vbscript.asp
Normal file
283
www/extras/coolmenus/asp-example/vbscript.asp
Normal file
|
|
@ -0,0 +1,283 @@
|
|||
<%@LANGUAGE = "VBSCRIPT"%>
|
||||
<html>
|
||||
<head>
|
||||
<title>ASP example</title>
|
||||
<style>
|
||||
BODY{
|
||||
font-family:arial,helvetica;
|
||||
font-size:12px;
|
||||
}
|
||||
code,pre{
|
||||
color:red;
|
||||
}
|
||||
/* CoolMenus 4 - default styles - do not edit */
|
||||
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
|
||||
/* CoolMenus 4 - default styles - end */
|
||||
|
||||
/*Style for the background-bar*/
|
||||
.clBar{position:absolute; width:10; height:10; background-color:Navy; layer-background-color:Navy; visibility:hidden}
|
||||
|
||||
/*Styles for level 0*/
|
||||
.clLevel0,.clLevel0over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:12px; font-weight:bold}
|
||||
.clLevel0{background-color:Navy; layer-background-color:Navy; color:white;}
|
||||
.clLevel0over{background-color:#336699; layer-background-color:#336699; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.clLevel0border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
|
||||
/*Styles for level 1*/
|
||||
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:tahoma, arial,helvetica; font-size:11px; font-weight:bold}
|
||||
.clLevel1{background-color:Navy; layer-background-color:Navy; color:white;}
|
||||
.clLevel1over{background-color:#336699; layer-background-color:#336699; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.clLevel1border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
|
||||
/*Styles for level 2*/
|
||||
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:bold}
|
||||
.clLevel2{background-color:Navy; layer-background-color:Navy; color:white;}
|
||||
.clLevel2over{background-color:#0099cc; layer-background-color:#0099cc; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.clLevel2border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
</style>
|
||||
<script language="JavaScript1.2" src="../coolmenus4.js">
|
||||
/*****************************************************************************
|
||||
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
|
||||
|
||||
DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
|
||||
Version 4.0_beta
|
||||
This script can be used freely as long as all copyright messages are
|
||||
intact.
|
||||
|
||||
Extra info - Coolmenus reference/help - Extra links to help files ****
|
||||
CSS help: http://192.168.1.31/projects/coolmenus/reference.asp?m=37
|
||||
General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35
|
||||
Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47
|
||||
Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48
|
||||
Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49
|
||||
Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50
|
||||
******************************************************************************/
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
/***
|
||||
This is the menu creation code - place it right after you body tag
|
||||
Feel free to add this to a stand-alone js file and link it to your page.
|
||||
**/
|
||||
|
||||
//Menu object creation
|
||||
oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname
|
||||
|
||||
//Menu properties
|
||||
oCMenu.pxBetween=30
|
||||
oCMenu.fromLeft=20
|
||||
oCMenu.fromTop=0
|
||||
oCMenu.rows=1
|
||||
oCMenu.menuPlacement="center"
|
||||
|
||||
oCMenu.offlineRoot="file:///C|/Inetpub/wwwroot/dhtmlcentral/"
|
||||
oCMenu.onlineRoot="/coolmenus/"
|
||||
oCMenu.resizeCheck=1
|
||||
oCMenu.wait=1000
|
||||
oCMenu.fillImg="cm_fill.gif"
|
||||
oCMenu.zIndex=0
|
||||
|
||||
//Background bar properties
|
||||
oCMenu.useBar=1
|
||||
oCMenu.barWidth="100%"
|
||||
oCMenu.barHeight="menu"
|
||||
oCMenu.barClass="clBar"
|
||||
oCMenu.barX=0
|
||||
oCMenu.barY=0
|
||||
oCMenu.barBorderX=0
|
||||
oCMenu.barBorderY=0
|
||||
oCMenu.barBorderClass=""
|
||||
|
||||
//Level properties - ALL properties have to be spesified in level 0
|
||||
oCMenu.level[0]=new cm_makeLevel() //Add this for each new level
|
||||
oCMenu.level[0].width=110
|
||||
oCMenu.level[0].height=25
|
||||
oCMenu.level[0].regClass="clLevel0"
|
||||
oCMenu.level[0].overClass="clLevel0over"
|
||||
oCMenu.level[0].borderX=1
|
||||
oCMenu.level[0].borderY=1
|
||||
oCMenu.level[0].borderClass="clLevel0border"
|
||||
oCMenu.level[0].offsetX=0
|
||||
oCMenu.level[0].offsetY=0
|
||||
oCMenu.level[0].rows=0
|
||||
oCMenu.level[0].arrow=0
|
||||
oCMenu.level[0].arrowWidth=0
|
||||
oCMenu.level[0].arrowHeight=0
|
||||
oCMenu.level[0].align="bottom"
|
||||
|
||||
|
||||
//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
|
||||
oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
|
||||
oCMenu.level[1].width=oCMenu.level[0].width-2
|
||||
oCMenu.level[1].height=22
|
||||
oCMenu.level[1].regClass="clLevel1"
|
||||
oCMenu.level[1].overClass="clLevel1over"
|
||||
oCMenu.level[1].borderX=1
|
||||
oCMenu.level[1].borderY=1
|
||||
oCMenu.level[1].align="right"
|
||||
oCMenu.level[1].offsetX=-(oCMenu.level[0].width-2)/2+20
|
||||
oCMenu.level[1].offsetY=0
|
||||
oCMenu.level[1].borderClass="clLevel1border"
|
||||
|
||||
|
||||
//EXAMPLE SUB LEVEL[2] PROPERTIES - You have to spesify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this
|
||||
oCMenu.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number)
|
||||
oCMenu.level[2].width=150
|
||||
oCMenu.level[2].height=20
|
||||
oCMenu.level[2].offsetX=0
|
||||
oCMenu.level[2].offsetY=0
|
||||
oCMenu.level[2].regClass="clLevel2"
|
||||
oCMenu.level[2].overClass="clLevel2over"
|
||||
oCMenu.level[2].borderClass="clLevel2border"
|
||||
|
||||
/******************************************
|
||||
Menu item creation:
|
||||
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout)
|
||||
*************************************/
|
||||
<%
|
||||
'*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
||||
'ASP CODE START - READING ITEMS FROM THE DATABASE
|
||||
'%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
||||
Sub readItemsFromDatabase
|
||||
'The path to your database:
|
||||
Dim db,q,rs,rsarr,menuID,mName,mLink,parent,cols,max
|
||||
|
||||
db ="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & Server.MapPath("menu.mdb")
|
||||
|
||||
q = "SELECT menuID,mName,mLink,parent from tblMenu ORDER BY parent,menuID ASC"
|
||||
|
||||
Set rs=Server.CreateObject("ADODB.Recordset")
|
||||
rs.CacheSize = 25 ' Cache data fetching
|
||||
rs.CursorType = 3
|
||||
rs.LockType = 3
|
||||
|
||||
'Opening database --- --
|
||||
rs.Open q,db
|
||||
|
||||
'Now using getRows because that's so sexy :}
|
||||
if NOT rs.EOF then
|
||||
rsarr = rs.GetRows()
|
||||
max = Ubound(rsarr,2)
|
||||
|
||||
else
|
||||
max = 0
|
||||
end if
|
||||
'Closing database, we don't need it anymore - we have the info in the array
|
||||
rs.close()
|
||||
Set rs = Nothing
|
||||
|
||||
row=0
|
||||
do while(row<=max) 'Looping rows
|
||||
'Setting variables
|
||||
menuID = "m" & rsarr(0,row)
|
||||
mName = rsarr(1,row)
|
||||
mLink = rsarr(2,row)
|
||||
if(mLink="null") then mLink=""
|
||||
parent = rsarr(3,row)
|
||||
if(parent<>0) then
|
||||
parent = "m" & parent
|
||||
else
|
||||
parent=""
|
||||
end if
|
||||
'Making menu item
|
||||
Response.write("oCMenu.makeMenu('" & menuID & "','" &parent & "','" & mName & "','" & mLink & "')" & vbcrlf)
|
||||
row = row + 1
|
||||
loop
|
||||
End Sub
|
||||
|
||||
'Calling sub
|
||||
call readItemsFromDatabase
|
||||
|
||||
'%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
||||
'ASP CODE END - READING ITEMS FROM THE DATABASE
|
||||
'%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
||||
%>
|
||||
|
||||
//Leave this line - it constructs the menu
|
||||
oCMenu.construct()
|
||||
</script>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
This file is a simple example of how to get items from a access database. It's more or less
|
||||
the same as the javascript example, only coded in VBSCRIPT. I will make a more advanced example later. The table consist of 4 simple columns:
|
||||
<br>
|
||||
<br>
|
||||
<code>menuID</code> - Autonumber - the id of the menuitem.<br>
|
||||
<code>mName</code> - String - The menu name<br>
|
||||
<code>mLink</code> - String - The link<br>
|
||||
<code>parent</code> - Number - a recursive relation to menuID.<br>
|
||||
<br>
|
||||
<br>
|
||||
This can rather easily be converted to control the entire menu and by adding a server-side admin *anyone* could
|
||||
easily change the menu. The new menumaker that I will hopefully soon have time
|
||||
to make will probably use something like this.
|
||||
<br>
|
||||
<br>
|
||||
On this site I use a similar approuch, the only difference is that I make a js file everytime I update, that way
|
||||
I don't have to get the items from the database on every visit. I will try and make an example like that as well later.
|
||||
<br>
|
||||
<br>
|
||||
|
||||
ASP source-code:
|
||||
<pre>
|
||||
'*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
||||
'ASP CODE START - READING ITEMS FROM THE DATABASE
|
||||
'%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
||||
Sub readItemsFromDatabase
|
||||
'The path to your database:
|
||||
Dim db,q,rs,rsarr,menuID,mName,mLink,parent,cols,max
|
||||
|
||||
db ="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & Server.MapPath("menu.mdb")
|
||||
|
||||
q = "SELECT menuID,mName,mLink,parent from tblMenu ORDER BY parent,menuID ASC"
|
||||
|
||||
Set rs=Server.CreateObject("ADODB.Recordset")
|
||||
rs.CacheSize = 25 ' Cache data fetching
|
||||
rs.CursorType = 3
|
||||
rs.LockType = 3
|
||||
|
||||
'Opening database --- --
|
||||
rs.Open q,db
|
||||
|
||||
'Now using getRows because that's so sexy :}
|
||||
if NOT rs.EOF then
|
||||
rsarr = rs.GetRows()
|
||||
max = Ubound(rsarr,2)
|
||||
else
|
||||
max = 0
|
||||
end if
|
||||
'Closing database, we don't need it anymore - we have the info in the array
|
||||
rs.close()
|
||||
Set rs = Nothing
|
||||
|
||||
row=0
|
||||
do while(row<=max) 'Looping rows
|
||||
'Setting variables
|
||||
menuID = "m" & rsarr(0,row)
|
||||
mName = rsarr(1,row)
|
||||
mLink = rsarr(2,row)
|
||||
if(mLink="null") then mLink=""
|
||||
parent = rsarr(3,row)
|
||||
if(parent<>0) then
|
||||
parent = "m" & parent
|
||||
else
|
||||
parent=""
|
||||
end if
|
||||
'Making menu item
|
||||
Response.write("oCMenu.makeMenu('" & menuID & "','" &parent & "','" & mName & "','" & mLink & "')" & vbcrlf)
|
||||
row = row + 1
|
||||
loop
|
||||
End Sub
|
||||
|
||||
'Calling sub
|
||||
call readItemsFromDatabase
|
||||
|
||||
'%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
||||
'ASP CODE END - READING ITEMS FROM THE DATABASE
|
||||
'%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
||||
</pre>
|
||||
</body>
|
||||
</html>
|
||||
262
www/extras/coolmenus/cm_addins.js
Normal file
262
www/extras/coolmenus/cm_addins.js
Normal file
|
|
@ -0,0 +1,262 @@
|
|||
/******************************************
|
||||
CM_ADD-IN - hideselectboxes (last updated: 11/13/02)
|
||||
IE5+ and NS6+ only - ignores the other browsers
|
||||
|
||||
Because of the selectbox bug in the browsers that makes
|
||||
selectboxes have the highest z-index whatever you do
|
||||
this script will check for selectboxes that interfear with
|
||||
your menu items and then hide them.
|
||||
|
||||
Just add this code to the coolmenus js file
|
||||
or link the cm_addins.js file to your page as well.
|
||||
*****************************************/
|
||||
if(bw.dom&&!bw.op){
|
||||
makeCM.prototype.sel=0
|
||||
makeCM.prototype.onshow+=";this.hideselectboxes(pm,pm.subx,pm.suby,maxw,maxh,pm.lev)"
|
||||
makeCM.prototype.hideselectboxes=function(pm,x,y,w,h,l){
|
||||
var selx,sely,selw,selh,i
|
||||
if(!this.sel){
|
||||
this.sel=this.doc.getElementsByTagName("SELECT")
|
||||
this.sel.level=0
|
||||
}
|
||||
var sel=this.sel
|
||||
for(i=0;i<sel.length;i++){
|
||||
selx=0; sely=0; var selp;
|
||||
if(sel[i].offsetParent){selp=sel[i]; while(selp.offsetParent){selp=selp.offsetParent; selx+=selp.offsetLeft; sely+=selp.offsetTop;}}
|
||||
selx+=sel[i].offsetLeft; sely+=sel[i].offsetTop
|
||||
selw=sel[i].offsetWidth; selh=sel[i].offsetHeight
|
||||
if(selx+selw>x && selx<x+w && sely+selh>y && sely<y+h){
|
||||
if(sel[i].style.visibility!="hidden"){sel[i].level=l; sel[i].style.visibility="hidden"; if(pm){ if(!pm.mout) pm.mout=""; pm.mout+=this.name+".sel["+i+"].style.visibility='visible';"}}
|
||||
}else if(l<=sel[i].level && !(pm&&l==0)) sel[i].style.visibility="visible"
|
||||
}
|
||||
}
|
||||
}
|
||||
/******************************************
|
||||
CM_ADD-IN - checkscrolled (last updated: 01/29/02)
|
||||
This is supported by all browsers
|
||||
- IE5 for MAC has some screen refreshing problems
|
||||
- Using this for non-ie browsers might slow down the page
|
||||
because the other browsers do not support the onscroll event
|
||||
so the script uses a timer.
|
||||
|
||||
Now with two new features.
|
||||
- Set scrollstop to 1 to get another scrolling effect.
|
||||
If you do it will work the way it does on DHTMLCentral.com.
|
||||
Note that this feature is not perfect on menus not in rows.
|
||||
- If you have the hideselectboxes add-in as well this function
|
||||
will now check for interfearing selectboxes when you scroll as
|
||||
well.
|
||||
|
||||
Just add this code to the coolmenus js file
|
||||
or link the cm_addins.js file to your page as well.
|
||||
*****************************************/
|
||||
if(bw.ie) makeCM.prototype.onconstruct='document.body.onscroll=new Function(c.name+".checkscrolled("+c.name+")")'
|
||||
else makeCM.prototype.onconstruct='setTimeout(c.name+".checkscrolled()",200)' //REMOVE THIS LINE TO HAVE SCROLLING ON FOR EXPLORER ONLY!!
|
||||
makeCM.prototype.lscroll=0
|
||||
makeCM.prototype.scrollstop=0 //Set this variable to 1 for another scrolling effect. Leave at 0 to scroll regular
|
||||
makeCM.prototype.checkscrolled=function(obj){
|
||||
var i;
|
||||
if(bw.mac) return //REMOVE THIS LINE TO HAVE SCROLLING ON THE MAC AS WELL - unstable!
|
||||
var c=bw.ie?obj:this, o
|
||||
if(bw.ns4 || bw.ns6 || bw.op5) c.scrollY=window.pageYOffset
|
||||
else c.scrollY=document.body.scrollTop
|
||||
if(c.scrollY!=c.lscroll){
|
||||
c.hidesub()
|
||||
if(c.scrollY>c.fromTop&&c.scrollstop){
|
||||
for(i=0;i<c.l[0].m.length;i++){o=c.m[c.l[0].m[i]].b; o.moveIt(o.x,c.scrollY)}
|
||||
if(c.useBar) c.bar.moveIt(c.bar.x,c.scrollY)
|
||||
}else{
|
||||
if(c.scrollstop){
|
||||
for(i=0;i<c.l[0].m.length;i++){o=c.m[c.l[0].m[i]].b; o.moveIt(o.x,c.fromTop)}
|
||||
if(c.useBar) c.bar.moveIt(c.bar.x,c.barY)
|
||||
}else{
|
||||
for(i=0;i<c.l[0].m.length;i++){o=c.m[c.l[0].m[i]].b; o.moveIt(o.x,o.oy+c.scrollY)}
|
||||
if(c.useBar) c.bar.moveIt(c.bar.x,c.barY+c.scrollY)
|
||||
}
|
||||
}
|
||||
c.lscroll=c.scrollY; cmpage.y=c.scrollY; cmpage.y2=cmpage.orgy+c.scrollY
|
||||
if(bw.ie){ clearTimeout(c.tim); c.isover=0; c.hidesub()}
|
||||
if(c.hideselectboxes){ //If you are using the hideselect add-in as well the script will now check for selectboxes when scrolling as well
|
||||
var x = c.useBar?c.m[c.l[0].m[0]].b.x>c.bar.x?c.bar.x:c.m[c.l[0].m[0]].b.x:c.m[c.l[0].m[0]].b.x;
|
||||
var y = c.useBar?c.m[c.l[0].m[0]].b.y>c.bar.y?c.bar.y:c.m[c.l[0].m[0]].b.y:c.m[c.l[0].m[0]].b.y;
|
||||
var maxw = c.useBar?c.bar.w:c.rows?c.totw:c.maxw; var maxh = c.useBar?c.bar.h:!c.rows?c.toth:c.maxh
|
||||
c.hideselectboxes(0,x,y,maxw,maxh,0)
|
||||
}
|
||||
}
|
||||
if(!bw.ie) setTimeout(c.name+".checkscrolled()",200)
|
||||
}
|
||||
/******************************************
|
||||
CM_ADD-IN - pagecheck (last updated: 08/02/02)
|
||||
|
||||
Simple code that *tries* to keep the menus inside the
|
||||
bounderies of the page.
|
||||
|
||||
Code updated. It's still not perfect (obviosly)
|
||||
but it will now do another check to try and place
|
||||
the menus inside.
|
||||
|
||||
|
||||
Just add this code to the coolmenus js file
|
||||
or link the cm_addins.js file to your page.
|
||||
*****************************************/
|
||||
makeCM.prototype.onshow+=";this.pagecheck(b,pm,pm.subx,pm.suby,maxw,maxh)"
|
||||
makeCM.prototype.pagecheck=function(b,pm,x,y,w,h,n){
|
||||
var l=pm.lev+1,a=b.align; if(!n) n=1
|
||||
var ok=1
|
||||
if(x<cmpage.x) {pm.align=1; ok=0;}
|
||||
else if(x+w>cmpage.x2){ pm.align=2; ok=0;}
|
||||
else if(y<cmpage.y) { pm.align=3; ok=0;}
|
||||
else if(h+y>cmpage.y2) {pm.align=4; ok=0;}
|
||||
if(!ok) this.getcoords(pm,this.l[l-1].borderX,this.l[l-1].borderY,pm.b.x,pm.b.y,w,h,this.l[l-1].offsetX,this.l[l-1].offsetY)
|
||||
x=pm.subx; y=pm.suby
|
||||
//Added check --- still not ok? --- part of the code by Denny Caldwell (thanks) -- badly immplemented by me though
|
||||
if(x<cmpage.x) {x += cmpage.x-x;}
|
||||
else if(x+w>cmpage.x2){ x = -(x+w-cmpage.x2);}
|
||||
else if(y<cmpage.y) { y = cmpage.y-y; }
|
||||
else if(h+y>cmpage.y2) {y = -(y+h-cmpage.y2);}
|
||||
if(x<cmpage.x) {x += cmpage.x-x;}
|
||||
else if(x+w>cmpage.x2){ x = -(x+w-cmpage.x2);}
|
||||
else if(y<cmpage.y) { y = cmpage.y-y;}
|
||||
else if(h+y>cmpage.y2) {y = -(y+h-cmpage.y2);}
|
||||
b.moveIt(x,y)
|
||||
}
|
||||
/******************************************
|
||||
CM_ADD-IN - pagecheck (last updated: 01/26/02)
|
||||
Simple code that *tries* to keep the menus inside thebounderies of
|
||||
the page.A more advanced version of this code will come later.
|
||||
Just add this code to the coolmenus js fileor link the cm_addins.
|
||||
js file to your page as well.
|
||||
*****************************************/
|
||||
//makeCM.prototype.onshow+=";this.pagecheck2(b,pm,x,y,maxw,maxh)"
|
||||
makeCM.prototype.pagecheck2=function(b,pm,x,y,w,h){
|
||||
var fixX = 0
|
||||
var fixY = 0
|
||||
var ok=1
|
||||
if(x+w>cmpage.x2) {
|
||||
;
|
||||
ok=0;
|
||||
}else if(x<cmpage.x) {
|
||||
ok=0;
|
||||
}if(y+h>cmpage.y2){
|
||||
fixY = -(y+h-cmpage.y2);
|
||||
ok=0;
|
||||
}else if(y<cmpage.y) {
|
||||
fixY = cmpage.y-y;
|
||||
ok=0;
|
||||
}// self.status="x:"+x+" y:" +y+ " fixX:" +fixX+ " fixY:" +fixY
|
||||
if(!ok) {
|
||||
self.status = x + " - " +cmpage.x + " - " + fixX + " - " + (x+fixX)
|
||||
x+=fixX;
|
||||
y+=fixY
|
||||
pm.moveIt(x,y)
|
||||
self.status = b.css.left
|
||||
}
|
||||
}
|
||||
|
||||
/******************
|
||||
CM_ADD-IN - filterIt (last updated: 01/26/02)
|
||||
|
||||
Explorer5.5+ only. Other browser will ignore it.
|
||||
|
||||
This function uses filters for Explorer to show
|
||||
the subitems.
|
||||
If you use this add-in you will get 1 new
|
||||
level property called "filter". You have
|
||||
to specify which filter to use and what
|
||||
level to use them on.
|
||||
(this properties will also be inherited though)
|
||||
|
||||
Example setting:
|
||||
oCMenu.level[3].filter="progid:DXImageTransform.Microsoft.Fade(duration=0.5)"
|
||||
|
||||
Examples on how to use this will come later.
|
||||
|
||||
Just add this code to the coolmenus js file
|
||||
or link the cm_addins.js file to your page as well.
|
||||
*****************/
|
||||
bw.filter=(bw.ie55||bw.ie6) && !bw.mac
|
||||
makeCM.prototype.onshow+=";if(c.l[pm.lev].filter) b.filterIt(c.l[pm.lev].filter)"
|
||||
cm_makeLevel.prototype.filter=null
|
||||
cm_makeObj.prototype.filterIt=function(f){
|
||||
if(bw.filter){
|
||||
if(this.evnt.filters[0]) this.evnt.filters[0].Stop();
|
||||
else this.css.filter=f;
|
||||
this.evnt.filters[0].Apply();
|
||||
this.showIt();
|
||||
this.evnt.filters[0].Play();
|
||||
}
|
||||
}
|
||||
/******************
|
||||
CM_ADD-IN - slide (last updated: 01/26/02)
|
||||
|
||||
This works in all browsers, but it can be
|
||||
unstable on all other browsers then Explorer.
|
||||
|
||||
This function shows the submenus in a sliding
|
||||
effect. If you use this add-in you get two
|
||||
new level properties called "slidepx" and
|
||||
"slidetim". You have to specify this for
|
||||
the levels you want this to happen on
|
||||
(these properties will also be inherited though)
|
||||
|
||||
slidepx is the number of pixels you want the
|
||||
div to slide each setTimout, while "slidetim"
|
||||
is the setTimeout speed (in milliseconds)
|
||||
|
||||
Example setting:
|
||||
oCMenu.level[3].slidepx=10
|
||||
oCMenu.level[3].slidetim=20
|
||||
|
||||
Just add this code to the coolmenus js file
|
||||
or link the cm_addins.js file to your page as well.
|
||||
*****************/
|
||||
makeCM.prototype.onshow+="; if(c.l[pm.lev].slidepx){b.moveIt(x,b.y-b.h); b.showIt(); b.tim=null; b.slide(y,c.l[pm.lev].slidepx,c.l[pm.lev].slidetim,c,pm.lev,pm.name)}"
|
||||
makeCM.prototype.going=0
|
||||
cm_makeObj.prototype.tim=10;
|
||||
cm_makeLevel.prototype.slidepx=null
|
||||
cm_makeLevel.prototype.slidetim=30
|
||||
cm_makeObj.prototype.slide=function(end,px,tim,c,l,name){
|
||||
if(!this.vis || c.l[l].a!=name) return
|
||||
if(this.y<end-px){
|
||||
if(this.y>(end-px*px-px) && px>1) px-=px/5; this.moveIt(this.x,this.y+px)
|
||||
this.clipTo(end-this.y,this.w,this.h,0)
|
||||
this.tim=setTimeout(this.obj+".slide("+end+","+px+","+tim+","+c.name+","+l+",'"+name+"')",tim)
|
||||
}else{this.moveIt(this.x,end)}
|
||||
}
|
||||
/******************
|
||||
CM_ADD-IN - clipout (last updated: 01/26/02)
|
||||
|
||||
This works in all browsers, but it can be
|
||||
unstable on all other browsers then Explorer.
|
||||
|
||||
This function shows the submenus with a clipping
|
||||
effect. If you use this add-in you get two
|
||||
new level properties called "clippx" and
|
||||
"cliptim". You have to specify this for
|
||||
the levels you want this to happen on
|
||||
(these properties will also be inherited though)
|
||||
|
||||
"clippx" is the number of pixels you want the
|
||||
div to slide each setTimout, while "cliptim"
|
||||
is the setTimeout speed (in milliseconds)
|
||||
|
||||
Example setting:
|
||||
oCMenu.level[3].clippx=10
|
||||
oCMenu.level[3].cliptim=20
|
||||
|
||||
Just add this code to the coolmenus js file
|
||||
or link the cm_addins.js file to your page as well.
|
||||
|
||||
*****************/
|
||||
makeCM.prototype.onshow+="if(c.l[pm.lev].clippx){h=b.h; if(!rows) b.clipTo(0,maxw,0,0,1); else b.clipTo(0,0,maxh,0,1); b.clipxy=0; b.showIt(); clearTimeout(b.tim); b.clipout(c.l[pm.lev].clippx,!rows?maxw:maxh,!rows?maxh:maxw,c.l[pm.lev].cliptim,rows)}"
|
||||
cm_makeObj.prototype.tim=10;
|
||||
cm_makeLevel.prototype.clippx=null
|
||||
cm_makeLevel.prototype.cliptim=30
|
||||
cm_makeObj.prototype.clipxy=0
|
||||
cm_makeObj.prototype.clipout=function(px,w,stop,tim,rows){
|
||||
if(!this.vis) return; if(this.clipxy<stop-px){this.clipxy+=px;
|
||||
if(!rows) this.clipTo(0,w,this.clipxy,0,1);
|
||||
else this.clipTo(0,this.clipxy,w,0,1);
|
||||
this.tim=setTimeout(this.obj+".clipout("+px+","+w+","+stop+","+tim+","+rows+")",tim)
|
||||
}else{if(bw.ns6){this.hideIt();}; if(!rows) this.clipTo(0,w,stop,0,1); else this.clipTo(0,stop,w,0,1);if(bw.ns6){this.showIt()}}
|
||||
}
|
||||
BIN
www/extras/coolmenus/cm_fill.gif
Normal file
BIN
www/extras/coolmenus/cm_fill.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 B |
427
www/extras/coolmenus/coolmenus4.js
Normal file
427
www/extras/coolmenus/coolmenus4.js
Normal file
|
|
@ -0,0 +1,427 @@
|
|||
/************************************************************
|
||||
Coolmenus Beta 4.06 - Copyright Thomas Brattli - www.dhtmlcentral.com
|
||||
Last updated: 11.13.02
|
||||
|
||||
v4.06 - with basic frame support
|
||||
*************************************************************/
|
||||
/*Browsercheck object*/
|
||||
function cm_bwcheck(){
|
||||
//In theory we should use object detection, but this script needs work-arounds for almost every browser...
|
||||
this.ver=navigator.appVersion
|
||||
this.agent=navigator.userAgent.toLowerCase()
|
||||
this.dom=document.getElementById?1:0
|
||||
this.ns4=(!this.dom && document.layers)?1:0;
|
||||
this.op=window.opera
|
||||
this.moz=(this.agent.indexOf("gecko")>-1 || window.sidebar)
|
||||
this.ie=this.agent.indexOf("msie")>-1 && !this.op
|
||||
if(this.op){
|
||||
this.op5=(this.agent.indexOf("opera 5")>-1 || this.agent.indexOf("opera/5")>-1)
|
||||
this.op6=(this.agent.indexOf("opera 6")>-1 || this.agent.indexOf("opera/6")>-1)
|
||||
this.op7=this.dom&&!this.op5&&!this.op6 //So all higher opera versions will use it
|
||||
}else if(this.moz) this.ns6 = 1
|
||||
else if(this.ie){
|
||||
this.ie4 = !this.dom && document.all
|
||||
this.ie5 = (this.agent.indexOf("msie 5")>-1)
|
||||
this.ie55 = (this.ie5 && this.agent.indexOf("msie 5.5")>-1)
|
||||
this.ie6 = this.dom && !this.ie4 && !this.ie5 && ! this.ie55
|
||||
}
|
||||
this.mac=(this.agent.indexOf("mac")>-1)
|
||||
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.op5 || this.op6 || this.op7)
|
||||
this.usedom= this.ns6||this.op7//Use dom creation
|
||||
this.reuse = this.ie||this.op7||this.usedom //Reuse layers
|
||||
this.px=this.dom&&!this.op5?"px":""
|
||||
return this
|
||||
}
|
||||
var bw=new cm_bwcheck()
|
||||
/*Variable declaration*/
|
||||
var cmpage
|
||||
/*Crossbrowser objects functions*/
|
||||
function cm_message(txt){alert(txt); return false}
|
||||
function cm_makeObj(obj,nest,o,doc){ //Changed in v4.05
|
||||
if(!doc) doc=document
|
||||
if(bw.usedom&&o) this.evnt=o
|
||||
else{nest=(!nest) ? "doc.":'doc.layers.'+nest+'.'
|
||||
this.evnt=bw.dom? doc.getElementById(obj):
|
||||
bw.ie4?doc.all[obj]:bw.ns4?eval(nest+"layers." +obj):0;
|
||||
}
|
||||
if(!this.evnt) return cm_message('The layer does not exist ('+obj+')'
|
||||
+'- \nIf your using Netscape please check the nesting of your tags (on the entire page)\nNest:'+nest)
|
||||
this.css=bw.dom||bw.ie4?this.evnt.style:this.evnt; this.ok=0
|
||||
this.ref=bw.dom||bw.ie4?doc:this.css.document;
|
||||
this.obj = obj + "Object"; eval(this.obj + "=this");
|
||||
this.x=0; this.y=0; this.w=0; this.h=0; this.vis=0; return this
|
||||
}
|
||||
cm_makeObj.prototype.moveIt = function(x,y){this.x=x;this.y=y; this.css.left=x+bw.px;this.css.top=y+bw.px}
|
||||
cm_makeObj.prototype.showIt = function(o){this.css.visibility="visible"; this.vis=1; if(bw.op5&&this.arr){ this.arr.showIt(); }}//alert('showing arrow')}}
|
||||
cm_makeObj.prototype.hideIt = function(no){this.css.visibility="hidden"; this.vis=0;}
|
||||
cm_makeObj.prototype.clipTo = function(t,r,b,l,setwidth){
|
||||
this.w=r; this.h=b; if(bw.ns4){this.css.clip.top=t;this.css.clip.right=r; this.css.clip.bottom=b;this.css.clip.left=l
|
||||
}else{if(t<0)t=0;if(r<0)r=0;if(b<0)b=0;if(b<0)b=0; this.css.clip="rect("+t+bw.px+","+r+bw.px+","+b+bw.px+","+l+bw.px+")";
|
||||
if(setwidth){if(bw.op5||bw.op6){this.css.pixelWidth=r; this.css.pixelHeight=b;}else{this.css.width=r+bw.px; this.css.height=b+bw.px;}}}}
|
||||
function cm_active(on,h){
|
||||
if(this.o.arr) on?this.o.arr.hideIt():bw.op5?this.o.arr.showIt():this.o.arr.css.visibility="inherit"
|
||||
if(bw.reuse||bw.usedom){
|
||||
if(!this.img2) this.o.evnt.className=on?this.cl2:this.cl
|
||||
else this.o.ref.images["img"+this.name].src=on?this.img2.src:this.img1.src; //Changed v4.05
|
||||
if(on && bw.ns6){this.o.hideIt(); this.o.css.visibility='inherit' }; //netscape 6 bug fix
|
||||
}else{
|
||||
if(!this.img2){ if(on) this.o.over.showIt(); else this.o.over.hideIt();
|
||||
}else this.o.ref.images["img"+this.name].src=on?this.img2.src:this.img1.src;
|
||||
}this.isactive=on?1:0
|
||||
}
|
||||
/***Pageobject **/
|
||||
function cm_page(frame){ //Changed v4.05
|
||||
if(!frame) frame = self
|
||||
this.x=0; this.x2 =(!bw.ie)?frame.innerWidth:frame.document.body.offsetWidth-20;
|
||||
this.y=0; this.orgy=this.y2= (!bw.ie)?frame.innerHeight:frame.document.body.offsetHeight-6;
|
||||
this.x50=this.x2/2; this.y50=this.y2/2; return this
|
||||
}
|
||||
/***check positions**/
|
||||
function cm_cp(num,w,minus){
|
||||
if(num){if(num.toString().indexOf("%")!=-1){var t = w?cmpage.x2:cmpage.y2; num=parseInt((t*parseFloat(num)/100))
|
||||
if(minus) num-=minus }else num=eval(num);} else num=0; return num
|
||||
}
|
||||
/**Level object**/
|
||||
function cm_makeLevel(){//changed 4.06
|
||||
var c=this, a=arguments; c.width=a[0]||null; c.height=a[1]||null;
|
||||
c.regClass=a[2]||null; c.overClass=a[3]||null; c.borderX=a[4]>-1?a[4]:null;
|
||||
c.borderY=a[5]>-1?a[5]:null; c.borderClass=a[6]||null; c.rows=a[7]>-1?a[7]:null;
|
||||
c.align=a[8]||null; c.offsetX=a[9]||null; c.offsetY=a[10]||null; c.arrow=a[11]||null;
|
||||
c.arrowWidth=a[12]||null; c.arrowHeight=a[13]||null; c.roundBorder=a[14]||null; return c
|
||||
}
|
||||
/***Making the main menu object**/
|
||||
function makeCM(name){ //Changed v4.06
|
||||
var c=this; c.mc=0; c.name = name; c.m=new Array(); c.scrollY=-1; c.level=new Array(); c.l=new Array(); c.tim=100; c.isresized=0;
|
||||
c.isover=0; c.zIndex=100; c.frameStartLevel=1; c.bar=0; c.z=0; c.totw=0; c.toth=0; c.maxw=0; c.maxh=0; cmpage = new cm_page(); c.constructed = 0;
|
||||
return this
|
||||
}//events
|
||||
makeCM.prototype.onshow=""; makeCM.prototype.onhide=""; makeCM.prototype.onconstruct="";
|
||||
/***Creating layers**/
|
||||
function cm_divCreate(id,cl,txt,w,c,app,ex,txt2){
|
||||
if(bw.usedom){var div=document.createElement("DIV"); div.className=cl; div.id=id;
|
||||
if(txt) div.innerHTML=txt; if(app){app.appendChild(div); return div}
|
||||
if(w) document.body.appendChild(div); return div
|
||||
}else{var dstr='<div id="'+id+'" class="'+cl+'"'
|
||||
if(ex&&bw.reuse) dstr+=" "+ex; dstr+=">"+txt; ; if(txt2) dstr+=txt2;
|
||||
if(c) dstr+='</div>'; if(w) document.write(dstr); else return dstr
|
||||
}return ""
|
||||
}
|
||||
/***Getting layer string for each menu**/
|
||||
function cm_getLayerStr(m,app,name,fill,clb,arrow,ah,aw,root){
|
||||
var no=m.nolink,arrstr='',l=m.lev,str='',txt=m.txt,ev='', id=name + '_' + m.name,d1; if(app) d1=app
|
||||
if((!bw.reuse||l==0) && !no){
|
||||
ev=' onmouseover="'+name+'.showsub(\''+m.name+'\')"'
|
||||
+' onmouseout="'+name+'.mout(\''+m.name+'\')"'
|
||||
+' onclick="'+name+'.onclck(\''+m.name+'\'); return false" '
|
||||
}
|
||||
if(bw.reuse&&l!=0) txt=''; if(l==0) str+=d1=cm_divCreate(id+'_0',clb,''); str+=m.d2=cm_divCreate(id,m.cl,txt,0,0,d1,ev)
|
||||
if(l==0&&bw.usedom){
|
||||
m.d2.onclick=new Function(name+'.onclck("'+m.name+'")');
|
||||
m.d1=d1;
|
||||
m.d2.onmouseover=new Function(name+'.showsub("'+m.name+'")');
|
||||
m.d2.onmouseout=new Function(name+'.mout("'+m.name+'")')
|
||||
}if(!bw.reuse && !m.img1 && !no){
|
||||
str+=cm_divCreate(id+'_1',m.cl2,txt,0,1)
|
||||
str+=cm_divCreate(id+'_3',"clCMAbs",'<a href="#" '+ev+'><img alt="" src="'+root+fill+'" width="'+m.w+'" height="'+m.h+'" border="0" /></a>',0,1)
|
||||
}str+='</div>';
|
||||
if(l==0){if(arrow)str+=m.d3=cm_divCreate(id+'_a','clCMAbs','<img alt="" height="'+aw+'" width="'+ah+'" src="'+root+arrow+'" />',0,1,d1); str+="</div>"}
|
||||
str+="\n"; if(!bw.reuse){m.txt=null; m.d2=null; m.d3=null;}
|
||||
if(bw.usedom){ if(l==0) document.body.appendChild(d1); str=''}
|
||||
return str
|
||||
}
|
||||
/***get align num from text (better to evaluate numbers later)**/
|
||||
function cm_checkalign(a){
|
||||
switch(a){
|
||||
case "right": return 1; break; case "left": return 2; break;
|
||||
case "bottom": return 3; break; case "top": return 4; break;
|
||||
case "righttop": return 5; break; case "lefttop": return 6; break;
|
||||
case "bottomleft": return 7; break; case "topleft": return 8; break;
|
||||
}return null
|
||||
}
|
||||
/**Making each individual menu **/
|
||||
makeCM.prototype.makeMenu=function(name,parent,txt,lnk,targ,w,h,img1,img2,cl,cl2,align,rows,nolink,onclick,onmouseover,onmouseout){
|
||||
var c = this; if(!name) name = c.name+""+c.mc; var p = parent!=""&&parent&&c.m[parent]?parent:0;
|
||||
if(c.mc==0){
|
||||
//Added 4.07 - bug(?) in opera 7 - you cannot dom-add layers created in one document to another one (or so it seems) - so turn of usedom
|
||||
if(bw.op7 && this.frames) bw.usedom=0
|
||||
var tmp=location.href;
|
||||
if(tmp.indexOf('file:')>-1||tmp.charAt(1)==':') c.root=c.offlineRoot; else c.root=c.onlineRoot
|
||||
if(c.useBar){if(!c.barBorderClass) c.barBorderClass=c.barClass; c.bar1 = cm_divCreate(c.name+'bbar_0',c.barClass,'',0,1);
|
||||
c.bar = cm_divCreate(c.name+'bbar',c.barBorderClass,'',1,1,0,0,c.bar1); if(bw.usedom) c.bar.appendChild(c.bar1);
|
||||
}}var create=1,img,arrow; var m = c.m[name] = new Object(); m.name=name; m.subs=new Array(); m.parent=p; m.arnum=0; m.arr=0
|
||||
var l = m.lev = p?c.m[p].lev+1:0; c.mc++; m.hide=0;
|
||||
if(l>=c.l.length){
|
||||
var p1,p2=0; if(l>=c.level.length) p1=c.l[c.level.length-1];
|
||||
else p1=c.level[l]; c.l[l]=new Array(); if(!p2) p2=c.l[l-1]
|
||||
if(l!=0){ if(isNaN(p1.align)) p1["align"]=cm_checkalign(p1.align)
|
||||
for(var i in p1){if(i!="str"&&i!="m"){if(p1[i]==null) c.l[l][i]=p2[i]; else c.l[l][i]=p1[i] }}
|
||||
}else{c.l[l]=c.level[0]; c.l[l].align=cm_checkalign(c.l[l].align)}
|
||||
c.l[l]["str"]=''; c.l[l].m=new Array(); if(!c.l[l].borderClass) c.l[l].borderClass=c.l[l].regClass
|
||||
c.l[l].app=0; c.l[l].max=0; c.l[l].arnum=0; c.l[l].o=new Array(); c.l[l].arr=new Array()
|
||||
c.level[l]=p1=p2=null
|
||||
if(l!=0) c.l[l].str=c.l[l].app=cm_divCreate(c.name+ '_' +l+'_0',c.l[l].borderClass,'')
|
||||
}if(p){p = c.m[p]; p.subs[p.subs.length]=name;
|
||||
if(p.subs.length==1&&c.l[l-1].arrow){ p.arr=1;
|
||||
if(p.parent){c.m[p.parent].arnum++
|
||||
if(c.m[p.parent].arnum>c.l[l-1].arnum){
|
||||
c.l[l-1].str+=c.l[l-1].arr[c.l[l-1].arnum]=cm_divCreate(c.name+ '_a' +(l-1)+'_'+c.l[l-1].arnum,'clCMAbs','<img height="'+c.l[l-1].arrowHeight
|
||||
+'" width="'+c.l[l-1].arrowWidth+'" src="'+c.root+c.l[l-1].arrow+'" alt="" />',0,1,c.l[l-1].app); c.l[l-1].arnum++
|
||||
}}}if(bw.reuse) if(p.subs.length>c.l[l].max) c.l[l].max = p.subs.length; else create=0
|
||||
}m.rows=rows>-1?rows:c.l[l].rows; m.w=cm_cp(w||c.l[l].width,1); m.h=cm_cp(h||c.l[l].height,0); m.txt=txt; m.lnk=lnk;
|
||||
if(align) align=cm_checkalign(align); m.align=align||c.l[l].align; m.cl=cl=cl||c.l[l].regClass;
|
||||
m.targ=targ; m.cl2=cl2||c.l[l].overClass; m.create=create; m.mover=onmouseover; m.mout=onmouseout;
|
||||
m.onclck=onclick; m.active = cm_active; m.isactive=0; m.nolink=nolink
|
||||
if(create) c.l[l].m[c.l[l].m.length]=name
|
||||
if(img1){m.img1 = new Image(); m.img1.src=c.root+img1; if(!img2) img2=img1; m.img2 = new Image(); m.img2.src=c.root+img2;
|
||||
m.cl="clCMAbs"; m.txt=''; if(!bw.reuse&&!nolink) m.txt = '<a href="#" onmouseover="'+c.name+'.showsub(\''+name+'\')" onmouseout="'+c.name+'.mout(\''+name+'\')" onclick="'+c.name+'.onclck(\''+name+'\'); return false">';;
|
||||
m.txt+='<img alt="" src="'+c.root+img1+'" width="'+m.w+'" height="'+m.h+'" id="img'+m.name+'" '
|
||||
if(bw.dom&&!nolink) m.txt+='style="cursor:pointer; cursor:hand"'; if(!bw.reuse){if(!bw.dom) m.txt+='name="img'+m.name+'"'; m.txt+=' border="0"'}; m.txt+=' />'; if(!bw.reuse&&!nolink) m.txt+='</a>'
|
||||
}else{m.img1=0; m.img2=0};
|
||||
if(l==0||create) c.l[l].str+=cm_getLayerStr(m,c.l[l].app,c.name,c.fillImg,c.l[l].borderClass,c.l[l].arrow,c.l[l].arrowWidth,c.l[l].arrowHeight,c.root)
|
||||
if(l==0){if(m.w>c.maxw) c.maxw=m.w; if(m.h>c.maxh) c.maxh=m.h; c.totw+=c.pxBetween+m.w+c.l[0].borderX;c.toth+=c.pxBetween+m.h+c.l[0].borderY}
|
||||
if(lnk && !onmouseover){
|
||||
var path=lnk.indexOf("mailto:")>-1||lnk.indexOf("http://")>-1?"":c.root
|
||||
m.mover="self.status='"+path+m.lnk+"'"
|
||||
if(!m.mout) m.mout=""; m.mout+=";self.status='';"
|
||||
}
|
||||
}
|
||||
/**Getting x/y coords for subs **/
|
||||
makeCM.prototype.getcoords=function(m,bx,by,x,y,maxw,maxh,ox,oy){
|
||||
var a=m.align; x+=m.o.x; y+=m.o.y
|
||||
switch(a){
|
||||
case 1: x+=m.w+bx; break; case 2: x-=maxw+bx; break;
|
||||
case 3: y+=m.h+by; break; case 4: y-=maxh+by; break;
|
||||
case 5: x-=maxw+bx; y-=maxh-m.h; break;
|
||||
case 6: x+=m.w+bx; y-=maxh-m.h; break;
|
||||
case 7: y+=m.h+by; x-=maxw-m.w; break;
|
||||
case 8: y-=maxh+by; x-=maxw-m.w+bx; break;
|
||||
}//Added v4.05
|
||||
if(m.lev==this.frameStartLevel-1 && this.frames){
|
||||
switch(a){
|
||||
case 1: x=0; break;
|
||||
case 2: x=this.cmpage.x2-maxw; break;
|
||||
case 3: y=0; break;
|
||||
case 4: y-=maxh+by; break;
|
||||
case 5: x-=maxw+bx; y-=maxh-m.h; break;
|
||||
case 6: x+=m.w+bx; y-=maxh-m.h; break;
|
||||
case 7: y+=m.h+by; x-=maxw-m.w; break;
|
||||
case 8: y-=maxh+by; x-=maxw-m.w+bx; break;
|
||||
}
|
||||
}
|
||||
m.subx=x + ox; m.suby=y + oy
|
||||
}
|
||||
/**Showing sub elements**/
|
||||
makeCM.prototype.showsub=function(el){ //Changed v4.06
|
||||
var c=this,pm=c.m[el],m,o,nl
|
||||
if(!pm.b||(c.isresized&&pm.lev>0)) pm.b=c.l[pm.lev].b; c.isover=1
|
||||
clearTimeout(c.tim);
|
||||
var ln=pm.subs.length,l=pm.lev+1
|
||||
if(c.l[pm.lev].a==el&&l!=c.l.length && !c.openOnClick){if(c.l[pm.lev+1].a) c.hidesub(l+1,el); return}
|
||||
c.hidesub(l,el); if(pm.mover) eval(pm.mover); if(!pm.isactive) pm.active(1);
|
||||
c.l[pm.lev].a = el; if(ln==0) return;
|
||||
if(c.openOnClick && !c.clicked) return//Added v4.06
|
||||
if(!c.l[l].b) return //Added v4.05
|
||||
var b = c.l[l].b, bx=c.l[l].borderX, by=c.l[l].borderY, rows=pm.rows
|
||||
var rb=c.l[l].roundBorder;//added 4.06
|
||||
var x=bx+rb,y=by+rb,maxw=0,maxh=0,cn=0; b.hideIt()
|
||||
for(var i=0;i<c.l[l].m.length;i++){
|
||||
if(!bw.reuse) m=c.m[c.l[l].m[i]]
|
||||
else m=c.m[c.m[el].subs[i]]
|
||||
if(m && m.parent==el&&!m.hide){
|
||||
if(!bw.reuse) o=m.o; else o=m.o=c.l[l].o[i]
|
||||
if(x!=o.x||y!=o.y) o.moveIt(x,y); nl=m.subs.length //changed 4.06
|
||||
if(bw.reuse){
|
||||
if(o.w!=m.w || o.h!=m.h) o.clipTo(0,m.w,m.h,0,1)
|
||||
if(o.evnt.className!=m.cl){
|
||||
m.isactive=0; o.evnt.className=m.cl
|
||||
if(bw.ns6){o.hideIt(); o.css.visibility='inherit'} //NS6 bugfix
|
||||
}if(bw.ie6) b.showIt()//IE6 bugfix (scrollbars)
|
||||
o.evnt.innerHTML=m.txt; if(bw.ie6) b.hideIt()
|
||||
if(!m.nolink){
|
||||
o.evnt.onmouseover=new Function(c.name+".showsub('"+m.name+"')")
|
||||
o.evnt.onmouseout=new Function(c.name+".mout('"+m.name+"')") //Added v4.05
|
||||
o.evnt.onclick=new Function(c.name+".onclck('"+m.name+"')")
|
||||
if(o.oldcursor){o.css.cursor=o.oldcursor; o.oldcursor=0;}
|
||||
}else{o.evnt.onmouseover=''; o.evnt.onclick=''; if(o.css.cursor=='') o.oldcursor=bw.ns6?"pointer":"hand"; else o.oldcursor=o.css.cursor; o.css.cursor="auto"}
|
||||
}if(m.arr){o.arr=c.l[l].arr[cn]; o.arr.moveIt(x + m.w-c.l[l].arrowWidth-3,y+m.h/2-(c.l[l].arrowHeight/2));
|
||||
o.arr.css.visibility="inherit"; cn++;} else o.arr=0
|
||||
if(!rows){y+=m.h+by; if(m.w>maxw) maxw=m.w; maxh=y}
|
||||
else{x+=m.w+bx; if(m.h>maxh) maxh=m.h; maxw=x;}
|
||||
o.css.visibility="inherit"; if(bw.op5||bw.op6) o.showIt()
|
||||
}else{o = c.m[c.l[l].m[i]].o; o.hideIt();} }
|
||||
if(!rows) maxw+=bx*2+rb; else maxh+=by*2+rb; //changed 4.06
|
||||
if(rb){maxw+=rb; maxh+=rb}//added 4.06
|
||||
b.clipTo(0,maxw,maxh,0,1)
|
||||
//Check frame scroll
|
||||
if(c.chkscroll) c.chkscroll() //Added v4.05 - not the best solution
|
||||
if(c.chkscroll||!pm.subx||!pm.suby||c.scrollY>-1||c.isresized) c.getcoords(pm,c.l[l-1].borderX,c.l[l-1].borderY,pm.b.x,pm.b.y,maxw,maxh,c.l[l-1].offsetX,c.l[l-1].offsetY) //Changed 4.06
|
||||
x=pm.subx; if(c.chkscroll&&l==c.frameStartLevel) pm.suby+=c.scrollY; y=pm.suby; b.moveIt(x,y); if(c.onshow) eval(c.onshow); b.showIt()
|
||||
}
|
||||
/**Hide sub elements **/
|
||||
makeCM.prototype.hidesub=function(l,el){ //Changed v4.05
|
||||
var c = this,tmp,m,i,j,hide
|
||||
if(!l) {l=1; hide=1; c.clicked=0}
|
||||
for(i=l-1;i<c.l.length;i++){
|
||||
if(i>0&&i>l-1) if(c.l[i].b) c.l[i].b.hideIt()//Changed v4.05
|
||||
if(c.l[i].a&&c.l[i].a!=el){
|
||||
m=c.m[c.l[i].a]; m.active(0,1); if(m.mout) eval(m.mout); c.l[i].a=0
|
||||
if(i>0&&i>l-1) if(bw.op5||bw.op6) for(j=0;j<c.l[i].m.length;j++) c.m[c.l[i].m[j]].o.hideIt()
|
||||
}if(i>l){for(j=0;j<c.l[i-1].arnum;j++){c.l[i-1].arr[j].hideIt(); if(bw.op6) c.l[i-1].arr[j].moveIt(-1000,-1000)}} //opera bug
|
||||
}if(hide&&c.onhide) eval(c.onhide) //onhide event
|
||||
}
|
||||
/***Make all menu div objects**/
|
||||
makeCM.prototype.makeObjects=function(nowrite,fromframe){ //Changed v4.06
|
||||
var c = this,oc,name,bx,by,w,h,l,no,ar,id,nest,st=0,en=c.l.length,bobj,o,m,i,j
|
||||
//Added v4.05
|
||||
if(fromframe){
|
||||
st = this.frameStartLevel
|
||||
this.body = fromframe.document.body
|
||||
this.doc = fromframe.document
|
||||
this.deftarget=fromframe
|
||||
this.cmpage = new cm_page(fromframe)
|
||||
}else{
|
||||
this.body=document.body
|
||||
this.doc=document
|
||||
if(this.frames) en = this.frameStartLevel
|
||||
this.deftarget=self
|
||||
}
|
||||
if(!nowrite){
|
||||
for(i=st;i<en;i++){ //changed 4.06
|
||||
if(!bw.usedom) this.doc.write(c.l[i].str)
|
||||
else if(i>0) this.body.appendChild(c.l[i].app)
|
||||
if(!this.frames) c.l[i].str=null
|
||||
}}c.z=c.zIndex+2
|
||||
for(i=st;i<en;i++){oc=0
|
||||
if(i!=0){bobj=c.l[i].b = new cm_makeObj(c.name + "_"+i+"_0","",c.l[i].app,this.doc); bobj.css.zIndex=c.z;
|
||||
if(bw.dom) bobj.css.overflow='hidden'}; bx=c.l[i].borderX; by=c.l[i].borderY; c.l[i].max=0;
|
||||
for(j=0;j<c.l[i].m.length;j++){
|
||||
m = c.m[c.l[i].m[j]]; name=m.name; w=m.w; h=m.h; l=m.lev; no=m.nolink;
|
||||
if(i>0){m.b = bobj; nest=i}
|
||||
else{m.b = new cm_makeObj(c.name + "_"+name+"_0","",m.d1,this.doc); m.b.css.zIndex=c.z; m.b.clipTo(0,w+bx*2,h+by*2,0,1); nest=name}
|
||||
id = c.name + "_"+name; nest=c.name + "_"+nest;
|
||||
if(m.create){
|
||||
o=m.o=new cm_makeObj(id,nest+"_0",m.d2,this.doc); o.z=o.css.zIndex=c.z+1; if(bw.reuse){c.l[l].o[oc]=o; oc++};
|
||||
if(l==0&&m.img1) o.css.visibility='inherit'; if(bw.op5) o.showIt(); o.arr=0;
|
||||
}if(!bw.reuse||l==0) o.clipTo(0,w,h,0,1); o.moveIt(bx,by); o.z=o.css.zIndex=c.z+2
|
||||
if(j<c.l[i].arnum){
|
||||
c.l[i].arr[j]=new cm_makeObj(c.name+"_a"+i+"_"+j,nest+"_0",nowrite?0:c.l[i].arr[j],this.doc)
|
||||
c.l[i].arr[j].css.zIndex=c.z+30+j;
|
||||
}else if(l==0&&m.arr==1){
|
||||
o.arr=new cm_makeObj(id+"_a",nest+"_0",m.d3,this.doc)
|
||||
o.arr.moveIt(bx+m.w-c.l[i].arrowWidth-3,by+m.h/2-(c.l[i].arrowHeight/2));
|
||||
o.arr.css.zIndex=c.z+20;
|
||||
}if(!no && !bw.reuse && !m.img1){
|
||||
o.over=new cm_makeObj(c.name + "_"+name+"_1",nest+"_0"+".document.layers."+id,"",this.doc)
|
||||
o.over.moveIt(0,0); o.over.hideIt(); o.over.clipTo(0,w,h,0,1); o.over.css.zIndex=c.z+3
|
||||
img=new cm_makeObj(c.name + "_"+name+"_3",nest+"_0"+".document.layers."+id,"",this.doc); img.moveIt(0,0)
|
||||
img.css.visibility="inherit"; img.css.zIndex=c.z+4; if(bw.op5) img.showIt()
|
||||
}c.z++;
|
||||
}
|
||||
}
|
||||
if(fromframe){ ///Set scroll vars - added v4.05
|
||||
c.chkscroll = function(){//changed 4.06
|
||||
if (bw.ie&&!bw.ie6) this.scrollY=this.body.scrollTop;
|
||||
else if (bw.ie6 || bw.op7){
|
||||
if (this.doc.compatMode && document.compatMode != "BackCompat") this.scrollY=this.doc.documentElement.scrollTop
|
||||
else this.scrollY=this.body.scrollTop
|
||||
}else this.scrollY=this.deftarget.pageYOffset;
|
||||
}
|
||||
}
|
||||
}
|
||||
/**Onmouseout**/
|
||||
makeCM.prototype.mout = function(){ //Changed v4.06
|
||||
var c = this; clearTimeout(c.tim); c.isover = 0; var f="if(!"+c.name+".isover)"+c.name+".hidesub()"
|
||||
if(!c.closeOnClick) c.tim = setTimeout(f,c.wait)
|
||||
else{
|
||||
if(bw.ns4){ document.captureEvents("Event.MOUSEDOWN"); document.onmousedown=new Function(f)}
|
||||
else document.onclick=new Function(f);
|
||||
if(this.frames){
|
||||
if(bw.ns4){this.doc.captureEvents("Event.MOUSEDOWN"); this.doc.onmousedown=new Function(f)}
|
||||
else this.doc.onclick=new Function(f)
|
||||
}
|
||||
}
|
||||
}
|
||||
/**Constructing and initiating top items and bar**/
|
||||
makeCM.prototype.construct=function(nowrite){ //Changed v4.06
|
||||
var c=this; if(!c.l[0]||c.l[0].m.length==0) return cm_message('No menus defined');
|
||||
if(!nowrite){for(var i=1;i<c.l.length;i++){c.l[i].str+="</div>"}} //Added 4.06
|
||||
c.makeObjects(nowrite); cmpage = new cm_page();
|
||||
var mpa,o,maxw=c.maxw,maxh=c.maxh,i,totw=c.totw,toth=c.toth,m,px=c.pxBetween
|
||||
var bx=c.l[0].borderX,by=c.l[0].borderY,x=c.fromLeft,y=c.fromTop,mp=c.menuPlacement,rows=c.rows
|
||||
if(rows){toth=maxh+by*2; totw=totw-px+bx;}else{totw=maxw+bx*2; toth=toth-px+by;}
|
||||
switch(mp){
|
||||
case "center": x=cmpage.x2/2-totw/2; if(bw.ns4) x-=9; break;
|
||||
case "right": x=cmpage.x2-totw; break;
|
||||
case "bottom": case "bottomcenter": y=cmpage.y2-toth; if(mp=="bottomcenter") x=cmpage.x2/2-totw/2; break;
|
||||
default: if(mp.toString().indexOf(",")>-1) mpa=1; break;
|
||||
}for(var i=0;i<c.l[0].m.length;i++){
|
||||
m = c.m[c.l[0].m[i]]; o = m.b; if(mpa) rows?x=cm_cp(mp[i]):y=cm_cp(mp[i],0,0,1);
|
||||
o.moveIt(x,y); o.showIt(); if(m.arr) m.o.arr.showIt(); o.oy=y;
|
||||
if(!mpa) rows?x+=m.w+px+bx:y+=m.h+px+by
|
||||
}if(c.useBar==1){ //Background-Bar
|
||||
var bbx=c.barBorderX,bby=c.barBorderY;
|
||||
var bar1=c.bar1= new cm_makeObj(c.name+'bbar_0',c.name+'bbar',nowrite?0:c.bar1,document)
|
||||
var bar=c.bar= new cm_makeObj(c.name+'bbar','',nowrite?0:c.bar,document); bar.css.zIndex=c.zIndex+1
|
||||
var barx=c.barX=="menu"?c.m[c.l[0].m[0]].b.x-bbx:cm_cp(c.barX,1);
|
||||
var bary=c.barY=="menu"?c.m[c.l[0].m[0]].b.y-bby:cm_cp(c.barY);
|
||||
var barw=c.barWidth=="menu"?totw:cm_cp(c.barWidth,1,bbx*2);
|
||||
var barh=c.barHeight=="menu"?toth:cm_cp(c.barHeight,0,bby*2);
|
||||
bar1.clipTo(0,barw,barh,0,1); bar1.moveIt(bbx,bby); bar1.showIt();
|
||||
bar.clipTo(0,barw+bbx*2,barh+bby*2,0,1); bar.moveIt(barx,bary); bar.showIt();
|
||||
}if(c.resizeCheck){ //Window resize code - updated 4.06 - stil sucks
|
||||
if(bw.ns4||bw.op5||bw.op6)setTimeout('window.onresize=new Function("'+c.name+'.resized()")',500)
|
||||
else window.onresize=new Function(c.name+".resized()")
|
||||
c.resized=cm_resized; if(bw.op5||bw.op6) document.onmousemove=new Function(c.name+".resized()")
|
||||
}if(c.onconstruct) eval(c.onconstruct) //onconstruct event
|
||||
c.constructed = 1 //Added v4.05
|
||||
return true
|
||||
}
|
||||
/**Capturing resize**/
|
||||
var cm_inresize=0
|
||||
function cm_resized(){
|
||||
if(cm_inresize) return
|
||||
page2=new cm_page(); var off=(bw.op6||bw.op5)?20:5
|
||||
if(page2.x2<cmpage.x2-off || page2.y2<cmpage.orgy-off || page2.x2>cmpage.x2+off || page2.y2>cmpage.orgy+off){
|
||||
if(bw.ie||bw.ns6||bw.op7||bw.ns4){
|
||||
cmpage=page2; this.isresized=1;
|
||||
if(this.onresize) eval(this.onresize); this.construct(1);
|
||||
if(this.onafterresize) eval(this.onafterresize);
|
||||
}else{cm_inresize=1; location.reload()}
|
||||
}
|
||||
}
|
||||
/**Onclick of an item**/
|
||||
makeCM.prototype.onclck=function(m){ //Changed v4.06
|
||||
m = this.m[m]
|
||||
if(m.onclck) eval(m.onclck);
|
||||
if(this.openOnClick && m.subs.length>0){
|
||||
this.clicked = 1; this.showsub(m.name); return
|
||||
}
|
||||
var lnk=m.lnk, targ=m.targ
|
||||
if(lnk){
|
||||
if(lnk.indexOf("mailto")!=0 && lnk.indexOf("http")!=0) lnk=this.root+lnk
|
||||
if(String(targ)=="undefined" || targ=="" || targ==0 || targ=="_self"){
|
||||
if(this.frames){ //Turning of all level 1 + vars
|
||||
if(this.l[0].a){
|
||||
this.m[this.l[0].a].active(0,1)
|
||||
this.l[0].a =0
|
||||
}
|
||||
for(i=this.frameStartLevel;i<this.l.length;i++){
|
||||
if(this.l[i].b){
|
||||
this.l[i].b.hideIt()
|
||||
this.l[i].b = null
|
||||
for(j=0;j<this.l[i].m.length;j++){
|
||||
this.m[this.l[i].m[j]].b = null;
|
||||
}
|
||||
}
|
||||
}
|
||||
this.isover=0
|
||||
}
|
||||
this.deftarget.location.href=lnk
|
||||
}
|
||||
else if(targ=="_blank") window.open(lnk)
|
||||
else if(targ=="_top" || targ=="window") top.location.href=lnk
|
||||
else if(top[targ]) top[targ].location.href=lnk
|
||||
else if(parent[targ]) parent[targ].location.href=lnk
|
||||
}else return false
|
||||
}
|
||||
|
||||
213
www/extras/coolmenus/debug_menus/properties_information.html
Normal file
213
www/extras/coolmenus/debug_menus/properties_information.html
Normal file
|
|
@ -0,0 +1,213 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Coolmenus example - CoolMenus4 DHTML script made by Thomas Brattli from DHTMLCentral.com. Visit for more great scripts.</title>
|
||||
<style>
|
||||
/* CoolMenus 4 - default styles - do not edit */
|
||||
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
|
||||
/* CoolMenus 4 - default styles - end */
|
||||
|
||||
/*Style for the background-bar*/
|
||||
.clBar{position:absolute; width:10; height:10; background-color:Navy; layer-background-color:Navy; visibility:hidden}
|
||||
|
||||
/*Styles for level 0*/
|
||||
.clLevel0,.clLevel0over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:12px; font-weight:bold}
|
||||
.clLevel0{background-color:Navy; layer-background-color:Navy; color:white;}
|
||||
.clLevel0over{background-color:#336699; layer-background-color:#336699; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.clLevel0border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
|
||||
/*Styles for level 1*/
|
||||
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:tahoma, arial,helvetica; font-size:11px; font-weight:bold}
|
||||
.clLevel1{background-color:Navy; layer-background-color:Navy; color:white;}
|
||||
.clLevel1over{background-color:#336699; layer-background-color:#336699; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.clLevel1border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
|
||||
/*Styles for level 2*/
|
||||
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:bold}
|
||||
.clLevel2{background-color:Navy; layer-background-color:Navy; color:white;}
|
||||
.clLevel2over{background-color:#0099cc; layer-background-color:#0099cc; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.clLevel2border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
</style>
|
||||
<script language="JavaScript1.2" src="../coolmenus4.js">
|
||||
/*****************************************************************************
|
||||
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
|
||||
|
||||
DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
|
||||
Version 4.0_beta
|
||||
This script can be used freely as long as all copyright messages are
|
||||
intact.
|
||||
|
||||
Extra info - Coolmenus reference/help - Extra links to help files ****
|
||||
CSS help: http://coolmenus.dhtmlcentral.com/projects/coolmenus/reference.asp?m=37
|
||||
General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35
|
||||
Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47
|
||||
Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48
|
||||
Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49
|
||||
Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50
|
||||
******************************************************************************/
|
||||
</script>
|
||||
<script language="JavaScript1.2" src="../cm_addins.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
|
||||
/***
|
||||
This is the menu creation code - place it right after you body tag
|
||||
Feel free to add this to a stand-alone js file and link it to your page.
|
||||
**/
|
||||
|
||||
//Menu object creation
|
||||
oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname
|
||||
|
||||
oCMenu.frames = 0
|
||||
|
||||
//Menu properties
|
||||
oCMenu.pxBetween=10
|
||||
oCMenu.fromLeft=20
|
||||
oCMenu.fromTop=0
|
||||
oCMenu.rows=1
|
||||
oCMenu.menuPlacement="center"
|
||||
|
||||
oCMenu.offlineRoot="file:///D|/thomas2/CM_UPDATE/coolmenus/"
|
||||
oCMenu.onlineRoot="/coolmenus/"
|
||||
oCMenu.resizeCheck=1
|
||||
oCMenu.wait=1000
|
||||
oCMenu.fillImg="cm_fill.gif"
|
||||
oCMenu.zIndex=0
|
||||
|
||||
//Background bar properties
|
||||
oCMenu.useBar=1
|
||||
oCMenu.barWidth="100%"
|
||||
oCMenu.barHeight="menu"
|
||||
oCMenu.barClass="clBar"
|
||||
oCMenu.barX=0
|
||||
oCMenu.barY=0
|
||||
oCMenu.barBorderX=0
|
||||
oCMenu.barBorderY=0
|
||||
oCMenu.barBorderClass=""
|
||||
|
||||
oCMenu.onresize="makeCM('oCMenu'); oCMenu.construct(1);"
|
||||
|
||||
//Level properties - ALL properties have to be spesified in level 0
|
||||
oCMenu.level[0]=new cm_makeLevel() //Add this for each new level
|
||||
oCMenu.level[0].width=90
|
||||
oCMenu.level[0].height=25
|
||||
oCMenu.level[0].regClass="clLevel0"
|
||||
oCMenu.level[0].overClass="clLevel0over"
|
||||
oCMenu.level[0].borderX=1
|
||||
oCMenu.level[0].borderY=1
|
||||
oCMenu.level[0].borderClass="clLevel0border"
|
||||
oCMenu.level[0].offsetX=0
|
||||
oCMenu.level[0].offsetY=0
|
||||
oCMenu.level[0].rows=0
|
||||
oCMenu.level[0].arrow=0
|
||||
oCMenu.level[0].arrowWidth=0
|
||||
oCMenu.level[0].arrowHeight=0
|
||||
oCMenu.level[0].align="bottom"
|
||||
|
||||
//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
|
||||
oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
|
||||
oCMenu.level[1].width=110
|
||||
oCMenu.level[1].height=22
|
||||
oCMenu.level[1].regClass="clLevel1"
|
||||
oCMenu.level[1].overClass="clLevel1over"
|
||||
oCMenu.level[1].borderX=1
|
||||
oCMenu.level[1].borderY=1
|
||||
oCMenu.level[1].align="right"
|
||||
oCMenu.level[1].offsetX=0//-(oCMenu.level[0].width-2)/2+20
|
||||
oCMenu.level[1].offsetY=0
|
||||
oCMenu.level[1].borderClass="clLevel1border"
|
||||
|
||||
|
||||
//EXAMPLE SUB LEVEL[2] PROPERTIES - You have to spesify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this
|
||||
oCMenu.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number)
|
||||
oCMenu.level[2].width=150
|
||||
oCMenu.level[2].height=20
|
||||
oCMenu.level[2].offsetX=0
|
||||
oCMenu.level[2].offsetY=0
|
||||
oCMenu.level[2].regClass="clLevel2"
|
||||
oCMenu.level[2].overClass="clLevel2over"
|
||||
oCMenu.level[2].borderClass="clLevel2border"
|
||||
|
||||
|
||||
/******************************************
|
||||
Menu item creation:
|
||||
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout)
|
||||
*************************************/
|
||||
oCMenu.makeMenu('top0','',' News','example2.html','')
|
||||
oCMenu.makeMenu('sub00','top0','Newest news','/news/index.asp')
|
||||
oCMenu.makeMenu('sub001','sub00','- New DHTML API released','','',160,0)
|
||||
oCMenu.makeMenu('sub002','sub00','- Explorer 7 is out','','',160,0)
|
||||
oCMenu.makeMenu('sub003','sub00','- Opera 6 supports innerHTML','','',160,0)
|
||||
oCMenu.makeMenu('sub01','top0','News archive','/news/archive.asp')
|
||||
|
||||
oCMenu.makeMenu('top1','',' Scripts','/scripts/index.asp')
|
||||
oCMenu.makeMenu('sub10','top1','New scripts','/scripts/index.asp?show=new')
|
||||
oCMenu.makeMenu('sub11','top1','All scripts','/scripts/index.asp?show=all')
|
||||
oCMenu.makeMenu('sub12','top1','Popular scripts','/scripts/index.asp?show=pop')
|
||||
|
||||
oCMenu.makeMenu('top2','',' Articles','/articles/index.asp')
|
||||
oCMenu.makeMenu('sub21','top2','Tutorials','/tutorials/index.asp')
|
||||
oCMenu.makeMenu('sub210','sub21','New tutorials','/tutorials/index.asp')
|
||||
oCMenu.makeMenu('sub211','sub21','Tutorials archive','/tutorials/archive.asp')
|
||||
oCMenu.makeMenu('sub22','top2','Other articles','/articles/index.asp')
|
||||
oCMenu.makeMenu('sub220','sub22','New articles','/articles/index.asp?show=new')
|
||||
oCMenu.makeMenu('sub221','sub22','Article archive','/articles/archive.asp')
|
||||
|
||||
oCMenu.makeMenu('top3','',' Forums','http://www.sdf.sdf.sdf/')
|
||||
oCMenu.makeMenu('sub30','top3','General','/forums/forum.asp?FORUM_ID=6&CAT_ID=1&Forum_Title=General+DHTML+issues')
|
||||
oCMenu.makeMenu('sub31','top3','Scripts','/forums/forum.asp?FORUM_ID=4&CAT_ID=1&Forum_Title=DHTML+Scripts')
|
||||
oCMenu.makeMenu('sub32','top3','Crossbrowser','/forums/forum.asp?FORUM_ID=3&CAT_ID=1&Forum_Title=Crossbrowser+DHTML')
|
||||
oCMenu.makeMenu('sub33','top3','CoolMenus','/forums/forum.asp?FORUM_ID=2&CAT_ID=1&Forum_Title=CoolMenus')
|
||||
oCMenu.makeMenu('sub34','top3','dhtmlcentral.com','/forums/forum.asp?FORUM_ID=5&CAT_ID=1&Forum_Title=dhtmlcentral%2Ecom')
|
||||
oCMenu.makeMenu('sub35','top3','Cool sites','/forums/forum.asp?FORUM_ID=1&CAT_ID=1&Forum_Title=Cool+sites')
|
||||
|
||||
oCMenu.makeMenu('top5','',' CoolMenus','mailto:test.html')
|
||||
oCMenu.makeMenu('sub50','top5','Examples','/coolmenus/examples.asp')
|
||||
oCMenu.makeMenu('sub500','sub50','With frames','/coolmenus/examples.asp?show=with')
|
||||
oCMenu.makeMenu('sub501','sub50','Without frames','/coolmenus/examples.asp?show=without')
|
||||
oCMenu.makeMenu('sub51','top5','Download','/coolmenus/download.asp')
|
||||
oCMenu.makeMenu('sub510','sub51','Download the source code to this menu','/coolmenus/download.asp','',150,40)
|
||||
oCMenu.makeMenu('sub52','top5','Tutorial','/coolmenus/tutorial.asp')
|
||||
oCMenu.makeMenu('sub520','sub52','Learn how to set up the menu','/coolmenus/tutorial.asp','',150,40)
|
||||
oCMenu.makeMenu('sub53','top5','MenuMaker','','',0,0,'','','','','','','','window.open("/coolmenus/maker/","","width=800,height=600")')
|
||||
oCMenu.makeMenu('sub530','sub53','Use the menuMaker to make the menu code for you','','',150,40,'','','','','','','','window.open("/coolmenus/maker/","","width=800,height=600")')
|
||||
oCMenu.makeMenu('sub54','top5','FAQ','/coolmenus/faq.asp')
|
||||
oCMenu.makeMenu('sub540','sub54','Frequently asked questions','coolmenus/faq.asp','',150,40)
|
||||
oCMenu.makeMenu('sub55','top5','Help forum','/forums/forum.asp?FORUM_ID=2&CAT_ID=1&Forum_Title=CoolMenus')
|
||||
oCMenu.makeMenu('sub550','sub55','Go to this forum and post you problems or suggestions regarding the CoolMenus','/forum/forum.asp?forum_id=2','',150,40)
|
||||
|
||||
//Leave this line - it constructs the menu
|
||||
oCMenu.construct()
|
||||
|
||||
oCMenu.showsub("top3")
|
||||
oCMenu.hidesub()
|
||||
</script>
|
||||
<br>
|
||||
<br>
|
||||
This file is basically used for debugging. This does not work in Opera or NS4.
|
||||
<br>
|
||||
<br>
|
||||
<a href="#" onclick="getProps(window); return false">Get window properties</a><br>
|
||||
<a href="#" onclick="getProps(document.body); return false">Get body properties</a><br>
|
||||
<a href="#" onclick="getProps(oCMenu); return false">Get menu properties</a><br>
|
||||
<a href="#" onclick="getProps(oCMenu.l[0]); return false">Get level 0 properties</a><br>
|
||||
<a href="#" onclick="getProps(oCMenu.m['top3']); return false">Get item properties</a><br>
|
||||
<a href="#" onclick="getProps(oCMenu.bar); return false">Get menubar (makeObj object) properties</a><br>
|
||||
<br>
|
||||
<a href="#" onclick="getProps(bw); return false">Get bw properties</a><br>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<div id="divProps"></div>
|
||||
|
||||
<script>
|
||||
function getProps(obj){
|
||||
document.getElementById("divProps").innerHTML=""
|
||||
for(i in obj){
|
||||
if(i!="fullScreen") document.getElementById("divProps").innerHTML+="<b>"+i+"</b>"+ ' = '+obj[i] +"<br>"
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
15
www/extras/coolmenus/dhtmlcentral.css
Normal file
15
www/extras/coolmenus/dhtmlcentral.css
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
TD,P,B,INPUT,DIV{font-family:arial,helvetica; font-size:12px}
|
||||
.clCMEvent{position:absolute; z-index:300; width:100%; height:100%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:hidden}
|
||||
.clCMAbs{position:absolute; width:10; height:10; left:0; top:0; visibility:hidden}
|
||||
|
||||
.clT,.clTover,.clS,.clSover,.clS2,.clS2over{position:absolute; overflow:hidden; width:130; height:25; cursor:pointer; cursor:hand}
|
||||
.clT,.clTover{padding:4px; font-size:12px; font-weight:bold}
|
||||
.clT{color:white; }
|
||||
.clTover{color:#FCCE55;}
|
||||
.clS,.clSover{padding:2px; font-size:11px; font-weight:bold}
|
||||
.clS2,.clS2over{padding:2px; font-size:11px;}
|
||||
.clS,.clS2{color:#006699; background-color:#CDDBEB; layer-background-color:#CDDBEB;}
|
||||
.clSover,.clS2over{color:#FCCE55;}
|
||||
.clSover,.clS2over,.clTover,.clB,.clBar{layer-background-color:#336699; background-color:#336699;}
|
||||
.clB{position:absolute; visibility:hidden; z-index:300}
|
||||
.clBar{position:absolute; width:10; height:10; visibility:hidden; }
|
||||
38
www/extras/coolmenus/dhtmlcentral.html
Normal file
38
www/extras/coolmenus/dhtmlcentral.html
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Coolmenus example - CoolMenus4 DHTML script made by Thomas Brattli from DHTMLCentral.com. Visit for more great scripts.</title>
|
||||
<!-- Using a linked stylesheet -->
|
||||
<link rel="STYLESHEET" type="text/css" href="dhtmlcentral.css">
|
||||
<script language="JavaScript1.2" src="coolmenus4.js">
|
||||
/*****************************************************************************
|
||||
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
|
||||
|
||||
DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
|
||||
Version 4.0_beta
|
||||
This script can be used freely as long as all copyright messages are
|
||||
intact.
|
||||
|
||||
Extra info - Coolmenus reference/help - Extra links to help files ****
|
||||
CSS help: http://192.168.1.31/projects/coolmenus/reference.asp?m=37
|
||||
General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35
|
||||
Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47
|
||||
Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48
|
||||
Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49
|
||||
Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50
|
||||
******************************************************************************/
|
||||
</script>
|
||||
<script language="JavaScript1.2" src="cm_addins.js">
|
||||
/*****************************************************************************
|
||||
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
|
||||
Coolmenus add-in file for more advanced featuers..
|
||||
******************************************************************************/
|
||||
</script>
|
||||
</head>
|
||||
<body topmargin=0 marginheight=0>
|
||||
<script language="JavaScript1.2" src="dhtmlcentral.js">
|
||||
/*****************************************************************************
|
||||
Linked js file with all the menucreation code inside
|
||||
******************************************************************************/
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
49
www/extras/coolmenus/dhtmlcentral.js
Normal file
49
www/extras/coolmenus/dhtmlcentral.js
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
oM=new makeCM("oM"); oM.resizeCheck=1; oM.rows=1; oM.onlineRoot=""; oM.pxBetween =0;
|
||||
oM.fillImg="cm_fill.gif"; oM.fromTop=115; oM.fromLeft=155; oM.wait=300; oM.zIndex=400;
|
||||
oM.useBar=1; oM.barWidth="100%"; oM.barHeight="menu"; oM.barX=0;oM.barY="menu"; oM.barClass="clBar";
|
||||
oM.barBorderX=0; oM.barBorderY=0;
|
||||
oM.level[0]=new cm_makeLevel(90,21,"clT","clTover",1,1,"clB",0,"bottom",0,0,0,0,0);
|
||||
oM.level[1]=new cm_makeLevel(102,22,"clS","clSover",1,1,"clB",0,"right",0,0,"menu_arrow.gif",10,10);
|
||||
oM.level[2]=new cm_makeLevel(110,22,"clS2","clS2over");
|
||||
oM.level[3]=new cm_makeLevel(140,22);
|
||||
|
||||
oM.makeMenu('m1','','News','/news/?m=1');
|
||||
oM.makeMenu('m2','','Projects','/projects/?m=2');
|
||||
oM.makeMenu('m3','','Scripts','/script/?m=3');
|
||||
oM.makeMenu('m4','','Tutorials','/tutorials/?m=4');
|
||||
oM.makeMenu('m5','','Forums','/forums/?m=5');
|
||||
oM.makeMenu('m6','','Resources','/resources/?m=6');
|
||||
oM.makeMenu('m7','','dhtmlcentral','/dhtmlcentral/?m=7');
|
||||
oM.makeMenu('m8','m1','Newest news','/news/?');
|
||||
oM.makeMenu('m9','m1','Archive','/news/?archive=1');
|
||||
oM.makeMenu('m10','m2','CoolMenus','/projects/coolmenus/?m=10','',120,0);
|
||||
oM.makeMenu('m11','m2','DHTML Library','/projects/lib/?m=11','',120,0);
|
||||
oM.makeMenu('m12','m2','DHTML Guestbook','/projects/guestbook/?m=12','',120,0);
|
||||
oM.makeMenu('m13','m3','New scripts','/script/search.asp?new=1');
|
||||
oM.makeMenu('m14','m3','All scripts','/script/?m=14');
|
||||
oM.makeMenu('m15','m3','Categories','/txt/?m=15');
|
||||
oM.makeMenu('m16','m15','Menu','/script/search.asp?category=menu');
|
||||
oM.makeMenu('m17','m15','Text','/script/search.asp?category=text');
|
||||
oM.makeMenu('m18','m15','Animation','/script/search.asp?category=animation');
|
||||
oM.makeMenu('m19','m15','Other','/script/search.asp?category=other');
|
||||
oM.makeMenu('m20','m5','CoolMenus 3','/forums/forum.asp?FORUM_ID=2&CAT_ID=1&Forum_Title=CoolMenus+3');
|
||||
oM.makeMenu('m21','m5','General','/forums/forum.asp?FORUM_ID=6&CAT_ID=1&Forum_Title=General+DHTML+issues');
|
||||
oM.makeMenu('m22','m5','Scripts','/forums/forum.asp?FORUM_ID=4&CAT_ID=1&Forum_Title=DHTML+Scripts');
|
||||
oM.makeMenu('m23','m5','Crossbrowser','/forums/forum.asp?FORUM_ID=3&CAT_ID=1&Forum_Title=Crossbrowser+DHTML');
|
||||
oM.makeMenu('m24','m5','dhtmlcentral.com','/forums/forum.asp?FORUM_ID=5&CAT_ID=1&Forum_Title=dhtmlcentral%2Ecom');
|
||||
oM.makeMenu('m25','m5','Off topic','/forums/forum.asp?FORUM_ID=9&CAT_ID=1&Forum_Title=Off%2Dtopic');
|
||||
oM.makeMenu('m27','m6','Links','/resources/default.asp?m=27');
|
||||
oM.makeMenu('m28','m6','Web books','/resources/books.asp?m=28');
|
||||
oM.makeMenu('m29','m6','Web software','/resources/software.asp?m=29');
|
||||
oM.makeMenu('m39','m7','About','/txt/?m=39');
|
||||
oM.makeMenu('m40','m7','Advertise','/txt/?m=40');
|
||||
oM.makeMenu('m41','m7','Site sponsor','/txt/?m=41');
|
||||
oM.makeMenu('m42','m7','Contributors','/dhtmlcentral/contributors.asp?m=42');
|
||||
oM.makeMenu('m43','m7','Newsletter','/dhtmlcentral/newsletter.asp?m=43');
|
||||
oM.makeMenu('m44','m7','Members','/forums/members.asp?m=44');
|
||||
oM.makeMenu('m45','m7','Copyright','/txt/?m=45');
|
||||
oM.makeMenu('m26','m5','Active topics','/forums/active.asp?m=26');
|
||||
|
||||
//var avail="190+((cmpage.x2-235)/7)";
|
||||
//oM.menuPlacement=new Array(192,avail+"-11",avail+"*2-8",avail+"*3-12",avail+"*4-7",avail+"*5-9",avail+"*6+5")
|
||||
oM.construct()
|
||||
28
www/extras/coolmenus/fixes4.06.txt
Normal file
28
www/extras/coolmenus/fixes4.06.txt
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
FIXED 11/14/02
|
||||
|
||||
1. Though the script worked fine in the new Opera 7 beta the script treated it as Explorer.
|
||||
Therefore I choosed to update the browsercheck a little and now op7 runs more or less
|
||||
the same way as mozilla (creating elements with DOM) (in the no-frame version)
|
||||
NOTE: If you are using frames you should also update the browsercheck inside your
|
||||
menu file (you don't have to though).
|
||||
2. A lot of small fixes here and there:
|
||||
f1. mmout - mout bug
|
||||
f2. bug with using short-notation
|
||||
f3. framelevel scroll bug
|
||||
f4. status http://, mailto bug
|
||||
f5. added onclick events (not really a bug but hey)
|
||||
f6. updated selectbox-add-in to work in frames
|
||||
f7. scroll-add_in bug
|
||||
and some more things.
|
||||
3. Added a level variable. It's called roundBorder and will give you a border around
|
||||
all the elements in that level. Sweet. Check the example "menu_with_roundborder.html"
|
||||
in the zip file for more info.
|
||||
3. cm_addins.js: updated hideselectboxes add-in to work with frames
|
||||
4. Remove link from statusbar on mouseout.
|
||||
5. Fixed status message so it works also with mailto and http:// links.
|
||||
6. Added to main variables (they should explain themselfs):
|
||||
openOnClick
|
||||
closeOnClick
|
||||
|
||||
NEW ZIP:
|
||||
http://www.dhtmlcentral.com/projects/coolmenus/coolmenus4_beta1_06.zip
|
||||
228
www/extras/coolmenus/foldoutmenu_behaviour_mod.html
Normal file
228
www/extras/coolmenus/foldoutmenu_behaviour_mod.html
Normal file
|
|
@ -0,0 +1,228 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Coolmenus example - CoolMenus4 DHTML script made by Thomas Brattli from DHTMLCentral.com. Visit for more great scripts.</title>
|
||||
<style>
|
||||
/* CoolMenus 4 - default styles - do not edit */
|
||||
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
|
||||
/* CoolMenus 4 - default styles - end */
|
||||
|
||||
/*Style for the background-bar*/
|
||||
.clBar{position:absolute; width:10; height:10; background-color:Navy; layer-background-color:Navy; visibility:hidden}
|
||||
|
||||
/*Styles for level 0*/
|
||||
.clLevel0,.clLevel0over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:12px; font-weight:bold}
|
||||
.clLevel0{background-color:Navy; layer-background-color:Navy; color:white;}
|
||||
.clLevel0over{background-color:#336699; layer-background-color:#336699; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.clLevel0border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
|
||||
/*Styles for level 1*/
|
||||
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:tahoma, arial,helvetica; font-size:11px; font-weight:bold}
|
||||
.clLevel1{background-color:red; layer-background-color:red; color:white;}
|
||||
.clLevel1over{background-color:#336699; layer-background-color:#336699; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.clLevel1border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
|
||||
/*Styles for level 2*/
|
||||
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:bold}
|
||||
.clLevel2{background-color:Navy; layer-background-color:Navy; color:white;}
|
||||
.clLevel2over{background-color:#0099cc; layer-background-color:#0099cc; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.clLevel2border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
</style>
|
||||
<script language="JavaScript1.2" src="coolmenus4.js">
|
||||
/*****************************************************************************
|
||||
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
|
||||
|
||||
DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
|
||||
Version 4.0_beta
|
||||
This script can be used freely as long as all copyright messages are
|
||||
intact.
|
||||
|
||||
Extra info - Coolmenus reference/help - Extra links to help files ****
|
||||
CSS help: http://coolmenus.dhtmlcentral.com/projects/coolmenus/reference.asp?m=37
|
||||
General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35
|
||||
Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47
|
||||
Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48
|
||||
Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49
|
||||
Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50
|
||||
******************************************************************************/
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
|
||||
/***
|
||||
This is the menu creation code - place it right after you body tag
|
||||
Feel free to add this to a stand-alone js file and link it to your page.
|
||||
**/
|
||||
|
||||
//http://www.dhtmlcentral.com/forums/topic.asp?TOPIC_ID=14477
|
||||
|
||||
//Menu object creation
|
||||
oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname
|
||||
|
||||
oCMenu.frames = 0
|
||||
|
||||
//Menu properties
|
||||
oCMenu.pxBetween=0
|
||||
oCMenu.fromLeft=0
|
||||
oCMenu.fromTop=0
|
||||
oCMenu.rows=0
|
||||
oCMenu.menuPlacement=0
|
||||
|
||||
oCMenu.offlineRoot="file:///C|/Inetpub/wwwroot/dhtmlcentral/projects/coolmenus/examples/"
|
||||
oCMenu.onlineRoot="/coolmenus/"
|
||||
oCMenu.resizeCheck=1
|
||||
oCMenu.wait=1000
|
||||
oCMenu.fillImg="cm_fill.gif"
|
||||
oCMenu.zIndex=0
|
||||
|
||||
//Background bar properties
|
||||
oCMenu.useBar=0
|
||||
oCMenu.barWidth="menu"
|
||||
oCMenu.barHeight="menu"
|
||||
oCMenu.barClass="clBar"
|
||||
oCMenu.barX=0
|
||||
oCMenu.barY=0
|
||||
oCMenu.barBorderX=0
|
||||
oCMenu.barBorderY=0
|
||||
oCMenu.barBorderClass=""
|
||||
|
||||
//Level properties - ALL properties have to be spesified in level 0
|
||||
oCMenu.level[0]=new cm_makeLevel() //Add this for each new level
|
||||
oCMenu.level[0].width=110
|
||||
oCMenu.level[0].height=25
|
||||
oCMenu.level[0].regClass="clLevel0"
|
||||
oCMenu.level[0].overClass="clLevel0over"
|
||||
oCMenu.level[0].borderX=1
|
||||
oCMenu.level[0].borderY=1
|
||||
oCMenu.level[0].borderClass="clLevel0border"
|
||||
oCMenu.level[0].offsetX=0
|
||||
oCMenu.level[0].offsetY=0
|
||||
oCMenu.level[0].rows=0
|
||||
oCMenu.level[0].arrow=0
|
||||
oCMenu.level[0].arrowWidth=0
|
||||
oCMenu.level[0].arrowHeight=0
|
||||
oCMenu.level[0].align="bottom"
|
||||
|
||||
//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
|
||||
oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
|
||||
oCMenu.level[1].width=oCMenu.level[0].width-2
|
||||
oCMenu.level[1].height=22
|
||||
oCMenu.level[1].regClass="clLevel1"
|
||||
oCMenu.level[1].overClass="clLevel1over"
|
||||
oCMenu.level[1].borderX=1
|
||||
oCMenu.level[1].borderY=1
|
||||
oCMenu.level[1].align="right"
|
||||
oCMenu.level[1].offsetX=-(oCMenu.level[0].width-2)/2+20
|
||||
oCMenu.level[1].offsetY=0
|
||||
oCMenu.level[1].borderClass="clLevel1border"
|
||||
|
||||
|
||||
//EXAMPLE SUB LEVEL[2] PROPERTIES - You have to spesify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this
|
||||
oCMenu.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number)
|
||||
oCMenu.level[2].width=150
|
||||
oCMenu.level[2].height=20
|
||||
oCMenu.level[2].offsetX=0
|
||||
oCMenu.level[2].offsetY=0
|
||||
oCMenu.level[2].regClass="clLevel2"
|
||||
oCMenu.level[2].overClass="clLevel2over"
|
||||
oCMenu.level[2].borderClass="clLevel2border"
|
||||
|
||||
|
||||
/******************************************
|
||||
Menu item creation:
|
||||
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout)
|
||||
*************************************/
|
||||
oCMenu.makeMenu('top0','',' News','example2.html','')
|
||||
oCMenu.makeMenu('sub00','top0','Newest news','/news/index.asp')
|
||||
oCMenu.makeMenu('sub001','sub00','- New DHTML API released','','',160,0)
|
||||
oCMenu.makeMenu('sub002','sub00','- Explorer 7 is out','','',160,0)
|
||||
oCMenu.makeMenu('sub003','sub00','- Opera 6 supports innerHTML','','',160,0)
|
||||
oCMenu.makeMenu('sub01','top0','News archive','/news/archive.asp')
|
||||
|
||||
oCMenu.makeMenu('top1','',' Scripts','/scripts/index.asp')
|
||||
oCMenu.makeMenu('sub10','top1','New scripts','/scripts/index.asp?show=new')
|
||||
oCMenu.makeMenu('sub11','top1','All scripts','/scripts/index.asp?show=all')
|
||||
oCMenu.makeMenu('sub12','top1','Popular scripts','/scripts/index.asp?show=pop')
|
||||
|
||||
oCMenu.makeMenu('top2','',' Articles','/articles/index.asp')
|
||||
oCMenu.makeMenu('sub21','top2','Tutorials','/tutorials/index.asp')
|
||||
oCMenu.makeMenu('sub210','sub21','New tutorials','/tutorials/index.asp')
|
||||
oCMenu.makeMenu('sub211','sub21','Tutorials archive','/tutorials/archive.asp')
|
||||
oCMenu.makeMenu('sub22','top2','Other articles','/articles/index.asp')
|
||||
oCMenu.makeMenu('sub220','sub22','New articles','/articles/index.asp?show=new')
|
||||
oCMenu.makeMenu('sub221','sub22','Article archive','/articles/archive.asp')
|
||||
|
||||
oCMenu.makeMenu('top3','',' Forums','/forums/')
|
||||
oCMenu.makeMenu('sub30','top3','General','/forums/forum.asp?FORUM_ID=6&CAT_ID=1&Forum_Title=General+DHTML+issues')
|
||||
oCMenu.makeMenu('sub31','top3','Scripts','/forums/forum.asp?FORUM_ID=4&CAT_ID=1&Forum_Title=DHTML+Scripts')
|
||||
oCMenu.makeMenu('sub32','top3','Crossbrowser','/forums/forum.asp?FORUM_ID=3&CAT_ID=1&Forum_Title=Crossbrowser+DHTML')
|
||||
oCMenu.makeMenu('sub33','top3','CoolMenus','/forums/forum.asp?FORUM_ID=2&CAT_ID=1&Forum_Title=CoolMenus')
|
||||
oCMenu.makeMenu('sub34','top3','dhtmlcentral.com','/forums/forum.asp?FORUM_ID=5&CAT_ID=1&Forum_Title=dhtmlcentral%2Ecom')
|
||||
oCMenu.makeMenu('sub35','top3','Cool sites','/forums/forum.asp?FORUM_ID=1&CAT_ID=1&Forum_Title=Cool+sites')
|
||||
|
||||
oCMenu.makeMenu('top5','',' CoolMenus','/coolmenus/index.asp')
|
||||
oCMenu.makeMenu('sub50','top5','Examples','/coolmenus/examples.asp')
|
||||
oCMenu.makeMenu('sub500','sub50','With frames','/coolmenus/examples.asp?show=with')
|
||||
oCMenu.makeMenu('sub501','sub50','Without frames','/coolmenus/examples.asp?show=without')
|
||||
oCMenu.makeMenu('sub51','top5','Download','/coolmenus/download.asp')
|
||||
oCMenu.makeMenu('sub510','sub51','Download the source code to this menu','/coolmenus/download.asp','',150,40)
|
||||
oCMenu.makeMenu('sub52','top5','Tutorial','/coolmenus/tutorial.asp')
|
||||
oCMenu.makeMenu('sub520','sub52','Learn how to set up the menu','/coolmenus/tutorial.asp','',150,40)
|
||||
oCMenu.makeMenu('sub53','top5','MenuMaker','','',0,0,'','','','','','','','window.open("/coolmenus/maker/","","width=800,height=600")')
|
||||
oCMenu.makeMenu('sub530','sub53','Use the menuMaker to make the menu code for you','','',150,40,'','','','','','','','window.open("/coolmenus/maker/","","width=800,height=600")')
|
||||
oCMenu.makeMenu('sub54','top5','FAQ','/coolmenus/faq.asp')
|
||||
oCMenu.makeMenu('sub540','sub54','Frequently asked questions','coolmenus/faq.asp','',150,40)
|
||||
oCMenu.makeMenu('sub55','top5','Help forum','/forums/forum.asp?FORUM_ID=2&CAT_ID=1&Forum_Title=CoolMenus')
|
||||
oCMenu.makeMenu('sub550','sub55','Go to this forum and post you problems or suggestions regarding the CoolMenus','/forum/forum.asp?forum_id=2','',150,40)
|
||||
|
||||
//Leave this line - it constructs the menu
|
||||
oCMenu.construct()
|
||||
|
||||
|
||||
|
||||
/******************
|
||||
CM_ADD-IN - foldoutmenu (last updated: 11/14/02)
|
||||
|
||||
Test foldoutmenu behaviour.
|
||||
|
||||
Only for level 0
|
||||
|
||||
*****************/
|
||||
makeCM.prototype.onshow+="if(l==1) this.foldout(pm,pm.subx,pm.suby,maxw,maxh,pm.lev)"
|
||||
makeCM.prototype.foldout=function(pm,x,y,w,h,l){
|
||||
//First only toplevel
|
||||
c = this
|
||||
curr = 0
|
||||
pm.mout=""
|
||||
for(var i=0;i<c.l[l].m.length;i++){
|
||||
//move back in place, just in case
|
||||
m = this.m[c.l[l].m[i]]
|
||||
if(m.b.orgy){
|
||||
if(m.b.y!=m.b.orgy) m.b.moveIt(m.b.x,m.b.orgy)
|
||||
}
|
||||
//find current
|
||||
if(curr){ //move'em
|
||||
m.b.orgy = m.b.y
|
||||
m.b.orgsuby = m.suby
|
||||
m.b.moveIt(m.b.x,m.b.y+h)
|
||||
m.mover="pm.b.moveIt(pm.b.x,pm.b.orgy)"
|
||||
}
|
||||
if(c.l[l].m[i] == pm.name) curr = 1
|
||||
}
|
||||
}
|
||||
makeCM.prototype.onhide+="this.foldin()"
|
||||
makeCM.prototype.foldin=function(){
|
||||
//First only toplevel
|
||||
c = this
|
||||
curr = 0
|
||||
l=0
|
||||
for(var i=0;i<c.l[l].m.length;i++){
|
||||
m = this.m[c.l[l].m[i]]
|
||||
if(m.b.orgy) m.b.moveIt(m.b.x,m.b.orgy)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<br>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
||||
BIN
www/extras/coolmenus/frames_version/cm_fill.gif
Normal file
BIN
www/extras/coolmenus/frames_version/cm_fill.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 B |
24
www/extras/coolmenus/frames_version/coolmenus.css
Normal file
24
www/extras/coolmenus/frames_version/coolmenus.css
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
/* CoolMenus 4 - default styles - do not edit */
|
||||
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
|
||||
/* CoolMenus 4 - default styles - end */
|
||||
|
||||
/*Style for the background-bar*/
|
||||
.clBar{position:absolute; width:10; height:10; background-color:Navy; layer-background-color:Navy; visibility:hidden}
|
||||
|
||||
/*Styles for level 0*/
|
||||
.clLevel0,.clLevel0over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:12px; font-weight:bold}
|
||||
.clLevel0{background-color:Navy; layer-background-color:Navy; color:white;}
|
||||
.clLevel0over{background-color:#336699; layer-background-color:#336699; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.clLevel0border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
|
||||
/*Styles for level 1*/
|
||||
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:tahoma, arial,helvetica; font-size:11px; font-weight:bold}
|
||||
.clLevel1{background-color:Navy; layer-background-color:Navy; color:white;}
|
||||
.clLevel1over{background-color:#336699; layer-background-color:#336699; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.clLevel1border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
|
||||
/*Styles for level 2*/
|
||||
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:bold}
|
||||
.clLevel2{background-color:Navy; layer-background-color:Navy; color:white;}
|
||||
.clLevel2over{background-color:#0099cc; layer-background-color:#0099cc; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.clLevel2border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
71
www/extras/coolmenus/frames_version/coolmenus_frame.js
Normal file
71
www/extras/coolmenus/frames_version/coolmenus_frame.js
Normal file
|
|
@ -0,0 +1,71 @@
|
|||
/*********************************************************************
|
||||
Function to find a spesified frame - loops all frames 3 levels deep
|
||||
(should be enough in most cases, I was to lazy to make a proper one)
|
||||
*********************************************************************/
|
||||
function cm_findFrame(frameName){
|
||||
obj=top; var frameObj=0;
|
||||
for(i=0;i<obj.frames.length;i++){
|
||||
if(obj.frames[i].name==frameName){frameObj=obj.frames[i]; break;}; ln=obj.frames[i].frames.length
|
||||
for(j=0;j<ln;j++){
|
||||
if(obj.frames[i].frames[j].name==frameName){frameObj=obj.frames[i].frames[j]; break}; ln2=obj.frames[i].frames[j].frames.length
|
||||
for(a=0;a<ln2;a++){
|
||||
if(obj.frames[i].frames[j].frames[a].name==frameName){frameObj=obj.frames[i].frames[j].frames[a]; break}
|
||||
}
|
||||
}
|
||||
}return frameObj
|
||||
}
|
||||
/*********************************************************************
|
||||
Reload function
|
||||
*********************************************************************/
|
||||
function cm_reload(sep){
|
||||
self.location.href=self.location.href+sep+"reload_coolmenus"
|
||||
}
|
||||
/*********************************************************************
|
||||
Getting the menuobjects
|
||||
*********************************************************************/
|
||||
function cm_getItems(menu,orgframe){
|
||||
var add,ok = 0, frame
|
||||
if(top.name==self.name){
|
||||
//We are not in a frameset, so there's no need to do anything at all.
|
||||
//This could maybe be used to load the menu directly into the page if
|
||||
//the frame didn't exist. That could be nice :)
|
||||
// return
|
||||
}
|
||||
frame = cm_findFrame(orgframe)
|
||||
if(!frame){ //The spesified menu frame doesn't exist
|
||||
self.status="CoolMenu error: Missing menu frame. Frame name: "+orgframe
|
||||
//return
|
||||
}
|
||||
if(frame[menu]){//Checking menu object
|
||||
if(frame[menu].constructed){//Checking if it's constructed
|
||||
frame[menu].makeObjects(0,self)
|
||||
self[menu] = frame[menu] //Making a local copy of the menu object
|
||||
ok = 1
|
||||
}
|
||||
}
|
||||
if(!ok){
|
||||
//This means that we could not find the menus - what to do ??
|
||||
//We try to reload this page in a little while to check again.
|
||||
search = self.location.search
|
||||
//First we check that we haven't already tried:
|
||||
if(search.substr(1).indexOf("reload_coolmenus")==-1){
|
||||
//We haven't tried, so let's try that.
|
||||
if(search.slice(0,1)=="?") sep="&"
|
||||
else sep="?"
|
||||
//This will override the usuall onload
|
||||
//shouldn't use onload, but NS4 didn't like it any other way.
|
||||
//I will have another look later on.
|
||||
self.onload=new Function('setTimeout("cm_reload(\''+sep+'\')",1000)')
|
||||
}
|
||||
}
|
||||
self.status=ok
|
||||
}
|
||||
|
||||
/*Getting items -- arguments:
|
||||
|
||||
menu: The name of the menu object to use
|
||||
frame: The name of the frame
|
||||
|
||||
*/
|
||||
cm_getItems("oCMenu","frmMenu")
|
||||
|
||||
11
www/extras/coolmenus/frames_version/frameset1.html
Normal file
11
www/extras/coolmenus/frames_version/frameset1.html
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Coolmenus example - CoolMenus3 DHTML script made by Thomas Brattli from DHTMLCentral.com. Visit for more great scripts.</title>
|
||||
</head>
|
||||
|
||||
<!-- frames -->
|
||||
<frameset rows="50,*" framespacing="0" frameborder="0" border="0">
|
||||
<frame src="menu1.html" name="frmMenu" id="frmMenu" frameborder="0" scrolling="Auto" noresize marginwidth="0" marginheight="0">
|
||||
<frame src="test1.html" name="frmMain" id="frmMain" frameborder="0" scrolling="Auto" marginwidth="0" marginheight="0">
|
||||
</frameset>
|
||||
</html>
|
||||
10
www/extras/coolmenus/frames_version/frameset2.html
Normal file
10
www/extras/coolmenus/frames_version/frameset2.html
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Coolmenus example - CoolMenus3 DHTML script made by Thomas Brattli from DHTMLCentral.com. Visit for more great scripts.</title>
|
||||
</head>
|
||||
<!-- frames -->
|
||||
<frameset cols="150,*" framespacing="0" frameborder="0">
|
||||
<frame src="menu2.html" name="frmMenu" id="frmMenu" frameborder="0" scrolling="Auto" noresize marginwidth="0" marginheight="0">
|
||||
<frame src="test1.html" name="frmMain" id="frmMain" frameborder="0" scrolling="Auto" marginwidth="0" marginheight="0">
|
||||
</frameset>
|
||||
</html>
|
||||
11
www/extras/coolmenus/frames_version/frameset3.html
Normal file
11
www/extras/coolmenus/frames_version/frameset3.html
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Coolmenus example - CoolMenus3 DHTML script made by Thomas Brattli from DHTMLCentral.com. Visit for more great scripts.</title>
|
||||
</head>
|
||||
|
||||
<!-- frames -->
|
||||
<frameset rows="80,*" framespacing="0" frameborder="0" border="0">
|
||||
<frame src="menu3.html" name="frmMenu" id="frmMenu" frameborder="0" scrolling="Auto" noresize marginwidth="0" marginheight="0">
|
||||
<frame src="test1.html" name="frmMain" id="frmMain" frameborder="0" scrolling="Auto" marginwidth="0" marginheight="0">
|
||||
</frameset>
|
||||
</html>
|
||||
11
www/extras/coolmenus/frames_version/frameset4.html
Normal file
11
www/extras/coolmenus/frames_version/frameset4.html
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Coolmenus example - CoolMenus3 DHTML script made by Thomas Brattli from DHTMLCentral.com. Visit for more great scripts.</title>
|
||||
</head>
|
||||
|
||||
<!-- frames -->
|
||||
<frameset rows="80,*" framespacing="0" frameborder="0" border="0">
|
||||
<frame src="menu4.html" name="frmMenu" id="frmMenu" frameborder="0" scrolling="Auto" noresize marginwidth="0" marginheight="0">
|
||||
<frame src="test1.html" name="frmMain" id="frmMain" frameborder="0" scrolling="Auto" marginwidth="0" marginheight="0">
|
||||
</frameset>
|
||||
</html>
|
||||
188
www/extras/coolmenus/frames_version/menu1.html
Normal file
188
www/extras/coolmenus/frames_version/menu1.html
Normal file
|
|
@ -0,0 +1,188 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Coolmenus example - CoolMenus4 DHTML script made by Thomas Brattli from DHTMLCentral.com. Visit for more great scripts.</title>
|
||||
|
||||
<script language="JavaScript1.2" src="../coolmenus4.js">
|
||||
/*****************************************************************************
|
||||
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
|
||||
|
||||
DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
|
||||
Version 4.0_beta
|
||||
This script can be used freely as long as all copyright messages are
|
||||
intact.
|
||||
|
||||
Extra info - Coolmenus reference/help - Extra links to help files ****
|
||||
CSS help: http://192.168.1.31/projects/coolmenus/reference.asp?m=37
|
||||
General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35
|
||||
Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47
|
||||
Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48
|
||||
Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49
|
||||
Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50
|
||||
******************************************************************************/
|
||||
</script>
|
||||
<link rel="STYLESHEET" type="text/css" href="coolmenus.css">
|
||||
</head>
|
||||
<body marginwidth="0" marginheight="0">
|
||||
<script>
|
||||
/*Browsercheck object - we have to move this into the page to prevent an error in NS4*/
|
||||
function cm_bwcheck(){
|
||||
//In theory we should use object detection, but this script needs work-arounds for almost every browser...
|
||||
this.ver=navigator.appVersion
|
||||
this.agent=navigator.userAgent.toLowerCase()
|
||||
this.dom=document.getElementById?1:0
|
||||
this.ns4=(!this.dom && document.layers)?1:0;
|
||||
this.op=window.opera
|
||||
this.moz=(this.agent.indexOf("gecko")>-1 || window.sidebar)
|
||||
this.ie=this.agent.indexOf("msie")>-1 && !this.op
|
||||
if(this.op){
|
||||
this.op5=(this.agent.indexOf("opera 5")>-1 || this.agent.indexOf("opera/5")>-1)
|
||||
this.op6=(this.agent.indexOf("opera 6")>-1 || this.agent.indexOf("opera/6")>-1)
|
||||
this.op7=this.dom&&!this.op5&&!this.op6 //So all higher opera versions will use it
|
||||
}else if(this.moz) this.ns6 = 1
|
||||
else if(this.ie){
|
||||
this.ie4 = !this.dom && document.all
|
||||
this.ie5 = (this.agent.indexOf("msie 5")>-1)
|
||||
this.ie55 = (this.ie5 && this.agent.indexOf("msie 5.5")>-1)
|
||||
this.ie6 = this.dom && !this.ie4 && !this.ie5 && ! this.ie55
|
||||
}
|
||||
this.mac=(this.agent.indexOf("mac")>-1)
|
||||
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.op5 || this.op6 || this.op7)
|
||||
this.usedom= this.ns6||this.op7//Use dom creation
|
||||
this.reuse = this.ie||this.op7||this.usedom //Reuse layers
|
||||
this.px=this.dom&&!this.op5?"px":""
|
||||
return this
|
||||
}
|
||||
var bw=new cm_bwcheck()
|
||||
/***
|
||||
This is the menu creation code - place it right after you body tag
|
||||
Feel free to add this to a stand-alone js file and link it to your page.
|
||||
**/
|
||||
|
||||
//Menu object creation
|
||||
oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname
|
||||
|
||||
//Netscape 4 - bug fix -
|
||||
//maybe -stupid NS4 - objects are not handled correctly when
|
||||
//the object creator is in a linked file
|
||||
if(bw.ns4) if(!oCMenu["makeMenu"] || !bw["ns4"]) self.location.reload()
|
||||
|
||||
//Frame properties
|
||||
oCMenu.frames = 1
|
||||
|
||||
//Menu properties
|
||||
oCMenu.pxBetween=30
|
||||
oCMenu.fromLeft=20
|
||||
oCMenu.fromTop=0
|
||||
oCMenu.rows=1
|
||||
oCMenu.menuPlacement="center"
|
||||
|
||||
oCMenu.offlineRoot="file:///d|/thomas2/CM_UPDATE/coolmenus/frames_version/"
|
||||
oCMenu.onlineRoot="/coolmenus/frames_version/"
|
||||
oCMenu.resizeCheck=1
|
||||
oCMenu.wait=1000
|
||||
oCMenu.fillImg="cm_fill.gif"
|
||||
oCMenu.zIndex=0
|
||||
|
||||
//Background bar properties
|
||||
oCMenu.useBar=1
|
||||
oCMenu.barWidth="100%"
|
||||
oCMenu.barHeight="menu"
|
||||
oCMenu.barClass="clBar"
|
||||
oCMenu.barX=0
|
||||
oCMenu.barY=0
|
||||
oCMenu.barBorderX=0
|
||||
oCMenu.barBorderY=0
|
||||
oCMenu.barBorderClass=""
|
||||
|
||||
//Level properties - ALL properties have to be spesified in level 0
|
||||
oCMenu.level[0]=new cm_makeLevel() //Add this for each new level
|
||||
oCMenu.level[0].width=110
|
||||
oCMenu.level[0].height=25
|
||||
oCMenu.level[0].regClass="clLevel0"
|
||||
oCMenu.level[0].overClass="clLevel0over"
|
||||
oCMenu.level[0].borderX=1
|
||||
oCMenu.level[0].borderY=1
|
||||
oCMenu.level[0].borderClass="clLevel0border"
|
||||
oCMenu.level[0].offsetX=0
|
||||
oCMenu.level[0].offsetY=0
|
||||
oCMenu.level[0].rows=0
|
||||
oCMenu.level[0].arrow=0
|
||||
oCMenu.level[0].arrowWidth=0
|
||||
oCMenu.level[0].arrowHeight=0
|
||||
oCMenu.level[0].align="bottom"
|
||||
|
||||
|
||||
//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
|
||||
oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
|
||||
oCMenu.level[1].width=oCMenu.level[0].width-2
|
||||
oCMenu.level[1].height=22
|
||||
oCMenu.level[1].regClass="clLevel1"
|
||||
oCMenu.level[1].overClass="clLevel1over"
|
||||
oCMenu.level[1].borderX=1
|
||||
oCMenu.level[1].borderY=1
|
||||
oCMenu.level[1].align="right"
|
||||
oCMenu.level[1].offsetX=-(oCMenu.level[0].width-2)/2+20
|
||||
oCMenu.level[1].offsetY=0
|
||||
oCMenu.level[1].borderClass="clLevel1border"
|
||||
|
||||
|
||||
//EXAMPLE SUB LEVEL[2] PROPERTIES - You have to spesify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this
|
||||
oCMenu.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number)
|
||||
oCMenu.level[2].width=150
|
||||
oCMenu.level[2].height=20
|
||||
oCMenu.level[2].offsetX=0
|
||||
oCMenu.level[2].offsetY=0
|
||||
oCMenu.level[2].regClass="clLevel2"
|
||||
oCMenu.level[2].overClass="clLevel2over"
|
||||
oCMenu.level[2].borderClass="clLevel2border"
|
||||
|
||||
|
||||
/******************************************
|
||||
Menu item creation:
|
||||
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout)
|
||||
*************************************/
|
||||
oCMenu.makeMenu('top0','',' News','test1.html','',200)
|
||||
oCMenu.makeMenu('sub00','top0','Newest news','test2.html','',200)
|
||||
oCMenu.makeMenu('sub001','sub00','- New DHTML API released','test3.html','',160,0)
|
||||
oCMenu.makeMenu('sub002','sub00','- Explorer 7 is out','test1.html','',160,0)
|
||||
oCMenu.makeMenu('sub003','sub00','- Opera 6 supports innerHTML','test1.html','',160,0)
|
||||
oCMenu.makeMenu('sub01','top0','News archive','test2.html')
|
||||
|
||||
oCMenu.makeMenu('top1','',' Scripts','test3.html')
|
||||
oCMenu.makeMenu('sub10','top1','New scripts','test2.html')
|
||||
oCMenu.makeMenu('sub11','top1','All scripts','test1.html')
|
||||
oCMenu.makeMenu('sub12','top1','Popular scripts','test2.html')
|
||||
|
||||
oCMenu.makeMenu('top2','',' Articles','test1.html')
|
||||
oCMenu.makeMenu('sub21','top2','Tutorials','test2.html')
|
||||
oCMenu.makeMenu('sub210','sub21','New tutorials','test3.html')
|
||||
oCMenu.makeMenu('sub211','sub21','Tutorials archive','test1.html')
|
||||
oCMenu.makeMenu('sub22','top2','Other articles','test3.html')
|
||||
oCMenu.makeMenu('sub220','sub22','New articles','test2.html')
|
||||
oCMenu.makeMenu('sub221','sub22','Article archive','test2.html')
|
||||
|
||||
//Leave this line - it constructs the menu
|
||||
|
||||
oCMenu.construct()
|
||||
|
||||
|
||||
|
||||
|
||||
/*OPTIONAL LINE:
|
||||
Because some browsers (especially our old friend NS4)
|
||||
have problems with this initial frame load you might
|
||||
want to add a line similar to this (replace MyFrameName
|
||||
with the name of you frame):
|
||||
|
||||
top.frmMain.location.reload()
|
||||
|
||||
This will ensure that the menu is loaded when
|
||||
the first page is loaded in the main frame.
|
||||
|
||||
This also helps the resize problems in Opera and NS4
|
||||
*/
|
||||
top.frmMain.location.reload()
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
184
www/extras/coolmenus/frames_version/menu2.html
Normal file
184
www/extras/coolmenus/frames_version/menu2.html
Normal file
|
|
@ -0,0 +1,184 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Coolmenus example - CoolMenus4 DHTML script made by Thomas Brattli from DHTMLCentral.com. Visit for more great scripts.</title>
|
||||
|
||||
<script language="JavaScript1.2" src="../coolmenus4.js">
|
||||
/*****************************************************************************
|
||||
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
|
||||
|
||||
DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
|
||||
Version 4.0_beta
|
||||
This script can be used freely as long as all copyright messages are
|
||||
intact.
|
||||
|
||||
Extra info - Coolmenus reference/help - Extra links to help files ****
|
||||
CSS help: http://192.168.1.31/projects/coolmenus/reference.asp?m=37
|
||||
General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35
|
||||
Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47
|
||||
Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48
|
||||
Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49
|
||||
Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50
|
||||
******************************************************************************/
|
||||
</script>
|
||||
<link rel="STYLESHEET" type="text/css" href="coolmenus.css">
|
||||
</head>
|
||||
<body marginwidth="0" marginheight="0">
|
||||
<script>
|
||||
/*Browsercheck object - we have to move this into the page to prevent an error in NS4*/
|
||||
function cm_bwcheck(){
|
||||
function cm_bwcheck(){
|
||||
//In theory we should use object detection, but this script needs work-arounds for almost every browser...
|
||||
this.ver=navigator.appVersion
|
||||
this.agent=navigator.userAgent.toLowerCase()
|
||||
this.dom=document.getElementById?1:0
|
||||
this.ns4=(!this.dom && document.layers)?1:0;
|
||||
this.op=window.opera
|
||||
this.moz=(this.agent.indexOf("gecko")>-1 || window.sidebar)
|
||||
this.ie=this.agent.indexOf("msie")>-1 && !this.op
|
||||
if(this.op){
|
||||
this.op5=(this.agent.indexOf("opera 5")>-1 || this.agent.indexOf("opera/5")>-1)
|
||||
this.op6=(this.agent.indexOf("opera 6")>-1 || this.agent.indexOf("opera/6")>-1)
|
||||
this.op7=this.dom&&!this.op5&&!this.op6 //So all higher opera versions will use it
|
||||
}else if(this.moz) this.ns6 = 1
|
||||
else if(this.ie){
|
||||
this.ie4 = !this.dom && document.all
|
||||
this.ie5 = (this.agent.indexOf("msie 5")>-1)
|
||||
this.ie55 = (this.ie5 && this.agent.indexOf("msie 5.5")>-1)
|
||||
this.ie6 = this.dom && !this.ie4 && !this.ie5 && ! this.ie55
|
||||
}
|
||||
this.mac=(this.agent.indexOf("mac")>-1)
|
||||
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.op5 || this.op6 || this.op7)
|
||||
this.usedom= this.ns6||this.op7//Use dom creation
|
||||
this.reuse = this.ie||this.op7||this.usedom //Reuse layers
|
||||
this.px=this.dom&&!this.op5?"px":""
|
||||
return this
|
||||
}
|
||||
var bw=new cm_bwcheck()
|
||||
/***
|
||||
This is the menu creation code - place it right after you body tag
|
||||
Feel free to add this to a stand-alone js file and link it to your page.
|
||||
**/
|
||||
|
||||
//Menu object creation
|
||||
oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname
|
||||
|
||||
//Netscape 4 - bug fix -
|
||||
//maybe -stupid NS4 - objects are not handled correctly when
|
||||
//the object creator is in a linked file
|
||||
if(bw.ns4) if(!oCMenu["makeMenu"] || !bw["ns4"]) self.location.reload()
|
||||
|
||||
//Frame properties
|
||||
oCMenu.frames = 1
|
||||
|
||||
//Menu properties
|
||||
oCMenu.pxBetween=30
|
||||
oCMenu.fromLeft=0
|
||||
oCMenu.fromTop=20
|
||||
oCMenu.rows=0
|
||||
oCMenu.menuPlacement="center"
|
||||
|
||||
oCMenu.offlineRoot="file:///d|/thomas/coolmenus/frames_version/"
|
||||
oCMenu.onlineRoot="/coolmenus/frames_version/"
|
||||
oCMenu.resizeCheck=1
|
||||
oCMenu.wait=1000
|
||||
oCMenu.fillImg="cm_fill.gif"
|
||||
oCMenu.zIndex=0
|
||||
|
||||
//Background bar properties
|
||||
oCMenu.useBar=1
|
||||
oCMenu.barWidth="menu"
|
||||
oCMenu.barHeight="menu"
|
||||
oCMenu.barClass="clBar"
|
||||
oCMenu.barX="menu"
|
||||
oCMenu.barY="menu"
|
||||
oCMenu.barBorderX=0
|
||||
oCMenu.barBorderY=0
|
||||
oCMenu.barBorderClass=""
|
||||
|
||||
//Level properties - ALL properties have to be spesified in level 0
|
||||
oCMenu.level[0]=new cm_makeLevel() //Add this for each new level
|
||||
oCMenu.level[0].width=110
|
||||
oCMenu.level[0].height=25
|
||||
oCMenu.level[0].regClass="clLevel0"
|
||||
oCMenu.level[0].overClass="clLevel0over"
|
||||
oCMenu.level[0].borderX=1
|
||||
oCMenu.level[0].borderY=1
|
||||
oCMenu.level[0].borderClass="clLevel0border"
|
||||
oCMenu.level[0].offsetX=0
|
||||
oCMenu.level[0].offsetY=0
|
||||
oCMenu.level[0].rows=0
|
||||
oCMenu.level[0].arrow=0
|
||||
oCMenu.level[0].arrowWidth=0
|
||||
oCMenu.level[0].arrowHeight=0
|
||||
oCMenu.level[0].align="right"
|
||||
|
||||
|
||||
//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
|
||||
oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
|
||||
oCMenu.level[1].width=oCMenu.level[0].width-2
|
||||
oCMenu.level[1].height=22
|
||||
oCMenu.level[1].regClass="clLevel1"
|
||||
oCMenu.level[1].overClass="clLevel1over"
|
||||
oCMenu.level[1].borderX=1
|
||||
oCMenu.level[1].borderY=1
|
||||
oCMenu.level[1].align="right"
|
||||
oCMenu.level[1].offsetX=-(oCMenu.level[0].width-2)/2+20
|
||||
oCMenu.level[1].offsetY=0
|
||||
oCMenu.level[1].borderClass="clLevel1border"
|
||||
|
||||
|
||||
//EXAMPLE SUB LEVEL[2] PROPERTIES - You have to spesify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this
|
||||
oCMenu.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number)
|
||||
oCMenu.level[2].width=150
|
||||
oCMenu.level[2].height=20
|
||||
oCMenu.level[2].offsetX=0
|
||||
oCMenu.level[2].offsetY=0
|
||||
oCMenu.level[2].regClass="clLevel2"
|
||||
oCMenu.level[2].overClass="clLevel2over"
|
||||
oCMenu.level[2].borderClass="clLevel2border"
|
||||
|
||||
|
||||
/******************************************
|
||||
Menu item creation:
|
||||
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout)
|
||||
*************************************/
|
||||
oCMenu.makeMenu('top0','',' News','test1.html','')
|
||||
oCMenu.makeMenu('sub00','top0','Newest news','test2.html')
|
||||
oCMenu.makeMenu('sub001','sub00','- New DHTML API released','test3.html','',160,0)
|
||||
oCMenu.makeMenu('sub002','sub00','- Explorer 7 is out','test1.html','',160,0)
|
||||
oCMenu.makeMenu('sub003','sub00','- Opera 6 supports innerHTML','test1.html','',160,0)
|
||||
oCMenu.makeMenu('sub01','top0','News archive','test2.html')
|
||||
|
||||
oCMenu.makeMenu('top1','',' Scripts','test3.html')
|
||||
oCMenu.makeMenu('sub10','top1','New scripts','test2.html')
|
||||
oCMenu.makeMenu('sub11','top1','All scripts','test1.html')
|
||||
oCMenu.makeMenu('sub12','top1','Popular scripts','test2.html')
|
||||
|
||||
oCMenu.makeMenu('top2','',' Articles','test1.html')
|
||||
oCMenu.makeMenu('sub21','top2','Tutorials','test2.html')
|
||||
oCMenu.makeMenu('sub210','sub21','New tutorials','test3.html')
|
||||
oCMenu.makeMenu('sub211','sub21','Tutorials archive','test1.html')
|
||||
oCMenu.makeMenu('sub22','top2','Other articles','test3.html')
|
||||
oCMenu.makeMenu('sub220','sub22','New articles','test2.html')
|
||||
oCMenu.makeMenu('sub221','sub22','Article archive','test2.html')
|
||||
|
||||
//Leave this line - it constructs the menu
|
||||
oCMenu.construct()
|
||||
/*OPTIONAL LINE:
|
||||
Because some browsers (especially our old friend NS4)
|
||||
have problems with this initial frame load you might
|
||||
want to add a line similar to this (replace MyFrameName
|
||||
with the name of you frame):
|
||||
|
||||
top.frmMain.location.reload()
|
||||
|
||||
This will ensure that the menu is loaded when
|
||||
the first page is loaded in the main frame.
|
||||
|
||||
This also helps the resize problems in Opera and NS4
|
||||
*/
|
||||
top.frmMain.location.reload()
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
185
www/extras/coolmenus/frames_version/menu3.html
Normal file
185
www/extras/coolmenus/frames_version/menu3.html
Normal file
|
|
@ -0,0 +1,185 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Coolmenus example - CoolMenus4 DHTML script made by Thomas Brattli from DHTMLCentral.com. Visit for more great scripts.</title>
|
||||
<script language="JavaScript1.2" src="../coolmenus4.js">
|
||||
/*****************************************************************************
|
||||
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
|
||||
|
||||
DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
|
||||
Version 4.0_beta
|
||||
This script can be used freely as long as all copyright messages are
|
||||
intact.
|
||||
|
||||
Extra info - Coolmenus reference/help - Extra links to help files ****
|
||||
CSS help: http://192.168.1.31/projects/coolmenus/reference.asp?m=37
|
||||
General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35
|
||||
Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47
|
||||
Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48
|
||||
Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49
|
||||
Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50
|
||||
******************************************************************************/
|
||||
</script>
|
||||
<link rel="STYLESHEET" type="text/css" href="coolmenus.css">
|
||||
</head>
|
||||
<body marginwidth="0" marginheight="0">
|
||||
<script>
|
||||
/*Browsercheck object - we have to move this into the page to prevent an error in NS4*/
|
||||
function cm_bwcheck(){
|
||||
function cm_bwcheck(){
|
||||
//In theory we should use object detection, but this script needs work-arounds for almost every browser...
|
||||
this.ver=navigator.appVersion
|
||||
this.agent=navigator.userAgent.toLowerCase()
|
||||
this.dom=document.getElementById?1:0
|
||||
this.ns4=(!this.dom && document.layers)?1:0;
|
||||
this.op=window.opera
|
||||
this.moz=(this.agent.indexOf("gecko")>-1 || window.sidebar)
|
||||
this.ie=this.agent.indexOf("msie")>-1 && !this.op
|
||||
if(this.op){
|
||||
this.op5=(this.agent.indexOf("opera 5")>-1 || this.agent.indexOf("opera/5")>-1)
|
||||
this.op6=(this.agent.indexOf("opera 6")>-1 || this.agent.indexOf("opera/6")>-1)
|
||||
this.op7=this.dom&&!this.op5&&!this.op6 //So all higher opera versions will use it
|
||||
}else if(this.moz) this.ns6 = 1
|
||||
else if(this.ie){
|
||||
this.ie4 = !this.dom && document.all
|
||||
this.ie5 = (this.agent.indexOf("msie 5")>-1)
|
||||
this.ie55 = (this.ie5 && this.agent.indexOf("msie 5.5")>-1)
|
||||
this.ie6 = this.dom && !this.ie4 && !this.ie5 && ! this.ie55
|
||||
}
|
||||
this.mac=(this.agent.indexOf("mac")>-1)
|
||||
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.op5 || this.op6 || this.op7)
|
||||
this.usedom= this.ns6||this.op7//Use dom creation
|
||||
this.reuse = this.ie||this.op7||this.usedom //Reuse layers
|
||||
this.px=this.dom&&!this.op5?"px":""
|
||||
return this
|
||||
}
|
||||
var bw=new cm_bwcheck()
|
||||
/***
|
||||
This is the menu creation code - place it right after you body tag
|
||||
Feel free to add this to a stand-alone js file and link it to your page.
|
||||
**/
|
||||
|
||||
//Menu object creation
|
||||
oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname
|
||||
|
||||
//Netscape 4 - bug fix -
|
||||
//maybe -stupid NS4 - objects are not handled correctly when
|
||||
//the object creator is in a linked file
|
||||
if(bw.ns4) if(!oCMenu["makeMenu"] || !bw["ns4"]) self.location.reload()
|
||||
|
||||
//Frame properties
|
||||
oCMenu.frames = 1
|
||||
oCMenu.frameStartLevel = 2
|
||||
|
||||
//Menu properties
|
||||
oCMenu.pxBetween=30
|
||||
oCMenu.fromLeft=20
|
||||
oCMenu.fromTop=0
|
||||
oCMenu.rows=1
|
||||
oCMenu.menuPlacement="center"
|
||||
|
||||
oCMenu.offlineRoot="file:///d|/thomas/coolmenus/frames_version/"
|
||||
oCMenu.onlineRoot="/coolmenus/frames_version/"
|
||||
oCMenu.resizeCheck=1
|
||||
oCMenu.wait=1000
|
||||
oCMenu.fillImg="cm_fill.gif"
|
||||
oCMenu.zIndex=0
|
||||
|
||||
//Background bar properties
|
||||
oCMenu.useBar=1
|
||||
oCMenu.barWidth="100%"
|
||||
oCMenu.barHeight="menu"
|
||||
oCMenu.barClass="clBar"
|
||||
oCMenu.barX=0
|
||||
oCMenu.barY=0
|
||||
oCMenu.barBorderX=0
|
||||
oCMenu.barBorderY=0
|
||||
oCMenu.barBorderClass=""
|
||||
|
||||
//Level properties - ALL properties have to be spesified in level 0
|
||||
oCMenu.level[0]=new cm_makeLevel() //Add this for each new level
|
||||
oCMenu.level[0].width=110
|
||||
oCMenu.level[0].height=25
|
||||
oCMenu.level[0].regClass="clLevel0"
|
||||
oCMenu.level[0].overClass="clLevel0over"
|
||||
oCMenu.level[0].borderX=1
|
||||
oCMenu.level[0].borderY=1
|
||||
oCMenu.level[0].borderClass="clLevel0border"
|
||||
oCMenu.level[0].offsetX=0
|
||||
oCMenu.level[0].offsetY=0
|
||||
oCMenu.level[0].rows=1
|
||||
oCMenu.level[0].arrow=0
|
||||
oCMenu.level[0].arrowWidth=0
|
||||
oCMenu.level[0].arrowHeight=0
|
||||
oCMenu.level[0].align="bottom"
|
||||
|
||||
|
||||
//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
|
||||
oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
|
||||
oCMenu.level[1].width=oCMenu.level[0].width-2
|
||||
oCMenu.level[1].height=22
|
||||
oCMenu.level[1].regClass="clLevel1"
|
||||
oCMenu.level[1].overClass="clLevel1over"
|
||||
oCMenu.level[1].borderX=1
|
||||
oCMenu.level[1].rows=0
|
||||
oCMenu.level[1].borderY=1
|
||||
oCMenu.level[1].align="bottom"
|
||||
oCMenu.level[1].offsetX=-(oCMenu.level[0].width-2)/2+20
|
||||
oCMenu.level[1].offsetY=0
|
||||
oCMenu.level[1].borderClass="clLevel1border"
|
||||
|
||||
|
||||
//EXAMPLE SUB LEVEL[2] PROPERTIES - You have to spesify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this
|
||||
oCMenu.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number)
|
||||
oCMenu.level[2].width=150
|
||||
oCMenu.level[2].height=20
|
||||
oCMenu.level[2].offsetX=0
|
||||
oCMenu.level[2].offsetY=0
|
||||
oCMenu.level[2].regClass="clLevel2"
|
||||
oCMenu.level[2].overClass="clLevel2over"
|
||||
oCMenu.level[2].borderClass="clLevel2border"
|
||||
|
||||
|
||||
/******************************************
|
||||
Menu item creation:
|
||||
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout)
|
||||
*************************************/
|
||||
oCMenu.makeMenu('top0','',' News','test1.html','')
|
||||
oCMenu.makeMenu('sub00','top0','Newest news','test2.html')
|
||||
oCMenu.makeMenu('sub001','sub00','- New DHTML API released','test3.html','',160,0)
|
||||
oCMenu.makeMenu('sub002','sub00','- Explorer 7 is out','test1.html','',160,0)
|
||||
oCMenu.makeMenu('sub003','sub00','- Opera 6 supports innerHTML','test1.html','',160,0)
|
||||
oCMenu.makeMenu('sub01','top0','News archive','test2.html')
|
||||
|
||||
oCMenu.makeMenu('top1','',' Scripts','test3.html')
|
||||
oCMenu.makeMenu('sub10','top1','New scripts','test2.html')
|
||||
oCMenu.makeMenu('sub11','top1','All scripts','test1.html')
|
||||
oCMenu.makeMenu('sub12','top1','Popular scripts','test2.html')
|
||||
|
||||
oCMenu.makeMenu('top2','',' Articles','test1.html')
|
||||
oCMenu.makeMenu('sub21','top2','Tutorials','test2.html')
|
||||
oCMenu.makeMenu('sub210','sub21','New tutorials','test3.html')
|
||||
oCMenu.makeMenu('sub211','sub21','Tutorials archive','test1.html')
|
||||
oCMenu.makeMenu('sub22','top2','Other articles','test3.html')
|
||||
oCMenu.makeMenu('sub220','sub22','New articles','test2.html')
|
||||
oCMenu.makeMenu('sub221','sub22','Article archive','test2.html')
|
||||
|
||||
//Leave this line - it constructs the menu
|
||||
oCMenu.construct()
|
||||
/*OPTIONAL LINE:
|
||||
Because some browsers (especially our old friend NS4)
|
||||
have problems with this initial frame load you might
|
||||
want to add a line similar to this (replace MyFrameName
|
||||
with the name of you frame):
|
||||
|
||||
top.frmMain.location.reload()
|
||||
|
||||
This will ensure that the menu is loaded when
|
||||
the first page is loaded in the main frame.
|
||||
|
||||
This also helps the resize problems in Opera and NS4
|
||||
*/
|
||||
top.frmMain.location.reload()
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
190
www/extras/coolmenus/frames_version/menu4.html
Normal file
190
www/extras/coolmenus/frames_version/menu4.html
Normal file
|
|
@ -0,0 +1,190 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Coolmenus example - CoolMenus4 DHTML script made by Thomas Brattli from DHTMLCentral.com. Visit for more great scripts.</title>
|
||||
|
||||
<script language="JavaScript1.2" src="../coolmenus4.js">
|
||||
/*****************************************************************************
|
||||
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
|
||||
|
||||
DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
|
||||
Version 4.0_beta
|
||||
This script can be used freely as long as all copyright messages are
|
||||
intact.
|
||||
|
||||
Extra info - Coolmenus reference/help - Extra links to help files ****
|
||||
CSS help: http://192.168.1.31/projects/coolmenus/reference.asp?m=37
|
||||
General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35
|
||||
Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47
|
||||
Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48
|
||||
Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49
|
||||
Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50
|
||||
******************************************************************************/
|
||||
</script>
|
||||
<link rel="STYLESHEET" type="text/css" href="coolmenus.css">
|
||||
</head>
|
||||
<body marginwidth="0" marginheight="0">
|
||||
<script>
|
||||
/*Browsercheck object - we have to move this into the page to prevent an error in NS4*/
|
||||
function cm_bwcheck(){
|
||||
//In theory we should use object detection, but this script needs work-arounds for almost every browser...
|
||||
this.ver=navigator.appVersion
|
||||
this.agent=navigator.userAgent.toLowerCase()
|
||||
this.dom=document.getElementById?1:0
|
||||
this.ns4=(!this.dom && document.layers)?1:0;
|
||||
this.op=window.opera
|
||||
this.moz=(this.agent.indexOf("gecko")>-1 || window.sidebar)
|
||||
this.ie=this.agent.indexOf("msie")>-1 && !this.op
|
||||
if(this.op){
|
||||
this.op5=(this.agent.indexOf("opera 5")>-1 || this.agent.indexOf("opera/5")>-1)
|
||||
this.op6=(this.agent.indexOf("opera 6")>-1 || this.agent.indexOf("opera/6")>-1)
|
||||
this.op7=this.dom&&!this.op5&&!this.op6 //So all higher opera versions will use it
|
||||
}else if(this.moz) this.ns6 = 1
|
||||
else if(this.ie){
|
||||
this.ie4 = !this.dom && document.all
|
||||
this.ie5 = (this.agent.indexOf("msie 5")>-1)
|
||||
this.ie55 = (this.ie5 && this.agent.indexOf("msie 5.5")>-1)
|
||||
this.ie6 = this.dom && !this.ie4 && !this.ie5 && ! this.ie55
|
||||
}
|
||||
this.mac=(this.agent.indexOf("mac")>-1)
|
||||
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.op5 || this.op6 || this.op7)
|
||||
this.usedom= this.ns6||this.op7//Use dom creation
|
||||
this.reuse = this.ie||this.op7||this.usedom //Reuse layers
|
||||
this.px=this.dom&&!this.op5?"px":""
|
||||
return this
|
||||
}
|
||||
var bw=new cm_bwcheck()
|
||||
/***
|
||||
This is the menu creation code - place it right after you body tag
|
||||
Feel free to add this to a stand-alone js file and link it to your page.
|
||||
**/
|
||||
|
||||
//Menu object creation
|
||||
oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname
|
||||
|
||||
//Netscape 4 - bug fix -
|
||||
//maybe -stupid NS4 - objects are not handled correctly when
|
||||
//the object creator is in a linked file
|
||||
if(bw.ns4) if(!oCMenu["makeMenu"] || !bw["ns4"]) self.location.reload()
|
||||
|
||||
//Frame properties
|
||||
oCMenu.frames = 1
|
||||
|
||||
//Menu properties
|
||||
oCMenu.pxBetween=30
|
||||
oCMenu.fromLeft=20
|
||||
oCMenu.fromTop=0
|
||||
oCMenu.rows=1
|
||||
oCMenu.menuPlacement="center"
|
||||
|
||||
//New properties in 4.06 - Set to open and/or close the menu onclick
|
||||
oCMenu.openOnClick=1
|
||||
oCMenu.closeOnClick=1
|
||||
|
||||
oCMenu.offlineRoot="file:///d|/thomas/coolmenus/frames_version/"
|
||||
oCMenu.onlineRoot="/coolmenus/frames_version/"
|
||||
oCMenu.resizeCheck=1
|
||||
oCMenu.wait=1000
|
||||
oCMenu.fillImg="cm_fill.gif"
|
||||
oCMenu.zIndex=0
|
||||
|
||||
//Background bar properties
|
||||
oCMenu.useBar=1
|
||||
oCMenu.barWidth="100%"
|
||||
oCMenu.barHeight="menu"
|
||||
oCMenu.barClass="clBar"
|
||||
oCMenu.barX=0
|
||||
oCMenu.barY=0
|
||||
oCMenu.barBorderX=0
|
||||
oCMenu.barBorderY=0
|
||||
oCMenu.barBorderClass=""
|
||||
|
||||
//Level properties - ALL properties have to be spesified in level 0
|
||||
oCMenu.level[0]=new cm_makeLevel() //Add this for each new level
|
||||
oCMenu.level[0].width=110
|
||||
oCMenu.level[0].height=25
|
||||
oCMenu.level[0].regClass="clLevel0"
|
||||
oCMenu.level[0].overClass="clLevel0over"
|
||||
oCMenu.level[0].borderX=1
|
||||
oCMenu.level[0].borderY=1
|
||||
oCMenu.level[0].borderClass="clLevel0border"
|
||||
oCMenu.level[0].offsetX=0
|
||||
oCMenu.level[0].offsetY=0
|
||||
oCMenu.level[0].rows=0
|
||||
oCMenu.level[0].arrow=0
|
||||
oCMenu.level[0].arrowWidth=0
|
||||
oCMenu.level[0].arrowHeight=0
|
||||
oCMenu.level[0].align="bottom"
|
||||
|
||||
|
||||
//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
|
||||
oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
|
||||
oCMenu.level[1].width=oCMenu.level[0].width-2
|
||||
oCMenu.level[1].height=22
|
||||
oCMenu.level[1].regClass="clLevel1"
|
||||
oCMenu.level[1].overClass="clLevel1over"
|
||||
oCMenu.level[1].borderX=1
|
||||
oCMenu.level[1].borderY=1
|
||||
oCMenu.level[1].align="right"
|
||||
oCMenu.level[1].offsetX=-(oCMenu.level[0].width-2)/2+20
|
||||
oCMenu.level[1].offsetY=0
|
||||
oCMenu.level[1].borderClass="clLevel1border"
|
||||
|
||||
|
||||
//EXAMPLE SUB LEVEL[2] PROPERTIES - You have to spesify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this
|
||||
oCMenu.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number)
|
||||
oCMenu.level[2].width=150
|
||||
oCMenu.level[2].height=20
|
||||
oCMenu.level[2].offsetX=0
|
||||
oCMenu.level[2].offsetY=0
|
||||
oCMenu.level[2].regClass="clLevel2"
|
||||
oCMenu.level[2].overClass="clLevel2over"
|
||||
oCMenu.level[2].borderClass="clLevel2border"
|
||||
|
||||
|
||||
/******************************************
|
||||
Menu item creation:
|
||||
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout)
|
||||
*************************************/
|
||||
|
||||
|
||||
oCMenu.makeMenu('top0','',' News','test1.html','')
|
||||
oCMenu.makeMenu('sub00','top0','Newest news','test2.html')
|
||||
oCMenu.makeMenu('sub001','sub00','- New DHTML API released','test3.html','',160,0)
|
||||
oCMenu.makeMenu('sub002','sub00','- Explorer 7 is out','test1.html','',160,0)
|
||||
oCMenu.makeMenu('sub003','sub00','- Opera 6 supports innerHTML','test1.html','',160,0)
|
||||
oCMenu.makeMenu('sub01','top0','News archive','test2.html')
|
||||
|
||||
oCMenu.makeMenu('top1','',' Scripts','test3.html')
|
||||
oCMenu.makeMenu('sub10','top1','New scripts','test2.html')
|
||||
oCMenu.makeMenu('sub11','top1','All scripts','test1.html')
|
||||
oCMenu.makeMenu('sub12','top1','Popular scripts','test2.html')
|
||||
|
||||
oCMenu.makeMenu('top2','',' Articles','test1.html')
|
||||
oCMenu.makeMenu('sub21','top2','Tutorials','test2.html')
|
||||
oCMenu.makeMenu('sub210','sub21','New tutorials','test3.html')
|
||||
oCMenu.makeMenu('sub211','sub21','Tutorials archive','test1.html')
|
||||
oCMenu.makeMenu('sub22','top2','Other articles','test3.html')
|
||||
oCMenu.makeMenu('sub220','sub22','New articles','test2.html')
|
||||
oCMenu.makeMenu('sub221','sub22','Article archive','test2.html')
|
||||
|
||||
//Leave this line - it constructs the menu
|
||||
oCMenu.construct()
|
||||
|
||||
/*OPTIONAL LINE:
|
||||
Because some browsers (especially our old friend NS4)
|
||||
have problems with this initial frame load you might
|
||||
want to add a line similar to this (replace MyFrameName
|
||||
with the name of you frame):
|
||||
|
||||
top.frmMain.location.reload()
|
||||
|
||||
This will ensure that the menu is loaded when
|
||||
the first page is loaded in the main frame.
|
||||
|
||||
This also helps the resize problems in Opera and NS4
|
||||
*/
|
||||
top.frmMain.location.reload()
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
30
www/extras/coolmenus/frames_version/test1.html
Normal file
30
www/extras/coolmenus/frames_version/test1.html
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Coolmenus example - CoolMenus3 DHTML script made by Thomas Brattli from DHTMLCentral.com. Visit for more great scripts.</title>
|
||||
<link rel="STYLESHEET" type="text/css" href="coolmenus.css">
|
||||
</head>
|
||||
|
||||
<body bgcolor="silver">
|
||||
<script src="coolmenus_frame.js" type="text/javascript"></script>
|
||||
|
||||
Test 1<br>
|
||||
<br>
|
||||
<br>
|
||||
Test 1
|
||||
<br>
|
||||
<br>
|
||||
Test 1<br>
|
||||
<br>
|
||||
<br>
|
||||
Test 1<br>
|
||||
<br>
|
||||
<br>
|
||||
Test 1<br>
|
||||
<br>
|
||||
<br>
|
||||
Test 1<br>
|
||||
<br>
|
||||
<br>
|
||||
Test 1
|
||||
</body>
|
||||
</html>
|
||||
45
www/extras/coolmenus/frames_version/test2.html
Normal file
45
www/extras/coolmenus/frames_version/test2.html
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Coolmenus example - CoolMenus3 DHTML script made by Thomas Brattli from DHTMLCentral.com. Visit for more great scripts.</title>
|
||||
<link rel="STYLESHEET" type="text/css" href="coolmenus.css">
|
||||
</head>
|
||||
|
||||
<body bgcolor="silver">
|
||||
<script src="coolmenus_frame.js" type="text/javascript"></script>
|
||||
<br>
|
||||
<br>
|
||||
Test 2<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
41
www/extras/coolmenus/frames_version/test3.html
Normal file
41
www/extras/coolmenus/frames_version/test3.html
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Coolmenus example - CoolMenus3 DHTML script made by Thomas Brattli from DHTMLCentral.com. Visit for more great scripts.</title>
|
||||
<link rel="STYLESHEET" type="text/css" href="coolmenus.css">
|
||||
</head>
|
||||
|
||||
<body bgcolor="silver">
|
||||
<script src="coolmenus_frame.js" type="text/javascript"></script>
|
||||
<br>
|
||||
<br>
|
||||
Test 3
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
217
www/extras/coolmenus/hide_selectbox_and_form_example.html
Normal file
217
www/extras/coolmenus/hide_selectbox_and_form_example.html
Normal file
|
|
@ -0,0 +1,217 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Coolmenus example - CoolMenus4 DHTML script made by Thomas Brattli from DHTMLCentral.com. Visit for more great scripts.</title>
|
||||
<style>
|
||||
/* CoolMenus 4 - default styles - do not edit */
|
||||
.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
|
||||
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
|
||||
/* CoolMenus 4 - default styles - end */
|
||||
|
||||
/*Style for the background-bar*/
|
||||
.clBar{position:absolute; width:10; height:10; background-color:Navy; layer-background-color:Navy; visibility:hidden}
|
||||
|
||||
/*Styles for level 0*/
|
||||
.clLevel0,.clLevel0over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:12px; font-weight:bold}
|
||||
.clLevel0{background-color:Navy; layer-background-color:Navy; color:white;}
|
||||
.clLevel0over{background-color:#336699; layer-background-color:#336699; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.clLevel0border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
|
||||
/*Styles for level 1*/
|
||||
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:tahoma, arial,helvetica; font-size:11px; font-weight:bold}
|
||||
.clLevel1{background-color:Navy; layer-background-color:Navy; color:white;}
|
||||
.clLevel1over{background-color:#336699; layer-background-color:#336699; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.clLevel1border{position:absolute; z-index:500; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
|
||||
/*Styles for level 2*/
|
||||
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:bold}
|
||||
.clLevel2{background-color:Navy; layer-background-color:Navy; color:white;}
|
||||
.clLevel2over{background-color:#0099cc; layer-background-color:#0099cc; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.clLevel2border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
</style>
|
||||
<script language="JavaScript1.2" src="coolmenus4.js">
|
||||
/*****************************************************************************
|
||||
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
|
||||
|
||||
DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
|
||||
Version 4.0_beta
|
||||
This script can be used freely as long as all copyright messages are
|
||||
intact.
|
||||
|
||||
Extra info - Coolmenus reference/help - Extra links to help files ****
|
||||
CSS help: http://192.168.1.31/projects/coolmenus/reference.asp?m=37
|
||||
General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35
|
||||
Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47
|
||||
Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48
|
||||
Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49
|
||||
Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50
|
||||
******************************************************************************/
|
||||
</script>
|
||||
<script language="JavaScript1.2" src="cm_addins.js">
|
||||
/*****************************************************************************
|
||||
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
|
||||
Coolmenus add-in file for more advanced featuers..
|
||||
******************************************************************************/
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
/***
|
||||
This is the menu creation code - place it right after you body tag
|
||||
Feel free to add this to a stand-alone js file and link it to your page.
|
||||
**/
|
||||
|
||||
//Menu object creation
|
||||
oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname
|
||||
|
||||
//Menu properties
|
||||
oCMenu.pxBetween=30
|
||||
oCMenu.fromLeft=20
|
||||
oCMenu.fromTop=0
|
||||
oCMenu.rows=1
|
||||
oCMenu.menuPlacement="center"
|
||||
|
||||
oCMenu.offlineRoot="file:///C|/Inetpub/wwwroot/dhtmlcentral/projects/coolmenus/examples/"
|
||||
oCMenu.onlineRoot="/coolmenus/"
|
||||
oCMenu.resizeCheck=1
|
||||
oCMenu.wait=1000
|
||||
oCMenu.fillImg="cm_fill.gif"
|
||||
oCMenu.zIndex=0
|
||||
|
||||
//Netscape 4 and Opera form work-around !! !! !! !! !!
|
||||
if(bw.ns4 || bw.op5 || bw.op6){
|
||||
oCMenu.onshow="document.layers?document.layers.formLayer.visibility='hidden':document.getElementById('formDiv').style.visibility='hidden';"
|
||||
oCMenu.onhide="document.layers?document.layers.formLayer.visibility='visible':document.getElementById('formDiv').style.visibility='visible';"
|
||||
}
|
||||
|
||||
//Background bar properties
|
||||
oCMenu.useBar=1
|
||||
oCMenu.barWidth="100%"
|
||||
oCMenu.barHeight="menu"
|
||||
oCMenu.barClass="clBar"
|
||||
oCMenu.barX=0
|
||||
oCMenu.barY=0
|
||||
oCMenu.barBorderX=0
|
||||
oCMenu.barBorderY=0
|
||||
oCMenu.barBorderClass=""
|
||||
|
||||
//Level properties - ALL properties have to be spesified in level 0
|
||||
oCMenu.level[0]=new cm_makeLevel() //Add this for each new level
|
||||
oCMenu.level[0].width=110
|
||||
oCMenu.level[0].height=25
|
||||
oCMenu.level[0].regClass="clLevel0"
|
||||
oCMenu.level[0].overClass="clLevel0over"
|
||||
oCMenu.level[0].borderX=1
|
||||
oCMenu.level[0].borderY=1
|
||||
oCMenu.level[0].borderClass="clLevel0border"
|
||||
oCMenu.level[0].offsetX=0
|
||||
oCMenu.level[0].offsetY=0
|
||||
oCMenu.level[0].rows=0
|
||||
oCMenu.level[0].arrow=0
|
||||
oCMenu.level[0].arrowWidth=0
|
||||
oCMenu.level[0].arrowHeight=0
|
||||
oCMenu.level[0].align="bottom"
|
||||
|
||||
|
||||
//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
|
||||
oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
|
||||
oCMenu.level[1].width=oCMenu.level[0].width-2
|
||||
oCMenu.level[1].height=22
|
||||
oCMenu.level[1].regClass="clLevel1"
|
||||
oCMenu.level[1].overClass="clLevel1over"
|
||||
oCMenu.level[1].borderX=1
|
||||
oCMenu.level[1].borderY=1
|
||||
oCMenu.level[1].align="right"
|
||||
oCMenu.level[1].offsetX=-(oCMenu.level[0].width-2)/2+20
|
||||
oCMenu.level[1].offsetY=0
|
||||
oCMenu.level[1].borderClass="clLevel1border"
|
||||
|
||||
|
||||
//EXAMPLE SUB LEVEL[2] PROPERTIES - You have to spesify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this
|
||||
oCMenu.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number)
|
||||
oCMenu.level[2].width=150
|
||||
oCMenu.level[2].height=20
|
||||
oCMenu.level[2].offsetX=0
|
||||
oCMenu.level[2].offsetY=0
|
||||
oCMenu.level[2].regClass="clLevel2"
|
||||
oCMenu.level[2].overClass="clLevel2over"
|
||||
oCMenu.level[2].borderClass="clLevel2border"
|
||||
|
||||
|
||||
/******************************************
|
||||
Menu item creation:
|
||||
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout)
|
||||
*************************************/
|
||||
oCMenu.makeMenu('top0','',' News','example2.html','')
|
||||
oCMenu.makeMenu('sub00','top0','Newest news','/news/index.asp')
|
||||
oCMenu.makeMenu('sub001','sub00','- New DHTML API released','','',160,0)
|
||||
oCMenu.makeMenu('sub002','sub00','- Explorer 7 is out','','',160,0)
|
||||
oCMenu.makeMenu('sub003','sub00','- Opera 6 supports innerHTML','','',160,0)
|
||||
oCMenu.makeMenu('sub01','top0','News archive','/news/archive.asp')
|
||||
|
||||
oCMenu.makeMenu('top1','',' Scripts','/scripts/index.asp')
|
||||
oCMenu.makeMenu('sub10','top1','New scripts','/scripts/index.asp?show=new')
|
||||
oCMenu.makeMenu('sub11','top1','All scripts','/scripts/index.asp?show=all')
|
||||
oCMenu.makeMenu('sub12','top1','Popular scripts','/scripts/index.asp?show=pop')
|
||||
|
||||
oCMenu.makeMenu('top2','',' Articles','/articles/index.asp')
|
||||
oCMenu.makeMenu('sub21','top2','Tutorials','/tutorials/index.asp')
|
||||
oCMenu.makeMenu('sub210','sub21','New tutorials','/tutorials/index.asp')
|
||||
oCMenu.makeMenu('sub211','sub21','Tutorials archive','/tutorials/archive.asp')
|
||||
oCMenu.makeMenu('sub22','top2','Other articles','/articles/index.asp')
|
||||
oCMenu.makeMenu('sub220','sub22','New articles','/articles/index.asp?show=new')
|
||||
oCMenu.makeMenu('sub221','sub22','Article archive','/articles/archive.asp')
|
||||
|
||||
oCMenu.makeMenu('top3','',' Forums','/forums/')
|
||||
oCMenu.makeMenu('sub30','top3','General','/forums/forum.asp?FORUM_ID=6&CAT_ID=1&Forum_Title=General+DHTML+issues')
|
||||
oCMenu.makeMenu('sub31','top3','Scripts','/forums/forum.asp?FORUM_ID=4&CAT_ID=1&Forum_Title=DHTML+Scripts')
|
||||
oCMenu.makeMenu('sub32','top3','Crossbrowser','/forums/forum.asp?FORUM_ID=3&CAT_ID=1&Forum_Title=Crossbrowser+DHTML')
|
||||
oCMenu.makeMenu('sub33','top3','CoolMenus','/forums/forum.asp?FORUM_ID=2&CAT_ID=1&Forum_Title=CoolMenus')
|
||||
oCMenu.makeMenu('sub34','top3','dhtmlcentral.com','/forums/forum.asp?FORUM_ID=5&CAT_ID=1&Forum_Title=dhtmlcentral%2Ecom')
|
||||
oCMenu.makeMenu('sub35','top3','Cool sites','/forums/forum.asp?FORUM_ID=1&CAT_ID=1&Forum_Title=Cool+sites')
|
||||
|
||||
oCMenu.makeMenu('top5','',' CoolMenus','/coolmenus/index.asp')
|
||||
oCMenu.makeMenu('sub50','top5','Examples','/coolmenus/examples.asp')
|
||||
oCMenu.makeMenu('sub500','sub50','With frames','/coolmenus/examples.asp?show=with')
|
||||
oCMenu.makeMenu('sub501','sub50','Without frames','/coolmenus/examples.asp?show=without')
|
||||
oCMenu.makeMenu('sub51','top5','Download','/coolmenus/download.asp')
|
||||
oCMenu.makeMenu('sub510','sub51','Download the source code to this menu','/coolmenus/download.asp','',150,40)
|
||||
oCMenu.makeMenu('sub52','top5','Tutorial','/coolmenus/tutorial.asp')
|
||||
oCMenu.makeMenu('sub520','sub52','Learn how to set up the menu','/coolmenus/tutorial.asp','',150,40)
|
||||
oCMenu.makeMenu('sub53','top5','MenuMaker','','',0,0,'','','','','','','','window.open("/coolmenus/maker/","","width=800,height=600")')
|
||||
oCMenu.makeMenu('sub530','sub53','Use the menuMaker to make the menu code for you','','',150,40,'','','','','','','','window.open("/coolmenus/maker/","","width=800,height=600")')
|
||||
oCMenu.makeMenu('sub54','top5','FAQ','/coolmenus/faq.asp')
|
||||
oCMenu.makeMenu('sub540','sub54','Frequently asked questions','coolmenus/faq.asp','',150,40)
|
||||
oCMenu.makeMenu('sub55','top5','Help forum','/forums/forum.asp?FORUM_ID=2&CAT_ID=1&Forum_Title=CoolMenus')
|
||||
oCMenu.makeMenu('sub550','sub55','Go to this forum and post you problems or suggestions regarding the CoolMenus','/forum/forum.asp?forum_id=2','',150,40)
|
||||
|
||||
//Leave this line - it constructs the menu
|
||||
oCMenu.construct()
|
||||
</script>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<ilayer id="formLayer"><div id="formDiv">
|
||||
<form>
|
||||
<select>
|
||||
<option>asd asd asd asd </option>
|
||||
</select>
|
||||
<select>
|
||||
<option>asd asd asd asd asd</option>
|
||||
</select>
|
||||
<input type="text" value="">
|
||||
<select>
|
||||
<option>asd asd asd asd </option>
|
||||
</select>
|
||||
</form>
|
||||
</div></ilayer>
|
||||
As you can see in this page there are form elements. In Netscape 4 and Opera there's a bug that makes ALL form elements
|
||||
get the highest z-index. That means that the form elements "shines" trough the elements. In explorer, netscape 6 and opera this only goes
|
||||
for select boxes. So I have made a check that you can turn on (oCMenu.checkselect) that checks for select boxes and
|
||||
hides them if they come in the way of the menu. Unfortunatly this can not be done in Netscape so I have added another workaround to
|
||||
that problem on this page. Surround your entire form with a ILAYER tag (ilayers are positioned relative by default). Add a id to
|
||||
the layer and show it onshow and hide it onhide. I have also surronded it with a div called "formDiv" that I hide and show for Opera.
|
||||
<br>
|
||||
<br>
|
||||
See the source-code for more information.
|
||||
</body>
|
||||
</html>
|
||||
BIN
www/extras/coolmenus/img1.gif
Normal file
BIN
www/extras/coolmenus/img1.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 405 B |
BIN
www/extras/coolmenus/img1_on.gif
Normal file
BIN
www/extras/coolmenus/img1_on.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 360 B |
BIN
www/extras/coolmenus/img_sub.gif
Normal file
BIN
www/extras/coolmenus/img_sub.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 397 B |
BIN
www/extras/coolmenus/img_sub_on.gif
Normal file
BIN
www/extras/coolmenus/img_sub_on.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
184
www/extras/coolmenus/menu1.html
Normal file
184
www/extras/coolmenus/menu1.html
Normal file
|
|
@ -0,0 +1,184 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Coolmenus example - CoolMenus4 DHTML script made by Thomas Brattli from DHTMLCentral.com. Visit for more great scripts.</title>
|
||||
<style>
|
||||
/* CoolMenus 4 - default styles - do not edit */
|
||||
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
|
||||
/* CoolMenus 4 - default styles - end */
|
||||
|
||||
/*Style for the background-bar*/
|
||||
.clBar{position:absolute; width:10; height:10; background-color:Navy; layer-background-color:Navy; visibility:hidden}
|
||||
|
||||
/*Styles for level 0*/
|
||||
.clLevel0,.clLevel0over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:12px; font-weight:bold}
|
||||
.clLevel0{background-color:Navy; layer-background-color:Navy; color:white;}
|
||||
.clLevel0over{background-color:#336699; layer-background-color:#336699; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.clLevel0border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
|
||||
/*Styles for level 1*/
|
||||
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:tahoma, arial,helvetica; font-size:11px; font-weight:bold}
|
||||
.clLevel1{background-color:Navy; layer-background-color:Navy; color:white;}
|
||||
.clLevel1over{background-color:#336699; layer-background-color:#336699; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.clLevel1border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
|
||||
/*Styles for level 2*/
|
||||
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:bold}
|
||||
.clLevel2{background-color:Navy; layer-background-color:Navy; color:white;}
|
||||
.clLevel2over{background-color:#0099cc; layer-background-color:#0099cc; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.clLevel2border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
</style>
|
||||
<script language="JavaScript1.2" src="coolmenus4.js">
|
||||
/*****************************************************************************
|
||||
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
|
||||
|
||||
DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
|
||||
Version 4.0_beta
|
||||
This script can be used freely as long as all copyright messages are
|
||||
intact.
|
||||
|
||||
Extra info - Coolmenus reference/help - Extra links to help files ****
|
||||
CSS help: http://coolmenus.dhtmlcentral.com/projects/coolmenus/reference.asp?m=37
|
||||
General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35
|
||||
Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47
|
||||
Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48
|
||||
Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49
|
||||
Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50
|
||||
******************************************************************************/
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
|
||||
/***
|
||||
This is the menu creation code - place it right after you body tag
|
||||
Feel free to add this to a stand-alone js file and link it to your page.
|
||||
**/
|
||||
|
||||
//Menu object creation
|
||||
oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname
|
||||
|
||||
oCMenu.frames = 0
|
||||
|
||||
//Menu properties
|
||||
oCMenu.pxBetween=30
|
||||
oCMenu.fromLeft=20
|
||||
oCMenu.fromTop=0
|
||||
oCMenu.rows=1
|
||||
oCMenu.menuPlacement="center"
|
||||
|
||||
oCMenu.offlineRoot="file:///C|/Inetpub/wwwroot/dhtmlcentral/projects/coolmenus/examples/"
|
||||
oCMenu.onlineRoot="/coolmenus/"
|
||||
oCMenu.resizeCheck=1
|
||||
oCMenu.wait=1000
|
||||
oCMenu.fillImg="cm_fill.gif"
|
||||
oCMenu.zIndex=0
|
||||
|
||||
//Background bar properties
|
||||
oCMenu.useBar=1
|
||||
oCMenu.barWidth="100%"
|
||||
oCMenu.barHeight="menu"
|
||||
oCMenu.barClass="clBar"
|
||||
oCMenu.barX=0
|
||||
oCMenu.barY=0
|
||||
oCMenu.barBorderX=0
|
||||
oCMenu.barBorderY=0
|
||||
oCMenu.barBorderClass=""
|
||||
|
||||
//Level properties - ALL properties have to be spesified in level 0
|
||||
oCMenu.level[0]=new cm_makeLevel() //Add this for each new level
|
||||
oCMenu.level[0].width=110
|
||||
oCMenu.level[0].height=25
|
||||
oCMenu.level[0].regClass="clLevel0"
|
||||
oCMenu.level[0].overClass="clLevel0over"
|
||||
oCMenu.level[0].borderX=1
|
||||
oCMenu.level[0].borderY=1
|
||||
oCMenu.level[0].borderClass="clLevel0border"
|
||||
oCMenu.level[0].offsetX=0
|
||||
oCMenu.level[0].offsetY=0
|
||||
oCMenu.level[0].rows=0
|
||||
oCMenu.level[0].arrow=0
|
||||
oCMenu.level[0].arrowWidth=0
|
||||
oCMenu.level[0].arrowHeight=0
|
||||
oCMenu.level[0].align="bottom"
|
||||
|
||||
//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
|
||||
oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
|
||||
oCMenu.level[1].width=oCMenu.level[0].width-2
|
||||
oCMenu.level[1].height=22
|
||||
oCMenu.level[1].regClass="clLevel1"
|
||||
oCMenu.level[1].overClass="clLevel1over"
|
||||
oCMenu.level[1].borderX=1
|
||||
oCMenu.level[1].borderY=1
|
||||
oCMenu.level[1].align="right"
|
||||
oCMenu.level[1].offsetX=-(oCMenu.level[0].width-2)/2+20
|
||||
oCMenu.level[1].offsetY=0
|
||||
oCMenu.level[1].borderClass="clLevel1border"
|
||||
|
||||
|
||||
//EXAMPLE SUB LEVEL[2] PROPERTIES - You have to spesify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this
|
||||
oCMenu.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number)
|
||||
oCMenu.level[2].width=150
|
||||
oCMenu.level[2].height=20
|
||||
oCMenu.level[2].offsetX=0
|
||||
oCMenu.level[2].offsetY=0
|
||||
oCMenu.level[2].regClass="clLevel2"
|
||||
oCMenu.level[2].overClass="clLevel2over"
|
||||
oCMenu.level[2].borderClass="clLevel2border"
|
||||
|
||||
|
||||
/******************************************
|
||||
Menu item creation:
|
||||
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout)
|
||||
*************************************/
|
||||
oCMenu.makeMenu('top0','',' News','example2.html','')
|
||||
oCMenu.makeMenu('sub00','top0','Newest news','/news/index.asp')
|
||||
oCMenu.makeMenu('sub001','sub00','- New DHTML API released','','',160,0)
|
||||
oCMenu.makeMenu('sub002','sub00','- Explorer 7 is out','','',160,0)
|
||||
oCMenu.makeMenu('sub003','sub00','- Opera 6 supports innerHTML','','',160,0)
|
||||
oCMenu.makeMenu('sub01','top0','News archive','/news/archive.asp')
|
||||
|
||||
oCMenu.makeMenu('top1','',' Scripts','/scripts/index.asp')
|
||||
oCMenu.makeMenu('sub10','top1','New scripts','/scripts/index.asp?show=new')
|
||||
oCMenu.makeMenu('sub11','top1','All scripts','/scripts/index.asp?show=all')
|
||||
oCMenu.makeMenu('sub12','top1','Popular scripts','/scripts/index.asp?show=pop')
|
||||
|
||||
oCMenu.makeMenu('top2','',' Articles','/articles/index.asp')
|
||||
oCMenu.makeMenu('sub21','top2','Tutorials','/tutorials/index.asp')
|
||||
oCMenu.makeMenu('sub210','sub21','New tutorials','/tutorials/index.asp')
|
||||
oCMenu.makeMenu('sub211','sub21','Tutorials archive','/tutorials/archive.asp')
|
||||
oCMenu.makeMenu('sub22','top2','Other articles','/articles/index.asp')
|
||||
oCMenu.makeMenu('sub220','sub22','New articles','/articles/index.asp?show=new')
|
||||
oCMenu.makeMenu('sub221','sub22','Article archive','/articles/archive.asp')
|
||||
|
||||
oCMenu.makeMenu('top3','',' Forums','http://www.sdf.sdf.sdf/')
|
||||
oCMenu.makeMenu('sub30','top3','General','/forums/forum.asp?FORUM_ID=6&CAT_ID=1&Forum_Title=General+DHTML+issues')
|
||||
oCMenu.makeMenu('sub31','top3','Scripts','/forums/forum.asp?FORUM_ID=4&CAT_ID=1&Forum_Title=DHTML+Scripts')
|
||||
oCMenu.makeMenu('sub32','top3','Crossbrowser','/forums/forum.asp?FORUM_ID=3&CAT_ID=1&Forum_Title=Crossbrowser+DHTML')
|
||||
oCMenu.makeMenu('sub33','top3','CoolMenus','/forums/forum.asp?FORUM_ID=2&CAT_ID=1&Forum_Title=CoolMenus')
|
||||
oCMenu.makeMenu('sub34','top3','dhtmlcentral.com','/forums/forum.asp?FORUM_ID=5&CAT_ID=1&Forum_Title=dhtmlcentral%2Ecom')
|
||||
oCMenu.makeMenu('sub35','top3','Cool sites','/forums/forum.asp?FORUM_ID=1&CAT_ID=1&Forum_Title=Cool+sites')
|
||||
|
||||
oCMenu.makeMenu('top5','',' CoolMenus','mailto:test.html')
|
||||
oCMenu.makeMenu('sub50','top5','Examples','/coolmenus/examples.asp')
|
||||
oCMenu.makeMenu('sub500','sub50','With frames','/coolmenus/examples.asp?show=with')
|
||||
oCMenu.makeMenu('sub501','sub50','Without frames','/coolmenus/examples.asp?show=without')
|
||||
oCMenu.makeMenu('sub51','top5','Download','/coolmenus/download.asp')
|
||||
oCMenu.makeMenu('sub510','sub51','Download the source code to this menu','/coolmenus/download.asp','',150,40)
|
||||
oCMenu.makeMenu('sub52','top5','Tutorial','/coolmenus/tutorial.asp')
|
||||
oCMenu.makeMenu('sub520','sub52','Learn how to set up the menu','/coolmenus/tutorial.asp','',150,40)
|
||||
oCMenu.makeMenu('sub53','top5','MenuMaker','','',0,0,'','','','','','','','window.open("/coolmenus/maker/","","width=800,height=600")')
|
||||
oCMenu.makeMenu('sub530','sub53','Use the menuMaker to make the menu code for you','','',150,40,'','','','','','','','window.open("/coolmenus/maker/","","width=800,height=600")')
|
||||
oCMenu.makeMenu('sub54','top5','FAQ','/coolmenus/faq.asp')
|
||||
oCMenu.makeMenu('sub540','sub54','Frequently asked questions','coolmenus/faq.asp','',150,40)
|
||||
oCMenu.makeMenu('sub55','top5','Help forum','/forums/forum.asp?FORUM_ID=2&CAT_ID=1&Forum_Title=CoolMenus')
|
||||
oCMenu.makeMenu('sub550','sub55','Go to this forum and post you problems or suggestions regarding the CoolMenus','/forum/forum.asp?forum_id=2','',150,40)
|
||||
|
||||
//Leave this line - it constructs the menu
|
||||
oCMenu.construct()
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
171
www/extras/coolmenus/menu2.html
Normal file
171
www/extras/coolmenus/menu2.html
Normal file
|
|
@ -0,0 +1,171 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Coolmenus example - CoolMenus3 DHTML script made by Thomas Brattli from DHTMLCentral.com. Visit for more great scripts.</title>
|
||||
<style>
|
||||
/* CoolMenus 4 - default styles - do not edit */
|
||||
.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
|
||||
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
|
||||
/* CoolMenus 4 - default styles - end */
|
||||
|
||||
/*Style for the background-bar*/
|
||||
.clBar{position:absolute; width:10; height:10; background-color:#FF9900; layer-background-color:#FF9900; visibility:hidden}
|
||||
|
||||
/*Styles for level 0*/
|
||||
.clLevel0,.clLevel0over{position:absolute; padding:1px; font-family:tahoma,arial,helvetica; font-size:12px; font-weight:bold}
|
||||
.clLevel0{color:#336699;}
|
||||
.clLevel0over{background-color:#336699; layer-background-color:#336699; color:#FF9900; cursor:pointer; cursor:hand; }
|
||||
|
||||
/*Styles for level 1*/
|
||||
.clLevel1, .clLevel1over{position:absolute; width:180; padding:2px; font-family:tahoma, arial,helvetica; font-size:11px; font-weight:bold}
|
||||
.clLevel1{background-color:#FF9900; layer-background-color:#FF9900; color:#336699;}
|
||||
.clLevel1over{background-color:#336699; layer-background-color:#336699; color:#FF9900; cursor:pointer; cursor:hand; }
|
||||
.clLevel1border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
|
||||
|
||||
/*Styles for level 2*/
|
||||
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:bold}
|
||||
.clLevel2{background-color:Navy; layer-background-color:Navy; color:white;}
|
||||
.clLevel2over{background-color:#0099cc; layer-background-color:#0099cc; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.clLevel2border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
</style>
|
||||
<script language="JavaScript1.2" src="coolmenus4.js">
|
||||
/*****************************************************************************
|
||||
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
|
||||
|
||||
DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
|
||||
Version 4.0_beta
|
||||
This script can be used freely as long as all copyright messages are
|
||||
intact.
|
||||
|
||||
Extra info - Coolmenus reference/help - Extra links to help files ****
|
||||
CSS help: http://192.168.1.31/projects/coolmenus/reference.asp?m=37
|
||||
General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35
|
||||
Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47
|
||||
Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48
|
||||
Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49
|
||||
Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50
|
||||
******************************************************************************/
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
/***
|
||||
This is the menu creation code - place it right after you body tag
|
||||
Feel free to add this to a stand-alone js file and link it to your page.
|
||||
**/
|
||||
|
||||
//Menu object creation
|
||||
oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname
|
||||
|
||||
//Menu properties
|
||||
oCMenu.pxBetween=30
|
||||
oCMenu.fromLeft=10
|
||||
oCMenu.fromTop=50
|
||||
oCMenu.rows=0
|
||||
oCMenu.menuPlacement=0
|
||||
|
||||
oCMenu.offlineRoot="file:///C|/Inetpub/wwwroot/dhtmlcentral/"
|
||||
oCMenu.onlineRoot=""
|
||||
oCMenu.resizeCheck=1
|
||||
oCMenu.wait=1000
|
||||
oCMenu.fillImg="cm_fill.gif"
|
||||
oCMenu.zIndex=0
|
||||
|
||||
//Background bar properties
|
||||
oCMenu.useBar=1
|
||||
oCMenu.barWidth="menu"
|
||||
oCMenu.barHeight="menu"
|
||||
oCMenu.barClass="clBar"
|
||||
oCMenu.barX="menu"
|
||||
oCMenu.barY="menu"
|
||||
oCMenu.barBorderX=0
|
||||
oCMenu.barBorderY=0
|
||||
oCMenu.barBorderClass=""
|
||||
|
||||
//Level properties - ALL properties have to be spesified in level 0
|
||||
oCMenu.level[0]=new cm_makeLevel() //Add this for each new level
|
||||
oCMenu.level[0].width=120
|
||||
oCMenu.level[0].height=25
|
||||
oCMenu.level[0].regClass="clLevel0"
|
||||
oCMenu.level[0].overClass="clLevel0over"
|
||||
oCMenu.level[0].borderX=0
|
||||
oCMenu.level[0].borderY=0
|
||||
oCMenu.level[0].borderClass=0
|
||||
oCMenu.level[0].offsetX=0
|
||||
oCMenu.level[0].offsetY=0
|
||||
oCMenu.level[0].rows=1
|
||||
oCMenu.level[0].align="right"
|
||||
|
||||
|
||||
//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to spesify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
|
||||
oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
|
||||
oCMenu.level[1].width=oCMenu.level[0].width-2
|
||||
oCMenu.level[1].height=22
|
||||
oCMenu.level[1].regClass="clLevel1"
|
||||
oCMenu.level[1].overClass="clLevel1over"
|
||||
oCMenu.level[1].style=""
|
||||
oCMenu.level[1].align="right"
|
||||
oCMenu.level[1].offsetX=0
|
||||
oCMenu.level[1].offsetY=0
|
||||
oCMenu.level[1].borderClass="clLevel1border"
|
||||
oCMenu.level[1].borderX=1
|
||||
oCMenu.level[1].borderY=1
|
||||
oCMenu.level[1].rows=0
|
||||
oCMenu.level[1].align="bottom"
|
||||
|
||||
/******************************************
|
||||
Menu item creation:
|
||||
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout)
|
||||
*************************************/
|
||||
oCMenu.makeMenu('top0','','<b> News</b>','/news/index.asp')
|
||||
oCMenu.makeMenu('sub00','top0','Newest news','/news/index.asp')
|
||||
oCMenu.makeMenu('sub001','sub00','- New DHTML API released','','',180,0)
|
||||
oCMenu.makeMenu('sub002','sub00','- Explorer 7 is out','','',180,0)
|
||||
oCMenu.makeMenu('sub003','sub00','- Opera 6 supports innerHTML','','',180,0)
|
||||
oCMenu.makeMenu('sub01','top0','News archive','/news/archive.asp')
|
||||
|
||||
oCMenu.makeMenu('top1','',' Scripts','/scripts/index.asp')
|
||||
oCMenu.makeMenu('sub10','top1','New scripts','/scripts/index.asp?show=new')
|
||||
oCMenu.makeMenu('sub11','top1','All scripts','/scripts/index.asp?show=all')
|
||||
oCMenu.makeMenu('sub12','top1','Popular scripts','/scripts/index.asp?show=pop')
|
||||
|
||||
oCMenu.makeMenu('top2','',' Articles','/articles/index.asp')
|
||||
oCMenu.makeMenu('sub21','top2','Tutorials','/tutorials/index.asp')
|
||||
oCMenu.makeMenu('sub210','sub21','New tutorials','/tutorials/index.asp')
|
||||
oCMenu.makeMenu('sub211','sub21','Tutorials archive','/tutorials/archive.asp')
|
||||
oCMenu.makeMenu('sub22','top2','Other articles','/articles/index.asp')
|
||||
oCMenu.makeMenu('sub220','sub22','New articles','/articles/index.asp?show=new')
|
||||
oCMenu.makeMenu('sub221','sub22','Article archive','/articles/archive.asp')
|
||||
|
||||
oCMenu.makeMenu('top3','',' Forums','/forums/')
|
||||
oCMenu.makeMenu('sub30','top3','General','/forums/forum.asp?FORUM_ID=6&CAT_ID=1&Forum_Title=General+DHTML+issues')
|
||||
oCMenu.makeMenu('sub31','top3','Scripts','/forums/forum.asp?FORUM_ID=4&CAT_ID=1&Forum_Title=DHTML+Scripts')
|
||||
oCMenu.makeMenu('sub32','top3','Crossbrowser','/forums/forum.asp?FORUM_ID=3&CAT_ID=1&Forum_Title=Crossbrowser+DHTML')
|
||||
oCMenu.makeMenu('sub33','top3','CoolMenus','/forums/forum.asp?FORUM_ID=2&CAT_ID=1&Forum_Title=CoolMenus')
|
||||
oCMenu.makeMenu('sub34','top3','dhtmlcentral.com','/forums/forum.asp?FORUM_ID=5&CAT_ID=1&Forum_Title=dhtmlcentral%2Ecom')
|
||||
oCMenu.makeMenu('sub35','top3','Cool sites','/forums/forum.asp?FORUM_ID=1&CAT_ID=1&Forum_Title=Cool+sites')
|
||||
|
||||
oCMenu.makeMenu('top5','',' CoolMenus','/coolmenus/index.asp')
|
||||
oCMenu.makeMenu('sub50','top5','Examples','/coolmenus/examples.asp','',90)
|
||||
oCMenu.makeMenu('sub500','sub50','With frames','/coolmenus/examples.asp?show=with')
|
||||
oCMenu.makeMenu('sub501','sub50','Without frames','/coolmenus/examples.asp?show=without')
|
||||
oCMenu.makeMenu('sub51','top5','Download','/coolmenus/download.asp','',90)
|
||||
oCMenu.makeMenu('sub510','sub51','Download the source code to this menu','/coolmenus/download.asp','',150,40)
|
||||
oCMenu.makeMenu('sub52','top5','Tutorial','/coolmenus/tutorial.asp','',90)
|
||||
oCMenu.makeMenu('sub520','sub52','Learn how to set up the menu','/coolmenus/tutorial.asp','',150,40)
|
||||
oCMenu.makeMenu('sub53','top5','MenuMaker','','',90,0,'','','','','','','window.open("/coolmenus/maker/","","width=800,height=600")')
|
||||
oCMenu.makeMenu('sub530','sub53','Use the menuMaker to make the menu code for you','','',150,40,'','','','','','','window.open("/coolmenus/maker/","","width=800,height=600")')
|
||||
oCMenu.makeMenu('sub54','top5','FAQ','/coolmenus/faq.asp','',90)
|
||||
oCMenu.makeMenu('sub540','sub54','Frequently asked questions','coolmenus/faq.asp','',150,40)
|
||||
oCMenu.makeMenu('sub55','top5','Help forum','/forums/forum.asp?FORUM_ID=2&CAT_ID=1&Forum_Title=CoolMenus','',90)
|
||||
oCMenu.makeMenu('sub550','sub55','Go to this forum and post you problems or suggestions regarding the CoolMenus','/forum/forum.asp?forum_id=2','',150,40)
|
||||
|
||||
//Leave this line - it constructs the menu
|
||||
oCMenu.construct()
|
||||
</script>
|
||||
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
|
||||
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
|
||||
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
|
||||
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
|
||||
</body>
|
||||
</html>
|
||||
273
www/extras/coolmenus/menu3.html
Normal file
273
www/extras/coolmenus/menu3.html
Normal file
|
|
@ -0,0 +1,273 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Coolmenus example - CoolMenus3 DHTML script made by Thomas Brattli from DHTMLCentral.com. Visit for more great scripts.</title>
|
||||
<style>
|
||||
/* CoolMenus 4 - default styles - do not edit */
|
||||
.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
|
||||
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
|
||||
/* CoolMenus 4 - default styles - end */
|
||||
|
||||
/* MENU NUMBER 1 */
|
||||
|
||||
/*Style for the background-bar*/
|
||||
.clBar{position:absolute; width:10; height:10; background-color:#FF9900; layer-background-color:#FF9900; visibility:hidden}
|
||||
|
||||
/*Styles for level 0*/
|
||||
.clLevel0,.clLevel0over{position:absolute; padding:1px; font-family:tahoma,arial,helvetica; font-size:12px; font-weight:bold}
|
||||
.clLevel0{color:#336699;}
|
||||
.clLevel0over{background-color:#336699; layer-background-color:#336699; color:#FF9900; cursor:pointer; cursor:hand; }
|
||||
|
||||
/*Styles for level 1*/
|
||||
.clLevel1, .clLevel1over{position:absolute; width:180; padding:2px; font-family:tahoma, arial,helvetica; font-size:11px; font-weight:bold}
|
||||
.clLevel1{background-color:#FF9900; layer-background-color:#FF9900; color:#336699;}
|
||||
.clLevel1over{background-color:#336699; layer-background-color:#336699; color:#FF9900; cursor:pointer; cursor:hand; }
|
||||
.clLevel1border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
|
||||
/* MENU NUMBER 2 */
|
||||
/*Style for the background-bar*/
|
||||
.cl2Bar{position:absolute; width:10; height:10; background-color:Navy; layer-background-color:Navy; visibility:hidden}
|
||||
|
||||
/*Styles for level 0*/
|
||||
.cl2Level0,.cl2Level0over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:12px; font-weight:bold}
|
||||
.cl2Level0{background-color:Navy; layer-background-color:Navy; color:white;}
|
||||
.cl2Level0over{background-color:#336699; layer-background-color:#336699; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.cl2Level0border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
|
||||
/*Styles for level 1*/
|
||||
.cl2Level1, .cl2Level1over{position:absolute; padding:2px; font-family:tahoma, arial,helvetica; font-size:11px; font-weight:bold}
|
||||
.cl2Level1{background-color:Navy; layer-background-color:Navy; color:white;}
|
||||
.cl2Level1over{background-color:#336699; layer-background-color:#336699; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.cl2Level1border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
|
||||
|
||||
</style>
|
||||
<script language="JavaScript1.2" src="coolmenus4.js">
|
||||
/*****************************************************************************
|
||||
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
|
||||
|
||||
DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
|
||||
Version 4.0_beta
|
||||
This script can be used freely as long as all copyright messages are
|
||||
intact.
|
||||
|
||||
Extra info - Coolmenus reference/help - Extra links to help files ****
|
||||
CSS help: http://192.168.1.31/projects/coolmenus/reference.asp?m=37
|
||||
General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35
|
||||
Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47
|
||||
Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48
|
||||
Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49
|
||||
Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50
|
||||
******************************************************************************/
|
||||
</script>
|
||||
<script language="JavaScript1.2" src="cm_addins.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
/******************* MENU NUMBER 1 **********************************/
|
||||
|
||||
/***
|
||||
This is the menu creation code - place it right after you body tag
|
||||
Feel free to add this to a stand-alone js file and link it to your page.
|
||||
**/
|
||||
|
||||
//Menu object creation
|
||||
oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname
|
||||
|
||||
//Menu properties
|
||||
oCMenu.pxBetween=30
|
||||
oCMenu.fromLeft=10
|
||||
oCMenu.fromTop=50
|
||||
oCMenu.rows=0
|
||||
oCMenu.menuPlacement=0
|
||||
|
||||
oCMenu.offlineRoot="file:///C|/Inetpub/wwwroot/dhtmlcentral/"
|
||||
oCMenu.onlineRoot=""
|
||||
oCMenu.resizeCheck=1
|
||||
oCMenu.wait=1000
|
||||
oCMenu.fillImg="cm_fill.gif"
|
||||
oCMenu.zIndex=0
|
||||
|
||||
//Background bar properties
|
||||
oCMenu.useBar=1
|
||||
oCMenu.barWidth="menu"
|
||||
oCMenu.barHeight="menu"
|
||||
oCMenu.barClass="clBar"
|
||||
oCMenu.barX="menu"
|
||||
oCMenu.barY="menu"
|
||||
oCMenu.barBorderX=0
|
||||
oCMenu.barBorderY=0
|
||||
oCMenu.barBorderClass=""
|
||||
|
||||
//Level properties - ALL properties have to be spesified in level 0
|
||||
oCMenu.level[0]=new cm_makeLevel() //Add this for each new level
|
||||
oCMenu.level[0].width=120
|
||||
oCMenu.level[0].height=25
|
||||
oCMenu.level[0].regClass="clLevel0"
|
||||
oCMenu.level[0].overClass="clLevel0over"
|
||||
oCMenu.level[0].borderX=0
|
||||
oCMenu.level[0].borderY=0
|
||||
oCMenu.level[0].borderClass=0
|
||||
oCMenu.level[0].offsetX=0
|
||||
oCMenu.level[0].offsetY=0
|
||||
oCMenu.level[0].rows=1
|
||||
oCMenu.level[0].align="right"
|
||||
|
||||
|
||||
//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to spesify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
|
||||
oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
|
||||
oCMenu.level[1].width=oCMenu.level[0].width-2
|
||||
oCMenu.level[1].height=22
|
||||
oCMenu.level[1].regClass="clLevel1"
|
||||
oCMenu.level[1].overClass="clLevel1over"
|
||||
oCMenu.level[1].style=""
|
||||
oCMenu.level[1].align="right"
|
||||
oCMenu.level[1].offsetX=0
|
||||
oCMenu.level[1].offsetY=0
|
||||
oCMenu.level[1].borderClass="clLevel1border"
|
||||
oCMenu.level[1].borderX=1
|
||||
oCMenu.level[1].borderY=1
|
||||
oCMenu.level[1].rows=0
|
||||
oCMenu.level[1].align="bottom"
|
||||
|
||||
/******************************************
|
||||
Menu item creation:
|
||||
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout)
|
||||
*************************************/
|
||||
oCMenu.makeMenu('top0','','<b> News</b>','/news/index.asp')
|
||||
oCMenu.makeMenu('sub00','top0','Newest news','/news/index.asp')
|
||||
oCMenu.makeMenu('sub001','sub00','- New DHTML API released','','',180,0)
|
||||
oCMenu.makeMenu('sub002','sub00','- Explorer 7 is out','','',180,0)
|
||||
oCMenu.makeMenu('sub003','sub00','- Opera 6 supports innerHTML','','',180,0)
|
||||
oCMenu.makeMenu('sub01','top0','News archive','/news/archive.asp')
|
||||
|
||||
oCMenu.makeMenu('top1','',' Scripts','/scripts/index.asp')
|
||||
oCMenu.makeMenu('sub10','top1','New scripts','/scripts/index.asp?show=new')
|
||||
oCMenu.makeMenu('sub11','top1','All scripts','/scripts/index.asp?show=all')
|
||||
oCMenu.makeMenu('sub12','top1','Popular scripts','/scripts/index.asp?show=pop')
|
||||
|
||||
oCMenu.makeMenu('top2','',' Articles','/articles/index.asp')
|
||||
oCMenu.makeMenu('sub21','top2','Tutorials','/tutorials/index.asp')
|
||||
oCMenu.makeMenu('sub210','sub21','New tutorials','/tutorials/index.asp')
|
||||
oCMenu.makeMenu('sub211','sub21','Tutorials archive','/tutorials/archive.asp')
|
||||
oCMenu.makeMenu('sub22','top2','Other articles','/articles/index.asp')
|
||||
oCMenu.makeMenu('sub220','sub22','New articles','/articles/index.asp?show=new')
|
||||
oCMenu.makeMenu('sub221','sub22','Article archive','/articles/archive.asp')
|
||||
|
||||
oCMenu.makeMenu('top3','',' Forums','/forums/')
|
||||
oCMenu.makeMenu('sub30','top3','General','/forums/forum.asp?FORUM_ID=6&CAT_ID=1&Forum_Title=General+DHTML+issues')
|
||||
oCMenu.makeMenu('sub31','top3','Scripts','/forums/forum.asp?FORUM_ID=4&CAT_ID=1&Forum_Title=DHTML+Scripts')
|
||||
oCMenu.makeMenu('sub32','top3','Crossbrowser','/forums/forum.asp?FORUM_ID=3&CAT_ID=1&Forum_Title=Crossbrowser+DHTML')
|
||||
oCMenu.makeMenu('sub33','top3','CoolMenus','/forums/forum.asp?FORUM_ID=2&CAT_ID=1&Forum_Title=CoolMenus')
|
||||
oCMenu.makeMenu('sub34','top3','dhtmlcentral.com','/forums/forum.asp?FORUM_ID=5&CAT_ID=1&Forum_Title=dhtmlcentral%2Ecom')
|
||||
oCMenu.makeMenu('sub35','top3','Cool sites','/forums/forum.asp?FORUM_ID=1&CAT_ID=1&Forum_Title=Cool+sites')
|
||||
|
||||
|
||||
//Leave this line - it constructs the menu
|
||||
oCMenu.construct()
|
||||
|
||||
|
||||
|
||||
/******************* MENU NUMBER 2 **********************************/
|
||||
|
||||
|
||||
|
||||
/***
|
||||
This is the menu creation code - place it right after you body tag
|
||||
Feel free to add this to a stand-alone js file and link it to your page.
|
||||
**/
|
||||
|
||||
//Menu object creation
|
||||
oCMenu2=new makeCM("oCMenu2") //Making the menu object. Argument: menuname
|
||||
|
||||
//Menu properties
|
||||
oCMenu2.pxBetween=30
|
||||
oCMenu2.fromLeft=20
|
||||
oCMenu2.fromTop=0
|
||||
oCMenu2.rows=1
|
||||
oCMenu2.menuPlacement="center"
|
||||
|
||||
oCMenu2.offlineRoot="file:///C|/Inetpub/wwwroot/dhtmlcentral/"
|
||||
oCMenu2.onlineRoot="/coolmenus/"
|
||||
oCMenu2.resizeCheck=1
|
||||
oCMenu2.wait=1000
|
||||
oCMenu2.fillImg="cm_fill.gif"
|
||||
oCMenu2.zIndex=0
|
||||
|
||||
//Background bar properties
|
||||
oCMenu2.useBar=1
|
||||
oCMenu2.barWidth="100%"
|
||||
oCMenu2.barHeight="menu"
|
||||
oCMenu2.barClass="cl2Bar"
|
||||
oCMenu2.barX=0
|
||||
oCMenu2.barY=0
|
||||
oCMenu2.barBorderX=0
|
||||
oCMenu2.barBorderY=0
|
||||
oCMenu2.barBorderClass=""
|
||||
|
||||
//Level properties - ALL properties have to be spesified in level 0
|
||||
oCMenu2.level[0]=new cm_makeLevel() //Add this for each new level
|
||||
oCMenu2.level[0].width=110
|
||||
oCMenu2.level[0].height=25
|
||||
oCMenu2.level[0].regClass="cl2Level0"
|
||||
oCMenu2.level[0].overClass="cl2Level0over"
|
||||
oCMenu2.level[0].borderX=1
|
||||
oCMenu2.level[0].borderY=1
|
||||
oCMenu2.level[0].borderClass="cl2Level0border"
|
||||
oCMenu2.level[0].offsetX=0
|
||||
oCMenu2.level[0].offsetY=0
|
||||
oCMenu2.level[0].rows=0
|
||||
oCMenu2.level[0].arrow=0
|
||||
oCMenu2.level[0].arrowWidth=0
|
||||
oCMenu2.level[0].arrowHeight=0
|
||||
oCMenu2.level[0].align="bottom"
|
||||
|
||||
|
||||
//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
|
||||
oCMenu2.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
|
||||
oCMenu2.level[1].width=oCMenu2.level[0].width-2
|
||||
oCMenu2.level[1].height=22
|
||||
oCMenu2.level[1].regClass="cl2Level1"
|
||||
oCMenu2.level[1].overClass="cl2Level1over"
|
||||
oCMenu2.level[1].borderX=1
|
||||
oCMenu2.level[1].borderY=1
|
||||
oCMenu2.level[1].align="right"
|
||||
oCMenu2.level[1].offsetX=-(oCMenu2.level[0].width-2)/2+20
|
||||
oCMenu2.level[1].offsetY=0
|
||||
oCMenu2.level[1].borderClass="cl2Level1border"
|
||||
|
||||
|
||||
/******************************************
|
||||
Menu item creation:
|
||||
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout)
|
||||
*************************************/
|
||||
oCMenu2.makeMenu('top0','',' News','example2.html','')
|
||||
oCMenu2.makeMenu('sub00','top0','Newest news','/news/index.asp')
|
||||
oCMenu2.makeMenu('sub001','sub00','- New DHTML API released','','',160,0)
|
||||
oCMenu2.makeMenu('sub002','sub00','- Explorer 7 is out','','',160,0)
|
||||
oCMenu2.makeMenu('sub003','sub00','- Opera 6 supports innerHTML','','',160,0)
|
||||
oCMenu2.makeMenu('sub01','top0','News archive','/news/archive.asp')
|
||||
|
||||
oCMenu2.makeMenu('top1','',' Scripts','/scripts/index.asp')
|
||||
oCMenu2.makeMenu('sub10','top1','New scripts','/scripts/index.asp?show=new')
|
||||
oCMenu2.makeMenu('sub11','top1','All scripts','/scripts/index.asp?show=all')
|
||||
oCMenu2.makeMenu('sub12','top1','Popular scripts','/scripts/index.asp?show=pop')
|
||||
|
||||
oCMenu2.makeMenu('top2','',' Articles','/articles/index.asp')
|
||||
oCMenu2.makeMenu('sub21','top2','Tutorials','/tutorials/index.asp')
|
||||
oCMenu2.makeMenu('sub210','sub21','New tutorials','/tutorials/index.asp')
|
||||
oCMenu2.makeMenu('sub211','sub21','Tutorials archive','/tutorials/archive.asp')
|
||||
oCMenu2.makeMenu('sub22','top2','Other articles','/articles/index.asp')
|
||||
oCMenu2.makeMenu('sub220','sub22','New articles','/articles/index.asp?show=new')
|
||||
oCMenu2.makeMenu('sub221','sub22','Article archive','/articles/archive.asp')
|
||||
|
||||
//Leave this line - it constructs the menu
|
||||
oCMenu2.construct()
|
||||
|
||||
|
||||
</script>
|
||||
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
|
||||
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
|
||||
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
|
||||
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
|
||||
</body>
|
||||
</html>
|
||||
189
www/extras/coolmenus/menu4.html
Normal file
189
www/extras/coolmenus/menu4.html
Normal file
|
|
@ -0,0 +1,189 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Coolmenus example - CoolMenus3 DHTML script made by Thomas Brattli from DHTMLCentral.com. Visit for more great scripts.</title>
|
||||
<style>
|
||||
/* CoolMenus 4 - default styles - do not edit */
|
||||
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
|
||||
/* CoolMenus 4 - default styles - end */
|
||||
|
||||
/*Style for the background-bar*/
|
||||
.clBar{position:absolute; width:10; height:10; background-color:#FF9900; layer-background-color:#FF9900; visibility:hidden}
|
||||
|
||||
/*Styles for level 0*/
|
||||
.clLevel0,.clLevel0over{position:absolute; padding:1px; font-family:tahoma,arial,helvetica; font-size:12px; font-weight:bold}
|
||||
.clLevel0{background-color:#cc99ff; layer-background-color:#cc99ff; color:#336699;}
|
||||
.clLevel0over{background-color:#336699; layer-background-color:#336699; color:#FF9900; cursor:pointer; cursor:hand; }
|
||||
.clLevel0border{position:absolute; visibility:hidden; background-color:red; layer-background-color:red}
|
||||
|
||||
|
||||
/*Styles for level 1*/
|
||||
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:tahoma, arial,helvetica; font-size:11px; font-weight:bold}
|
||||
.clLevel1{background-color:#FF9900; layer-background-color:#FF9900; color:white;}
|
||||
.clLevel1over{background-color:#006699; layer-background-color:#006699; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.clLevel1border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
|
||||
|
||||
|
||||
/*Styles for level 2*/
|
||||
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:bold}
|
||||
.clLevel2{background-color:#FF9900; layer-background-color:Navy; color:white;}
|
||||
.clLevel2over{background-color:#67FF00; layer-background-color:#67FF00; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.clLevel2border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
|
||||
</style>
|
||||
<script language="JavaScript1.2" src="coolmenus4.js">
|
||||
/*****************************************************************************
|
||||
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
|
||||
|
||||
DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
|
||||
Version 4.0_beta
|
||||
This script can be used freely as long as all copyright messages are
|
||||
intact.
|
||||
|
||||
Extra info - Coolmenus reference/help - Extra links to help files ****
|
||||
CSS help: http://192.168.1.31/projects/coolmenus/reference.asp?m=37
|
||||
General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35
|
||||
Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47
|
||||
Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48
|
||||
Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49
|
||||
Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50
|
||||
******************************************************************************/
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>
|
||||
oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname
|
||||
|
||||
//Menu properties
|
||||
oCMenu.pxBetween=30
|
||||
oCMenu.fromLeft=0
|
||||
oCMenu.fromTop=140
|
||||
oCMenu.rows=0
|
||||
oCMenu.menuPlacement="right"
|
||||
|
||||
oCMenu.offlineRoot="file:///C|/Inetpub/wwwroot/dhtmlcentral/"
|
||||
oCMenu.onlineRoot="/coolmenus/"
|
||||
oCMenu.resizeCheck=1
|
||||
oCMenu.wait=1000
|
||||
oCMenu.fillImg="cm_fill.gif"
|
||||
oCMenu.zIndex=0
|
||||
|
||||
//Background bar properties
|
||||
oCMenu.useBar=1
|
||||
oCMenu.barWidth="menu"
|
||||
oCMenu.barHeight="menu"
|
||||
oCMenu.barClass="clBar"
|
||||
oCMenu.barX="menu"
|
||||
oCMenu.barY="menu"
|
||||
oCMenu.barBorderX=0
|
||||
oCMenu.barBorderY=0
|
||||
oCMenu.barBorderClass=""
|
||||
|
||||
//Level properties - ALL properties have to be spesified in level 0
|
||||
oCMenu.level[0]=new cm_makeLevel() //Add this for each new level
|
||||
oCMenu.level[0].width=135
|
||||
oCMenu.level[0].height=25
|
||||
oCMenu.level[0].regClass="clLevel0"
|
||||
oCMenu.level[0].overClass="clLevel0over"
|
||||
oCMenu.level[0].borderX=1
|
||||
oCMenu.level[0].borderY=1
|
||||
oCMenu.level[0].borderClass="clLevel0border"
|
||||
oCMenu.level[0].offsetX=0
|
||||
oCMenu.level[0].offsetY=0
|
||||
oCMenu.level[0].rows=0
|
||||
oCMenu.level[0].arrow=0
|
||||
oCMenu.level[0].arrowWidth=0
|
||||
oCMenu.level[0].arrowHeight=0
|
||||
oCMenu.level[0].align="left"
|
||||
|
||||
//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
|
||||
oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
|
||||
oCMenu.level[1].width=oCMenu.level[0].width-2
|
||||
oCMenu.level[1].height=22
|
||||
oCMenu.level[1].regClass="clLevel1"
|
||||
oCMenu.level[1].overClass="clLevel1over"
|
||||
oCMenu.level[1].borderX=1
|
||||
oCMenu.level[1].borderY=1
|
||||
oCMenu.level[1].align="right"
|
||||
oCMenu.level[1].offsetX=-(oCMenu.level[0].width-2)/2+20
|
||||
oCMenu.level[1].offsetY=0
|
||||
oCMenu.level[1].borderClass="clLevel1border"
|
||||
oCMenu.level[1].align="top"
|
||||
|
||||
|
||||
|
||||
//EXAMPLE SUB LEVEL[2] PROPERTIES - You have to spesify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this
|
||||
oCMenu.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number)
|
||||
oCMenu.level[2].width=oCMenu.level[0].width
|
||||
oCMenu.level[2].height=20
|
||||
oCMenu.level[2].offsetX=0
|
||||
oCMenu.level[2].offsetY=0
|
||||
oCMenu.level[2].regClass="clLevel2"
|
||||
oCMenu.level[2].overClass="clLevel2over"
|
||||
oCMenu.level[2].borderClass="clLevel2border"
|
||||
|
||||
|
||||
oCMenu.makeMenu('top0','',' News','/news/index.asp','')
|
||||
oCMenu.makeMenu('sub00','top0','Newest news','/news/index.asp')
|
||||
oCMenu.makeMenu('sub001','sub00','- New DHTML API released','','',160,0)
|
||||
oCMenu.makeMenu('sub002','sub00','- Explorer 7 is out','','',160,0)
|
||||
oCMenu.makeMenu('sub003','sub00','- Opera 6 supports innerHTML','','',160,0)
|
||||
oCMenu.makeMenu('sub01','top0','News archive','/news/archive.asp')
|
||||
|
||||
oCMenu.makeMenu('top1','',' Scripts','/scripts/index.asp')
|
||||
oCMenu.makeMenu('sub10','top1','New scripts','/scripts/index.asp?show=new')
|
||||
oCMenu.makeMenu('sub11','top1','All scripts','/scripts/index.asp?show=all')
|
||||
oCMenu.makeMenu('sub12','top1','Popular scripts','/scripts/index.asp?show=pop')
|
||||
|
||||
oCMenu.makeMenu('top2','',' Articles','/articles/index.asp')
|
||||
oCMenu.makeMenu('sub21','top2','Tutorials','/tutorials/index.asp')
|
||||
oCMenu.makeMenu('sub210','sub21','New tutorials','/tutorials/index.asp')
|
||||
oCMenu.makeMenu('sub211','sub21','Tutorials archive','/tutorials/archive.asp')
|
||||
oCMenu.makeMenu('sub22','top2','Other articles','/articles/index.asp')
|
||||
oCMenu.makeMenu('sub220','sub22','New articles','/articles/index.asp?show=new')
|
||||
oCMenu.makeMenu('sub221','sub22','Article archive','/articles/archive.asp')
|
||||
|
||||
oCMenu.makeMenu('top3','',' Forums','/forums/')
|
||||
oCMenu.makeMenu('sub30','top3','General','/forums/forum.asp?FORUM_ID=6&CAT_ID=1&Forum_Title=General+DHTML+issues')
|
||||
oCMenu.makeMenu('sub31','top3','Scripts','/forums/forum.asp?FORUM_ID=4&CAT_ID=1&Forum_Title=DHTML+Scripts')
|
||||
oCMenu.makeMenu('sub32','top3','Crossbrowser','/forums/forum.asp?FORUM_ID=3&CAT_ID=1&Forum_Title=Crossbrowser+DHTML')
|
||||
oCMenu.makeMenu('sub33','top3','CoolMenus','/forums/forum.asp?FORUM_ID=2&CAT_ID=1&Forum_Title=CoolMenus')
|
||||
oCMenu.makeMenu('sub34','top3','dhtmlcentral.com','/forums/forum.asp?FORUM_ID=5&CAT_ID=1&Forum_Title=dhtmlcentral%2Ecom')
|
||||
oCMenu.makeMenu('sub35','top3','Cool sites','/forums/forum.asp?FORUM_ID=1&CAT_ID=1&Forum_Title=Cool+sites')
|
||||
|
||||
oCMenu.makeMenu('top5','',' CoolMenus','/coolmenus/index.asp')
|
||||
oCMenu.makeMenu('sub50','top5','Examples','/coolmenus/examples.asp')
|
||||
oCMenu.makeMenu('sub500','sub50','With frames','/coolmenus/examples.asp?show=with')
|
||||
oCMenu.makeMenu('sub501','sub50','Without frames','/coolmenus/examples.asp?show=without')
|
||||
oCMenu.makeMenu('sub51','top5','Download','/coolmenus/download.asp')
|
||||
oCMenu.makeMenu('sub510','sub51','Download the source code to this menu','/coolmenus/download.asp','',150,40)
|
||||
oCMenu.makeMenu('sub52','top5','Tutorial','/coolmenus/tutorial.asp')
|
||||
oCMenu.makeMenu('sub520','sub52','Learn how to set up the menu','/coolmenus/tutorial.asp','',150,40)
|
||||
oCMenu.makeMenu('sub53','top5','MenuMaker','','',0,0,'','','','','','','window.open("/coolmenus/maker/","","width=800,height=600")')
|
||||
oCMenu.makeMenu('sub530','sub53','Use the menuMaker to make the menu code for you','','',150,40,'','','','','','','window.open("/coolmenus/maker/","","width=800,height=600")')
|
||||
oCMenu.makeMenu('sub54','top5','FAQ','/coolmenus/faq.asp')
|
||||
oCMenu.makeMenu('sub540','sub54','Frequently asked questions','coolmenus/faq.asp','',150,40)
|
||||
oCMenu.makeMenu('sub55','top5','Help forum','/forums/forum.asp?FORUM_ID=2&CAT_ID=1&Forum_Title=CoolMenus')
|
||||
oCMenu.makeMenu('sub550','sub55','Go to this forum and post you problems or suggestions regarding the CoolMenus','/forum/forum.asp?forum_id=2','',150,40)
|
||||
|
||||
oCMenu.makeMenu('top6','',' Test Links','')
|
||||
oCMenu.makeMenu('sub060','top6','sub1/test1.html','sub1/test1.html')
|
||||
oCMenu.makeMenu('sub0600','sub060','sub1/subsub1/test1.html','sub1/subsub1/test1.html')
|
||||
oCMenu.makeMenu('sub0601','sub060','sub1/subsub1/test2.html','sub1/subsub1/test2.html')
|
||||
oCMenu.makeMenu('sub0602','sub060','sub1/subsub1/test3.html','sub1/subsub1/test3.html')
|
||||
oCMenu.makeMenu('sub061','top6','sub1/test2.html','sub1/test2.html')
|
||||
oCMenu.makeMenu('sub062','top6','sub1/test3.html','sub1/test3.html')
|
||||
oCMenu.makeMenu('sub063','top6','sub2/test1.html','sub2/test1.html')
|
||||
oCMenu.makeMenu('sub064','top6','sub2/test2.html','sub2/test2.html')
|
||||
oCMenu.makeMenu('sub065','top6','sub2/test3.html','sub2/test3.html')
|
||||
|
||||
//Leave this line
|
||||
oCMenu.construct()
|
||||
</script>
|
||||
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
|
||||
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
|
||||
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
|
||||
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
|
||||
</body>
|
||||
</html>
|
||||
BIN
www/extras/coolmenus/menu_arrow.gif
Normal file
BIN
www/extras/coolmenus/menu_arrow.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 56 B |
194
www/extras/coolmenus/menu_with_roundborder.html
Normal file
194
www/extras/coolmenus/menu_with_roundborder.html
Normal file
|
|
@ -0,0 +1,194 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Coolmenus example - CoolMenus4 DHTML script made by Thomas Brattli from DHTMLCentral.com. Visit for more great scripts.</title>
|
||||
<style>
|
||||
/* CoolMenus 4 - default styles - do not edit */
|
||||
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
|
||||
/* CoolMenus 4 - default styles - end */
|
||||
|
||||
/*Style for the background-bar*/
|
||||
.clBar{position:absolute; width:10; height:10; background-color:Navy; layer-background-color:Navy; visibility:hidden}
|
||||
|
||||
/*Styles for level 0*/
|
||||
.clLevel0,.clLevel0over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:12px; font-weight:bold}
|
||||
.clLevel0{background-color:Navy; layer-background-color:Navy; color:white;}
|
||||
.clLevel0over{background-color:#336699; layer-background-color:#336699; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.clLevel0border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
|
||||
/*Styles for level 1*/
|
||||
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:tahoma, arial,helvetica; font-size:11px; font-weight:bold}
|
||||
.clLevel1{background-color:Navy; layer-background-color:Navy; color:white;}
|
||||
.clLevel1over{background-color:#336699; layer-background-color:#336699; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.clLevel1border{position:absolute; visibility:hidden; background-color:red; layer-background-color:red}
|
||||
|
||||
/*Styles for level 2*/
|
||||
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:bold}
|
||||
.clLevel2{background-color:Navy; layer-background-color:Navy; color:white;}
|
||||
.clLevel2over{background-color:#0099cc; layer-background-color:#0099cc; color:Yellow; cursor:pointer; cursor:hand; }
|
||||
.clLevel2border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
|
||||
</style>
|
||||
<script language="JavaScript1.2" src="coolmenus4.js">
|
||||
/*****************************************************************************
|
||||
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
|
||||
|
||||
DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
|
||||
Version 4.0_beta
|
||||
This script can be used freely as long as all copyright messages are
|
||||
intact.
|
||||
|
||||
Extra info - Coolmenus reference/help - Extra links to help files ****
|
||||
CSS help: http://coolmenus.dhtmlcentral.com/projects/coolmenus/reference.asp?m=37
|
||||
General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35
|
||||
Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47
|
||||
Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48
|
||||
Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49
|
||||
Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50
|
||||
******************************************************************************/
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
|
||||
/***
|
||||
This is the menu creation code - place it right after you body tag
|
||||
Feel free to add this to a stand-alone js file and link it to your page.
|
||||
**/
|
||||
|
||||
//Menu object creation
|
||||
oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname
|
||||
|
||||
oCMenu.frames = 0
|
||||
|
||||
//Menu properties
|
||||
oCMenu.pxBetween=30
|
||||
oCMenu.fromLeft=20
|
||||
oCMenu.fromTop=0
|
||||
oCMenu.rows=1
|
||||
oCMenu.menuPlacement="center"
|
||||
|
||||
oCMenu.offlineRoot="file:///C|/Inetpub/wwwroot/dhtmlcentral/projects/coolmenus/examples/"
|
||||
oCMenu.onlineRoot="/coolmenus/"
|
||||
oCMenu.resizeCheck=1
|
||||
oCMenu.wait=1000
|
||||
oCMenu.fillImg="cm_fill.gif"
|
||||
oCMenu.zIndex=0
|
||||
|
||||
//Background bar properties
|
||||
oCMenu.useBar=1
|
||||
oCMenu.barWidth="100%"
|
||||
oCMenu.barHeight="menu"
|
||||
oCMenu.barClass="clBar"
|
||||
oCMenu.barX=0
|
||||
oCMenu.barY=0
|
||||
oCMenu.barBorderX=0
|
||||
oCMenu.barBorderY=0
|
||||
oCMenu.barBorderClass=""
|
||||
|
||||
//Level properties - ALL properties have to be spesified in level 0
|
||||
oCMenu.level[0]=new cm_makeLevel() //Add this for each new level
|
||||
oCMenu.level[0].width=110
|
||||
oCMenu.level[0].height=25
|
||||
oCMenu.level[0].regClass="clLevel0"
|
||||
oCMenu.level[0].overClass="clLevel0over"
|
||||
oCMenu.level[0].borderX=1
|
||||
oCMenu.level[0].borderY=1
|
||||
oCMenu.level[0].borderClass="clLevel0border"
|
||||
oCMenu.level[0].offsetX=0
|
||||
oCMenu.level[0].offsetY=0
|
||||
oCMenu.level[0].rows=0
|
||||
oCMenu.level[0].arrow=0
|
||||
oCMenu.level[0].arrowWidth=0
|
||||
oCMenu.level[0].arrowHeight=0
|
||||
oCMenu.level[0].align="bottom"
|
||||
//Property added ---- Doesn't apply to the top level. This gives you a border around all items.
|
||||
oCMenu.level[0].roundBorder=2
|
||||
|
||||
//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
|
||||
oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
|
||||
oCMenu.level[1].width=oCMenu.level[0].width-2
|
||||
oCMenu.level[1].height=22
|
||||
oCMenu.level[1].regClass="clLevel1"
|
||||
oCMenu.level[1].overClass="clLevel1over"
|
||||
oCMenu.level[1].borderX=0
|
||||
oCMenu.level[1].borderY=0
|
||||
oCMenu.level[1].align="right"
|
||||
oCMenu.level[1].offsetX=-(oCMenu.level[0].width-2)/2+20
|
||||
oCMenu.level[1].offsetY=0
|
||||
oCMenu.level[1].borderClass="clLevel1border"
|
||||
|
||||
|
||||
//EXAMPLE SUB LEVEL[2] PROPERTIES - You have to spesify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this
|
||||
oCMenu.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number)
|
||||
oCMenu.level[2].width=150
|
||||
oCMenu.level[2].height=20
|
||||
oCMenu.level[2].offsetX=0
|
||||
oCMenu.level[2].offsetY=0
|
||||
oCMenu.level[2].regClass="clLevel2"
|
||||
oCMenu.level[2].overClass="clLevel2over"
|
||||
oCMenu.level[2].borderClass="clLevel2border"
|
||||
|
||||
|
||||
/******************************************
|
||||
Menu item creation:
|
||||
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout)
|
||||
*************************************/
|
||||
oCMenu.makeMenu('top0','',' News','example2.html','')
|
||||
oCMenu.makeMenu('sub00','top0','Newest news','/news/index.asp')
|
||||
oCMenu.makeMenu('sub001','sub00','- New DHTML API released','','',160,0)
|
||||
oCMenu.makeMenu('sub002','sub00','- Explorer 7 is out','','',160,0)
|
||||
oCMenu.makeMenu('sub003','sub00','- Opera 6 supports innerHTML','','',160,0)
|
||||
oCMenu.makeMenu('sub01','top0','News archive','/news/archive.asp')
|
||||
|
||||
oCMenu.makeMenu('top1','',' Scripts','/scripts/index.asp')
|
||||
oCMenu.makeMenu('sub10','top1','New scripts','/scripts/index.asp?show=new')
|
||||
oCMenu.makeMenu('sub11','top1','All scripts','/scripts/index.asp?show=all')
|
||||
oCMenu.makeMenu('sub12','top1','Popular scripts','/scripts/index.asp?show=pop')
|
||||
|
||||
oCMenu.makeMenu('top2','',' Articles','/articles/index.asp')
|
||||
oCMenu.makeMenu('sub21','top2','Tutorials','/tutorials/index.asp')
|
||||
oCMenu.makeMenu('sub210','sub21','New tutorials','/tutorials/index.asp')
|
||||
oCMenu.makeMenu('sub211','sub21','Tutorials archive','/tutorials/archive.asp')
|
||||
oCMenu.makeMenu('sub22','top2','Other articles','/articles/index.asp')
|
||||
oCMenu.makeMenu('sub220','sub22','New articles','/articles/index.asp?show=new')
|
||||
oCMenu.makeMenu('sub221','sub22','Article archive','/articles/archive.asp')
|
||||
|
||||
oCMenu.makeMenu('top3','',' Forums','/forums/')
|
||||
oCMenu.makeMenu('sub30','top3','General','/forums/forum.asp?FORUM_ID=6&CAT_ID=1&Forum_Title=General+DHTML+issues')
|
||||
oCMenu.makeMenu('sub31','top3','Scripts','/forums/forum.asp?FORUM_ID=4&CAT_ID=1&Forum_Title=DHTML+Scripts')
|
||||
oCMenu.makeMenu('sub32','top3','Crossbrowser','/forums/forum.asp?FORUM_ID=3&CAT_ID=1&Forum_Title=Crossbrowser+DHTML')
|
||||
oCMenu.makeMenu('sub33','top3','CoolMenus','/forums/forum.asp?FORUM_ID=2&CAT_ID=1&Forum_Title=CoolMenus')
|
||||
oCMenu.makeMenu('sub34','top3','dhtmlcentral.com','/forums/forum.asp?FORUM_ID=5&CAT_ID=1&Forum_Title=dhtmlcentral%2Ecom')
|
||||
oCMenu.makeMenu('sub35','top3','Cool sites','/forums/forum.asp?FORUM_ID=1&CAT_ID=1&Forum_Title=Cool+sites')
|
||||
|
||||
oCMenu.makeMenu('top5','',' CoolMenus','/coolmenus/index.asp')
|
||||
oCMenu.makeMenu('sub50','top5','Examples','/coolmenus/examples.asp')
|
||||
oCMenu.makeMenu('sub500','sub50','With frames','/coolmenus/examples.asp?show=with')
|
||||
oCMenu.makeMenu('sub501','sub50','Without frames','/coolmenus/examples.asp?show=without')
|
||||
oCMenu.makeMenu('sub51','top5','Download','/coolmenus/download.asp')
|
||||
oCMenu.makeMenu('sub510','sub51','Download the source code to this menu','/coolmenus/download.asp','',150,40)
|
||||
oCMenu.makeMenu('sub52','top5','Tutorial','/coolmenus/tutorial.asp')
|
||||
oCMenu.makeMenu('sub520','sub52','Learn how to set up the menu','/coolmenus/tutorial.asp','',150,40)
|
||||
oCMenu.makeMenu('sub53','top5','MenuMaker','','',0,0,'','','','','','','','window.open("/coolmenus/maker/","","width=800,height=600")')
|
||||
oCMenu.makeMenu('sub530','sub53','Use the menuMaker to make the menu code for you','','',150,40,'','','','','','','','window.open("/coolmenus/maker/","","width=800,height=600")')
|
||||
oCMenu.makeMenu('sub54','top5','FAQ','/coolmenus/faq.asp')
|
||||
oCMenu.makeMenu('sub540','sub54','Frequently asked questions','coolmenus/faq.asp','',150,40)
|
||||
oCMenu.makeMenu('sub55','top5','Help forum','/forums/forum.asp?FORUM_ID=2&CAT_ID=1&Forum_Title=CoolMenus')
|
||||
oCMenu.makeMenu('sub550','sub55','Go to this forum and post you problems or suggestions regarding the CoolMenus','/forum/forum.asp?forum_id=2','',150,40)
|
||||
|
||||
//Leave this line - it constructs the menu
|
||||
oCMenu.construct()
|
||||
|
||||
|
||||
</script>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<script>
|
||||
for(i in bw){
|
||||
document.write("<b>bw."+i+"</b>"+ ' = '+bw[i] +"<br>")
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue