Home arrow HTML arrow Page 4 - Modifying a Web Page Calendar
HTML

Modifying a Web Page Calendar


Welcome to the seventh part of an eight-part series that shows you how to construct a web page calendar that will display the current month, the current year, any specified month, or any specified year. In this part of the series, I explain how the user can display the calendar of any year. To avoid writing too much code, you will have to do some modification of the previous code.

Author Info:
By: Chrysanthus Forcha
Rating: 5 stars5 stars5 stars5 stars5 stars / 1
May 26, 2009
TABLE OF CONTENTS:
  1. · Modifying a Web Page Calendar
  2. · Modification of Some Code Segments
  3. · Another Modification of the showMonth() Function
  4. · Limitations of this Approach

print this article
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
Modifying a Web Page Calendar - Limitations of this Approach
(Page 4 of 4 )

Internet Explorer is the most used browser. If we were dealing only with Internet Explorer, then at this point we would have come to the end of the series.

I said at the beginning that when you have information that is in the form of a grid, you could use the table for your layout. This generally works with all browsers if your design is straightforward.

Our design in this series is not straight forward (looking at today's technology), because in our yearly calendar, we had to arrange tables in rows and columns inside DIV elements in a main DIV element. If our calendar were static content on the web page and occupying space, then this approach would work with more browsers.

From the tests I made, with today's evolution of browsers it works very well only with Internet Explorer. However, do not lose hope; I will modify the design to work with other browsers. The main problem lies with the layout.

If you write your program with what I have shown you so far in this series, the single month calendar will appear reasonably in many browsers. However, in browsers other than Internet Explorer, the yearly calendar would not appear well.

Know that what I have said in this series is in accordance with the specifications for HTML, HTML DOM and JavaScript. I believe that Internet Explorer is more advanced in handling HTML tables than other browsers.

The approach I have used has an advantage, in the sense that you easily get the logic of what is going on. In the next and last part of the series, I give you a design that should work with most, if not all, modern browsers. The difference is mainly in the layout.

At the end of the series (in the next part) I will give you two sets of the complete code in zip file formats: one to work with Internet Explorer and the other to work with most browsers, including Internet Explorer.


DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.

blog comments powered by Disqus
HTML ARTICLES

- HTML5 Boilerplate: Working with jQuery and M...
- HTML5 Boilerplate Introduction
- New API Platform for HTML5
- BBC Adopts HTML 5, Mozilla Addresses Issues
- Advanced Sticky Footers in HTML and CSS
- HTML and CSS Sticky Footers
- Strategy Analytics Predicts HTML5 Phones to ...
- HTML5 Guidelines for Web Developers
- Learning HTML5 Game Programming
- More Engaging CSS3 and HTML Background Effec...
- Engaging HTML and CSS3 Background Effects
- More Web Columns with CSS3 and HTML
- Columns with CSS3 and HTML
- Creating Inline-Block HTML Elements with CSS
- Drag and Drop in HTML5: Parsing Local Files

Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 



© 2003-2012 by Developer Shed. All rights reserved. DS Cluster 10 - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials