I need a good Calendar function for a web application !!! Help needed !!! Please !!!

Posted on 2004-08-31
Last Modified: 2006-11-17
Hi !
I developed a web application with many input field and drop down menus (select boxes).
In the moment I use a Layer-based calender which appears, if I click a button beside the input filed which has to be filled with the date value. This is working fine, unless there is a <select> tag or something like this above or below the appearing calendar layer.
The problem is, that  for e.g. the <select> tags have "a higher priority" than the layers, so the tags a showing through the calendar layer. now you cannot select anything in the calendar layer because you only could see the select boxes which are showing through.

Is there anybody who has an idea to for e.g. implement a positionable pop-up calendar which is using for example windows component (or vbscript etc.) ?

I dont want to use a calendar which is opened via a new browser window or anything like that. This is to slow. It should appear immediately by clicking the "Date" button in the web application.

I made a screenshot which shows the problem, Im talking about here:

Could anyone help me with this ?



Question by:mzohner
  • 3
  • 2
  • 2
  • +5

Accepted Solution

anilmane earned 66 total points
ID: 11940870

Author Comment

ID: 11941271
Hi !
Thanks, but the first one is web page dialog which does not appear immediately.
The most of the second ones are layers.

What I need, sould be a vbscript or something like this.

BUT!!!: I´m using JSP , NOT ASP. TZhats the problem.

Maybe someone has an idea to implement a "windows component" likely calendar ...


Assisted Solution

jcrumble earned 64 total points
ID: 11942539
As I've faced the same dilema, I've only got two suggestions.

The first is probably very similar to the popup calendar anilmane  suggested.  It is located here:

The only is only if you have to use layers/divs.  Basically it's like you said the <select> tags have a higher priority in the browser than the layers your trying to display.  When I've been stuck using a calendar in a division in the past what I've had to do was not only display the layer the calendar is in but also to put the <select> tags etc in layers I could hide while I show the calendar div/layer.  Then when the user selects their date and populates the textbox/dropdown boxes with the appropriate date, you just have to reshow your layers containing your <select> tags.

Hope this helps and Good Luck,
3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

LVL 23

Assisted Solution

apresto earned 64 total points
ID: 11943162
Try this:

Helped me out alot, its code in ASP.NET format but will work with classic ASP

Assisted Solution

Eric earned 64 total points
ID: 11943363

Assisted Solution

jay_eire earned 64 total points
ID: 11945474

#Written in 100% JavaScript, no installation process needed on the client side.
#Support all major browsers on Windows, MacOS, Linux and Solaris.
#Calendar look is extremely customizable and can be switched among different themes.
#Lightweight and high-performance, main engine is only around 20KB in size.
#Bulletproof* calendar panel won't be penetrated by any form elements.
#Various fascinating effects to highlight selected date, today, agendas and holidays.
#Sophisticated dynamic date range support, visually strike-out any disabled date.
#Retrieving agendas from either script file or backend database.
#Auto-adaptive or static positioning with localizer support.
#Powerful date parsing and auto-correction.
#Contextual agenda messages in status-bar and/or tooltips.
#Versatile and removable top/bottom sections.
#Diversified context-sensitive behaviors, like popups, auto-mail or any JavaScript statement.
#USA/Europe/ISO-8601 conformant calendar formats and week numbers.
#Build-in major date formats support and can be expanded to deal with any format via your own plugins.
#Unicode compliant and ready for localization and/or internationalization.
#Unique plug-in design maximizes the extensibility.
#Expandable holiday function can accommodate most sophisticated holiday algorithms.
#Unlimited date pickers on the same page and the engine only need to be loaded once.
#Agenda can be shared across multiple calendars, even with FlatCalendarXP.
#Easy to install, easy to use. (NN4 needs more care)
#Fully compatible with ASP.NET, JSP, PHP, ColdFusion and other cgi technologies.
and a lot more ...

Assisted Solution

miyako earned 64 total points
ID: 11948138
You may be able to fix the layer you were originally using by assigning it a z-index value that is higher than all other elements on the page.  That way, it will display above everything else.
You can do this two ways, either use a style attribute in the tag:

<DIV style="z-index=1000".......>

or, using css to assign a class or id, then set z-index:1000; in the style rule.

Assisted Solution

jmanGJHS97 earned 64 total points
ID: 11953565
Here's a JavaScript calendar I and a buddy of mine wrote.  Is it along the lines of what you're looking for?


Expert Comment

ID: 11955155
Sorry, in my previous post, there is a syntax error...should have been:
<DIV style="z-index:1000" ... >

Also, I have a PHP calendar that is pretty good if you are interested...

Expert Comment

ID: 11962891
I talked to the guy who helped write the calendar, and he's not up for giving away the source code for it.  Sorry about that.

LVL 23

Expert Comment

ID: 12180960
Is anythinf actually happening with this thread? Have you found your answer here - if you havent you should contact EE admin and get them to close it or something
LVL 23

Expert Comment

ID: 12396047
i think that we all gave quite valid responses to the initial request, in my eyes the question was for a calendar function and this thread is a reference for a good few! i would suggest split the points between all responses classed as 'valid' in your opinion

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
Although it can be difficult to imagine, someday your child will have a career of his or her own. He or she will likely start a family, buy a home and start having their own children. So, while being a kid is still extremely important, it’s also …
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

831 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question