» Forums
» DynarchMenu forum
» Support
Menu in ASP.NET with a theme ignores menu style sheet.
2007/03/30 07:33
Viewed 3842 times
Replies: 0/0
by kmaxfiel
I am trying to see if we can use DynarchMenu in an asp.net application that we are developing. I am unable to get the menu style sheet to work when the menu is placed on a page that uses asp.net themes. The menu style sheet is ignored. Has any one done this or have any ideas how to make this work?
last
Addinf animation/effects to menu
2007/04/13 23:12
Viewed 2681 times
Replies: 0/0
by lazornet

I was wondering if anyone has implemented the DHTML Menu with any animation/effects such as a slide down/up and if there are any examples of this. Thanks.
last
DHTML Menu Help
2007/04/22 22:45
Viewed 2950 times
Replies: 0/0
by wolverinegod

Hi there,
I recently installed DHTML Menu on my site (www.blacksoxfan.com). I am having two "issues". First, the pages no longer pass validation because of the body tag that appears to be required. Is there a way to fix that? Second, the loading process seems somewhat strained (for lack of a better term). When you jump from page to page, the code is displayed briefly the page renders properly. How do I fix that? I'm not an expert by any means, I just know enough to be dangerous. Thanks!
last
I can see the <ul> menu while my page loads.
2007/06/15 22:00
Viewed 2638 times
Replies: 0/0
by mkucera

I am sure that this is some is something simple, but often when my page load, i can see my menu layout briefly on the screen. Then it renders and everything is fine. How can I correct this behavior?
Thanks!
-Mark
last
DHTML Calendar in Firefox
2007/06/29 00:17
Viewed 3348 times
Replies: 1/2
by AP Fritts

Hi,

I am using the DHTML Calendar and it works great in IE but it is acting funny in Firefox. The calendar displays with no CSS style and the months display below the calendar, making the page longer.

Here is the code I am using:

in <head> section:
<link rel="stylesheet" type="text/css" href="search_style.css">
<script type="text/javascript" src="jscalendar/calendar.js"></script>
<script type="text/javascript" src="jscalendar/lang/calendar-en.js"></script>
<script type="text/javascript" src="jscalendar/calendar-setup.js"></script>

NOTE: The last line in search_style.css is:
@import url('jscalendar/calendar-blue.css');

in <body> section:
<script type="text/javascript">
function dateChanged(calendar) {
var y = calendar.date.getFullYear();
var m = calendar.date.getMonth()+1;
m = (m < 10) ? "0"+m.toString() : m.toString();
var d = (calendar.date.getDate() < 10) ? "0"+calendar.date.getDate().toString() : calendar.date.getDate().toString();
if (isNaN(y) || isNaN(m) || isNaN(d))
{
// Cannot set a date if one of the inputs is not a number
return;
}
}
recent_year = y;
recent_month = m;
recent_day = d;
}
</script>
<div id="calendarcontainer" style="margin-left: 50px; width: 250px;"></div>
<input type="hidden" name="recent_since" id="recent_since">

I know the all the file locations are correct because IE works fine. Why is firefox messed up?

Thanks!
last
Re: DHTML Calendar in Firefox
2008/02/11 16:06
Viewed 1951 times
Replies: 1/1
by ssalter
Hi, Did you every solve this problem? I am experiencing the same trouble. In IE, it is all good. In Firefox, no CSS at all. I'm really only concerned with supporting those two browsers primarily although I have to make sure it all works well in MAC Safari as well. I am using Firefox version: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.12) Gecko/20080201 Firefox/2.0.0.12
last
» Re[2]: DHTML Calendar in Firefox, by apfritts [ quick view ]
Get eventX, eventY on menu click
2007/08/06 18:39
Viewed 2169 times
Replies: 0/0
by tyderian99

Hi! Is there a way to return the mouse event X and Y where the user right-clicks to open the context menu?
last
Frameset Problem
2007/08/22 01:57
Viewed 2027 times
Replies: 0/0
by Edwin S. Ramirez

