FairSky Pages: Easy, Unobtrusive JavaScript
This is a more-or-less weekly an occasional column I'm writing of JavaScript and CSS tricks. Enjoy, and reuse the code according to the copyright/authorship notice generally found in the source of the JavaScript file. If you have any questions about use or reuse or you'd like to see something not yet demonstrated here, contact me.
- PNGuin: PNG for MSIE
- Oh the irony. This script lets you use PNGs with full alpha transparency in MSIE and have them look right. Handles regular IMG PNGs as well as background PNGs.
- August 20th, 2005
- Check the Label
- Labels for checkboxes and radio buttons can be styled depending on whether or not the related box is checked. Possibilities include pizza.
- December 9th, 2004
- Spam-Me-Not
- Include spam-safe and human-friendly email links on your site with minimal extra effort.
- October 21st, 2004
- Scroller
- An easy way to create an auto-scrolling box on your site for news or whatever. Replaces many Java applets that slow down the system more and don't provide as much flexibility.
- July 3rd, 2004
- A Transparent Ploy
- If you must try to keep people from saving your images, do it this way.
- June 27th, 2004
- Reveal/Hide
- A simpler and more versatile version of the "More Information" script. Show and hide any block from any link.
- There are many new capabilities in this script which are now documented! Enjoy.
- May 19th - June 2nd, 2004
- I Column Like I See 'Em
- Display a list of things in as many columns as you like. Good for when you have a set that isn't really tabular data but would look better in columns instead of a single list.
- May 18th, 2004
- Easy Presenter (Updated to use FairSky Pages)
- Easily create presentations that can be viewed slide-by-slide online or conveniently printed with a javascript and a couple basic style sheets (provided) and simple markup.
- This one works in all major browsers. Let me know if I'm wrong.
- Now updated to support automatically advancing between slides and automatically looping.
- May 9th, 2004 - May 18th, 2004
- Automagic New Windows (Updated to use FairSky Pages)
- If you're using custom-sized pop-up windows launched from links, you can save yourself plenty of time and make your pages more accessible all at once by never writing another line of JavaScript on the subject again.
- Note that this doesn't work quite right in Opera yet. It will be fixed soon. Use the contact link above for comments.
- May 1st, 2004 - May 18th, 2004
- "More Information" Without Pop-ups (Superceded by Reveal/Hide)
- Allows you to add dynamically showable/hideable blocks of content without writing a single line of JavaScript (the included JavaScript file does everything). To make it look nice, you will need to write some good CSS, though. Some examples are provided.
- I had a broken version of this one online for a day or two, but it should be fixed now. If you have any problems, email me.
- April 24th - April 29th, 2004
- Dynamically Revealing Form Fields
- Clicking a checkbox disables some form fields and reveals another. The code should be pretty easy to modify to do whatever you want. Just remember that if the data is important at all, it needs to be checked on the server side. It's easy to send bad or irrelevant data even if you hide the form. And folks without JavaScript enabled may not be able to use your form at all if you rely on this.
- April 10th, 2004
- Custom Webcams Page
- The crew at Skizzers have a section for web cams. It used to be possible to customize the several pages to one's own liking, but Skizzers changed servers and there got to be an awful lot of cams. In the process, that feature was dropped. This is my proposed interface for choosing from twenty-six cams to fill three pages. This does not yet work properly in Internet Explorer.
- April 6th, 2004