JavaScript Popup Date Control
I have finished the initial version of the date control. I think it improves on some of the designs I have seen around this last week.
Here are the finer points:
- Completely JavaScript/CSS/XHTML built so no server side stuff is required.
- No tables at all in the calendar control so the design is more flexible and easier to style across different browsers. I used horizontal rollover lists for the day rows instead and they work very well. This means there is no need for extra JavaScript to light up the days on mouse over just use a:hover.
- Very simple to include in a website. Just need an element with a .value property, a div container and to include the .css and .js files.
Grab the files you need here (right click -> save as…).
I tried to keep everything as simple as possible so you might need to expand it to fit your needs. Please let me know if there are any issues with any browsers you test on.
2 Comments
→
not a good control here management of Date Div is on user that’s a big minus otherwise its a nice effort
Your absolutely right! It’s definately time to revisit this control using the DOM properly and making the whole thing a JavaScript object.