Hello,

I have an HTML page with a simple menu in it and it works fine. When the page is part of a frame set the menu stops working. I don't want cross-frame support, I simply want a menu in the top or bottom frame. What I am doing wrong?

Thanks,
Edwin S. Ramirez
last
can't get this working at all.
2007/08/23 23:08
Viewed 1923 times
Replies: 0/0
by pacesetter

After several attempts at following the instructions. I still cannot get this to work right.

I am finally seeing a different layout other than the straight <ui> code. but it's not right at all.

all I get is text, and when I hover over it, I get a big gray box that shows up outside the <div> that I put the menu in.

of course the FAQ has no troubleshooting information in it. Does anyone have any suggestions?? I tried searching the forums but the results from the search read like Japanese bombing instructions.

Thanks,
C
last
Multiple Meus
2007/08/25 20:54
Viewed 2259 times
Replies: 0/0
by msimoens

I have a menu in frames. The top holding the menu. What I want is to make it a little dynamic. What I want is to be able to hide multiple items.

Say I have this stucture:
<ul id="menu">
<li>
<img src='images/pear.png' height='20'>
<ul>
<li><a href='index.php?logout=1'>About This Pear</a></li>
<li><a href='index.php?logout=1'>System Preferences</a></li>
<li>
Dock
<ul>
<li>Position Left</li>
<li>Position Bottom</li>
<li>Position Right</li>
<li></li>
<li>Dock Preferences...</li>
</ul>
</li>
<li></li>
<li><a href='index.php?logout=1'>Log Out</a></li>
</ul>
</li>
<li>File</li>
<li>Help</li>
</ul>

And I want to be able to call some JS function to hide <li>File</li>... how do I do this?
last
Safari support
2007/09/25 17:19
Viewed 1756 times
Replies: 0/0
by steenz

Hello,

