§ 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.
- 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!
- humour on "Simpler validate form fields are filled in (no additional class names)" - thanks for the script !
- Slashback on "Simpler validate form fields are filled in (no additional class names)" - Thank you. I'm glad it helped!
- buy site on "Javascript function to add css" - Well, i have faced this problem a lot of times and now i got how to add CSS to my java script. I bookmarked your page and will come…
