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
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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,
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

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

Optimize your web performance

What's in the eBook?
- Full list of reasons for poor performance
- Ultimate measures to speed things up
- Primary web monitoring types
- KPIs you should be monitoring in order to increase your ROI

Question has a verified solution.

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

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.

617 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