Home arrow HTML arrow Page 4 - Browser Compatibility Modifications for a Web Page Calendar
HTML

Browser Compatibility Modifications for a Web Page Calendar


Welcome to the conclusion of an eight-part series on building a web page calendar. The layout for each month that I gave you in the previous part of the series will work very well for Internet Explorer. In this part of the series, I show you an approach that should work for most, if not all, browsers.

Author Info:
By: Chrysanthus Forcha
Rating: 5 stars5 stars5 stars5 stars5 stars / 1
June 01, 2009
TABLE OF CONTENTS:
  1. · Browser Compatibility Modifications for a Web Page Calendar
  2. · Special Modification of the showMonth() Function
  3. · The Container for the Yearly Calendar
  4. · Conclusion

print this article
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
Browser Compatibility Modifications for a Web Page Calendar - Conclusion
(Page 4 of 4 )


The width of this table is fixed at 670px. Make sure you have your own width fixed in your project; otherwise some browsers will not display the table properly. Note: if you are designing something (layout) that is straightforward, all browsers will display it reasonably. However, if you are doing something like our design in this series, you have to make sure it works with popular browsers. So you will have to deviate from the obvious use of the rules in the specification.

The complete code of the project for Internet Explorer can be taken from here:

< -- calendarIE.zip -- >

The complete code of the project for Netscape and Mozilla Firefox can be taken from here:

< -- calendarOthers.zip -- >

The code we developed in this part of the series works very well with Internet Explorer. It also works very well with Mozilla Firefox. It works with Netscape, but the months are displayed slowly. It should work with other browsers.

Interesting Test

You can download either set of the complete code above and perform the following simple test. None of us will be alive by the year 9999. This is just one year before the year 10,000. The year 9999 is about 8000 years from now. However, thanks to JavaScript, we can know today that the first day of this year will be a Friday.

Download either set of the complete code above, depending on your browser. Open the web page. Click the Show any Year’s Calendar button. The prompt box should appear. Type in the year 9999. After a short while you should see the calendar of that year.

If the festival days we respect today will still be respected by that year, then today you can know the days of the week on which these festivals will fall. Festivals that come to my mind are days like the Independence Day of your country and Teachers’ Day.

We have come to the end of this series. I hope you appreciated it.


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 4 - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials