• Home
  • New Entries
  • Popular Entries
  • Submit a Story
  • About

Tooltip Using DHTML, AJAX, Javascript & CSS ...

Let me tell you how i came across this word “Tooltip”, I was working on my first ever project, “What to Wear Where”, and I had to hardcode the PDS; The website is all about women’s fashion & clothing, and was having a list of thumbnails giving out information of clothings & accessories; My boss told me he wanted the website to look something to look like I Stock Photo; (Dont we all get inspired by something!!)

Thus began my quest, luckily, one of my collegues had pity on me & whispered TOOLTIP. [:D] As days passed by, I thanked all the web developers who had put up their tooltip scripts on net for free!!

Here is the list of my favourite Tooltips & Iam very sure they will come handy a LOT OF TIMES!! I know they are just 11 of them, but you wouldnt need to look any further with these in your kitty. So indulge.. (psssst.. do let me know if any link is broken.. ill do the needful asap!) Cheers!! :D

    * DHTML JavaScript Tooltip : An easy to use cross-browser Tooltip JavaScript Library that creates tooltips, information popup boxes. You can customize it to no end and get fabuous results. Everything is explained beautifully to make the script user friendly.

    * The Simplest JQUERY TOOLTIP : A very basic tooltip, very common & useful in websites with lots of information. Check the DEMO here.

    * JS Tooltip : Simple and unobtrusive Javascript tool tip that could easily be added to html link elements and completely be controlled with CSS. Check DEMO here.

    * Image Preview Gallery Tooltip : View the Larger Image by taking the mouse pointer on the thumbnail. Simple, Sleek & adds a nice dimension to the images. Check the DEMO here.

    * Links With URL preview Tooltip : View a Image of the website by hovering on the URL. A good way to jazz up your website. Check the DEMO here.

    * Tooltip for FORMS : Displays a tooltip next to form elements when the element receives focus. Check the DEMO here.

    * JTIP : Hot on the heels of Thickbox, comes jtip, a JQUERY tool tip solution. Another tooltip for FORMS. Check DEMO here.

    * AJAX Tooltip : A nice tooltip script where the content of the tooltip is retrieved by Ajax from external files. Check the DEMO here.

    * Balloon Tooltip : An alternative to the alt and title attribute. very very nice looking. Customize it to your taste. Check its DEMO here.

    * Dynamic web coding Tooltip : Presenting dyn-web’s 2008 Tooltip with unobtrusive event handling and easy setup. The code offers a variety of options for source and type of tooltip content and flexible control of positioning, formatting and display. Lots of types of tooltips all rolled into one. Easy for navigation.

    * CSS Menu Description Tooltip : This is a CSS technique that could be useful if you want to give users accessible added content such as tool-tips, notifications, or alerts, without adding unnecessary clutter to your page. Simple & Nice. The demo is simple but one thing even i cant deny, if you are creative enough to fit the right code in the right place, this is one tooltip to look forward to.

 Original Source:
http://www.kittuk.com/2009/06/tooltip-using-dhtml-ajax-javascript-css/

AddThis Social Bookmark Button

Posted at 08:41:41 am | Permalink | Posted in CSS  Javascript  

Related Stuff

  • MooV: Using cutting edge Video phones and Software Video Phones - coupling all that with VoIP and empowering the disabled.

  • Moo Telecom: VoIP communications made easy - Ring anyway with the fun and ease of using a normal phone

  • TagR:Mobile Social Network with Real Time Locations Based services, and Ambience Intelligence, VoiP, IM, Skype, Googletalk, Mapping, Flickr, Events, Calendaring, Scheduling, SecondLife Support

  • ClearSMS : ClearSMS is a Web-based application that lets you send bulk SMS messages to your customers, contacts, or just about anyone.

  • Jajah:jah is a VoIP (Voice over IP) provider, founded by Austrians Roman Scharf and Daniel Mattes in 2005[1]. The Jajah headquarters are located in Mountain View, CA, USA, and Luxembourg. Jajah maintains a development centre in Israel.

  • Skype: It’s free to download and free to call other people on Skype. Skype the number one voice over ip software

  • PrivatePhone: a free local phone number with voicemail and messages you can check online or from any phone.

Top Stuff

MessengerFX

e-messenger

ILoveIM

Top 20 Ruby CMS

eBuddy

MSN Web Messenger



About Ajaxlines

Ajaxlines is a project focused on providing its audience with a database of most of Ajax related articles, resources, tutorials and services from around the world.

Its purpose is to showcase the power of Ajax and to act as a portal to the Ajax development community.


Search


Topics

  • .Net (164)
  • Ajax (82)
  • Ajax Games (10)
  • Articles (95)
  • Bookmarking (35)
  • Calendar (20)
  • Chat (45)
  • ColdFusion (3)
  • CSS (75)
  • Email (23)
  • Facebook (83)
  • Flash (19)
  • Google (54)
  • Html (27)
  • Image (11)
  • International Calls & VOIP (7)
  • Java (54)
  • Javascript (266)
  • jQuery (159)
  • JSON (61)
  • Perl (2)
  • PHP (156)
  • Presentation (19)
  • Python (3)
  • Resources (2)
  • RSS (8)
  • Ruby (31)
  • Storage (4)
  • Toolkits (103)
  • Tutorials (217)
  • UI (11)
  • Utilities (174)
  • Web2.0 (18)
  • XmlHttpRequest (28)
  • YUI (12)

© 2006 www.ajaxlines.com. All Rights Reserved. Powered by IRange