I have a nicely working implementation of the menu on a website under the linkware license. However, it doesn't appear to work in Safari. The menu appears, but it doesn't unfold (I've been told - I do not have Safari).

Now I read somewhere that Safari is not supported by the evaluation version. Is this also the case for the linkware version, and, if so, where could one obtain a full version for non-commercial use?

Thanks in advance for an answer.
last
Safari Context Menu
2007/10/16 22:13
Viewed 2084 times
Replies: 0/0
by Edwin S. Ramirez

There seems to be a problem with the Safari context menu. The demo pages result in "Undefined value" line 16 in the Javascript Console. Also the main page "www.dynarch.com" crashes Safari completely.

Thanks,
Edwin S. Ramirez
last
Avoid printing Context Menu
2007/10/24 15:09
Viewed 1850 times
Replies: 0/0
by Mallikarjun Moogi

Hi,
We are using hmenu.js file for Context Menu. We have created context menu for Print and Exit options. When we print the page which is having chart, it also print the context menu on the chart.

PLease let us know how avoid the printing of context menu.

Please find below code which I am using.
<html>
<body onload="DynarchMenu.setup('menu', { context: true });" id="document">
<ul id="menu" style="display:none">
<li class="context-class-div-hotspot">
<ul>
<li>
<a href="javascript:window.print();">Print</a>
</li>
<li>
<a href="javascript:window.close();">Close</a>
</li>
</ul>
</li>
</ul>
</body>
</html>

Thanks in Advance,
Moogi

last
Avoid printing Context Menu
2007/10/24 15:12
Viewed 1686 times
Replies: 0/0
by Mallikarjun Moogi

Hi,
We are using hmenu.js file for Context Menu. We have created context menu for Print and Exit options. When we print the page which is having chart, it also print the context menu on the chart.

PLease let us know how avoid the printing of context menu.

Please find below code which I am using.
<html>
<body onload="DynarchMenu.setup('menu', { context: true });" id="document">
<ul id="menu" style="display:none">
<li class="context-class-div-hotspot">
<ul>
<li>
<a href="javascript:window.print();">Print</a>
</li>
<li>
<a href="javascript:window.close();">Close</a>
</li>
</ul>
</li>
</ul>
</body>
</html>

Thanks in Advance,
Moogi

last
Menu separators
2007/11/03 02:20
Viewed 1941 times
Replies: 0/0
by Guy Fraser

Hi,

For menu separators I'm using the usual <li></li> however HTML validators are moaning about the empty li tags - are there other ways to do the menu separators without using empty li tags?
last
moving items around in the menu bar
2007/11/08 22:39
Viewed 1878 times
Replies: 1/1
by pacesetter

Ok, so far so good on making the DHTMLmenu work. I have one question though.

I made a menu heading called logout and linked it to my logout script. I would to have this item be flush right on the menu bar, while the rest of the items are flush left.

Anyone know how to do this?

basically i would like to look like this

Menu1 Menu2 Menu3___________________________________________________________________Logout

with the underscore being removed obviously.

Thanks in advance,
chris
last
Re: moving items around in the menu bar
2007/11/08 22:52
Viewed 2959 times
Replies: 0/0
by pacesetter

edit ** .. there is an example of what I want on the main dynarch page, when you login. It is the shopping cart menu. How do I get a menu item to show up in that location?

thanks,
chris
last
Highlight the selected Date
2007/11/21 11:10
Viewed 1695 times
Replies: 1/1
by lettisha

Hi,
First of all thank you so much for provinding such a wonderful calendar. its of grt use. Am using calendar-setup.js, v 1.7 which is very old version i guess. i've checked most of the posts in your forums. but all are related to recent versions. Actually i need to highlight a selected date in the calendar. but always its showing the current date only. I need to display the current date by defualt and if I change the date and submit the form after refreshing, it should highlight the new date rather than the current date. please can anyone give me a solution for this???

Thank you
last
Re: Highlight the selected Date
2007/11/28 08:16
Viewed 2761 times
Replies: 0/0
by lettisha

OK am giving the code. Please help me out

calendar-setup.js:

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);
if (dateEl && (dateEl.value || dateEl.innerHTML))
params.date = Date.parseDate(dateEl.value || dateEl.innerHTML, dateFmt);

return false;
};
};

And here is the script where am calling the calendar

<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();
//alert(y)
var m = calendar.date.getMonth()+1; // integer, 0..11
// alert(m)
var d = calendar.date.getDate(); // integer, 1..31
var expdt1 = new Date();
var expdt11=expdt1.getYear();
var expdt12=expdt1.getMonth();
expdt12++;
if(expdt12<10)
{
expdt12="0"+expdt12;
}
var expdt13=expdt1.getDate();
var expdat=new Date();
var s= expdat.setFullYear(expdt11,expdt12,expdt13);
var s1= expdt1.setFullYear(y, m, d);
var expdiffdays = (expdat.valueOf() - expdt1.valueOf()) / (60 60 24 * 1000);
if(expdiffdays>0)
{
alert("You Cannot Select The Previous Dates ");
return(false);
}
// redirect...
var path= "showPMSSchedule1.do?id=<%=docid1%>&docname=<%=fname1%>&doclname=<%=lname1%>&spec=<%=spec1%>&timefrom=<%=newapptimefrom%>&timeto=<%=newapptimeto%>&caldate="+y + "-" + m + "-" + d;

// var path= "showPMSSchedule1.do?id=<%=docname%>&spec=<%=docspec%>&docid=<%=docid1%>&caldate="+y + "-" + m + "-" + d;
// alert(path);
window.location = path;
}
};

myDate = new Date();
myDate.setDate(myDate.getDate() + 5); //set new date after 5 days

Calendar.setup(
{
button : "end_date_icon",
inputField : "end_date", // ID of the input field
daFormat : "%d-%m-%Y",
ifFormat : "%Y%m%d", // the date format
firstDay : 1,
date : myDate
}
)

{

flat : "calendar-container", // ID of the parent element

flatCallback : dateChanged // our callback function

}

);
</script>
last
Google