Java Script

Simple tooltip - jQuery plugin

Submitted by marius on Sun, 03/01/2009 - 14:52

A few weeks ago I needed to display a tooltip for a field in a form. There are lots of jQuery plugins for that but I just needed a simple one. I wanted to display a message on mouseover. Since I thought it is very easy to do it myself, I started to work on it. After a few minutes, it was ready.

Demo

Display tooltip on mouseover

How to use

$("#some-element").simpletooltip()
or
$("a.some-class").simpletooltip()

Make Internet Explorer behave like a standards-compliant browser

First of all, when you start a new project, you should not forget about the IE7.js project from google code. This is a java script library that makes Internet Explorer behave like a standards-compliant browser. It also fixes transparent PNG's and now are displayed correctly.

All you have to do is to add the following code to the HEAD element on your webpage. This makes IE5-6 to be compatible with IE7.

About webDev

On this website I wanna group all my latest and future work regarding web development. Since I just love jQuery, I think I'm gonna spend a lot of time writing about it. Drupal is also one of my favorite "things" so I wont forget writing about it.

Also, here you'll find any useful articles about web development. Popular jQuery / Java Script plugins, Drupal modules, CSS tutorials, tips and tricks, cross browser optimization and much more.

Syndicate content