§ Even Faster Webpages
A couple of things to make pages a little faster than what I wrote in Faster webpages.
§ Faster webpages
I was looking over my google webmaster tools the other day, and on the Site performance page there's a link to Page Speed, an add-on for Firefox. (Actually, an add-on to Firebug, a Firefox add-on.) I thought I'd take a look - maybe there'd be some good pointers. Here's where that led...
I suppose I should also mention here yahoo's YSlow add-on for Firefox. (Again, an add-on to Firebug, a Firefox add-on.) For all I know, maybe using YSlow first would be more productive. In my case, I discovered google's Page Speed first.
§ Don't AJAX an image!
Using AJAX is fine when you need it, but I've used AJAX to simply reload CAPTCHA images. Boy, some people are dumb! Me, in particular.
UPDATE: I'm dumber than I thought...
§ Avoid email harvesting with javascript
I don't like to put real email addresses on web pages because "harvesters" look for them to add to their spam list. However, harvesters probably don't run javascript before searching.
§ External links to new windows
Ok, there's lots of REALLY HEATED discussions about this topic all over the web. I'm not looking for arguments; I'm just posting what I do here in this blog.
§ Adding & removing element classnames
Ok, these are just dumb. See Simpler adding & removing element classnames instead.
A couple of ways to change classnames of elements.
§ Simpler validate form fields are filled in (no additional class names)
Makes sure something is entered in form fields. If your form fields have classnames, don't use this one!
§ Validate form fields are filled in (additional class names)
Makes sure something is entered in form fields. Uses regex to replace classnames so other classnames aren't affected.
§ Javascript function to add css
This javascript is a way to add an extra style node (css) into a page.
§ Adding events to elements
For most elements, you can just do element.onclick = function_name. But read on...
(Much better article available at Add and Remove Elements with JavaScript (reprise) from Dustin Diaz.)
§ Image tabbed interface controlling hidden divs
Tabbed interface using images for rounded tabs. Gives decent results even if javascript and/or css are off.
§ Use iframe contents to change iframe to ajax div
This php file, used as an iframe's content, will attempt to load javascript to the parent to replace the iframe with a div, then ajax its content to that div.
§ window.onload via double delegate function
This is the way I add javascript functions to the window.onload event. As far as I've seen, you can load endless functions this way.
Lifted straight from Robert Hahn's blog: http://blog.roberthahn.ca/articles/2007/02/02/how-to-use-window-onload-the-right-way
Thank you! Bless you! What a headache.
§ Adjust iframe height to contents
Some javascript in an iframe's content page can adjust the height of the iframe to its content.
- Walid on "Adventures with Ubuntu 9.10 on G4 Yikes!" - I am in the same process as you. Although I still dual-boot to Windows for my ganimg leisure. My first contact with Ubuntu was way…
- Slashback on "Simpler adding & removing element classnames" - Actually, the addClassName function does what you want, pretty much the same way you suggest.
- angie on "Simpler adding & removing element classnames" - And what if I want to add a class, but keeping the csseals the element already has?I mean, I have an element with a class, let's name…
- backlinks on "Adjust iframe height to contents" - Definitely helped me.
- Slashback on "Simpler validate form fields are filled in (no additional class names)" - You are welcome!
