Comments on: Highlighting Forms [tutorial]

By: Daily del.icio.us for April 6th through April 12th — Vinny Carpenter’s blog

Sat, 12 Apr 2008 20:01:32 +0000

[...] dtsn : Highlighting Forms [tutorial] - This is quite a well known but under used technique for highlighting your form elements without any JavaScript. By using the CSS property focus you can apply style to a form element when it is clicked, also know as focus. [...]

By: Daniel

Daniel — Fri, 11 Apr 2008 22:07:44 +0000

Hi Sashidar,

Sorry I only have IE8 on my machine, and didn’t think to check IE7. I have now updated the post above, thanks for bringing it to my attention.

Daniel

By: Sashidhar Kokku

Sashidhar Kokku — Fri, 11 Apr 2008 21:40:24 +0000

It does not work in IE7 either.

By: Daniel

Daniel — Fri, 11 Apr 2008 14:26:44 +0000

Hi Kangax,

Thats a great idea, I completely forgot about the Invoke method.

Daniel

By: kangax

kangax — Fri, 11 Apr 2008 14:17:32 +0000

that could be written even shorter:

$$(’input[type=text]‘).invoke(’observe’, ‘click’, function(el){ el.toggleClassName(’yourclassname’) })