Cool DHTML Tooltip

This is a practical, elegant DHTML tooltip script. Use it to display additional information about a link or any other element when the mouse moves over it. A customizable tooltip pops up, which works in all modern DHTML browsers- IE4+, NS6+, and Opera 7+….

Cool DHTML Tooltip II

Fancy tooltips with an “arrow” pointer are commonly found in desktop applications. Well, now you can add a similarly looking tooltip to your webpage! Similar in function to Cool DHTML Tooltip, the script works in IE4+, NS6+, and Opera 7+. Note that the pointer image disappears if the tooltip is too close to the edges of the browser window….

Ajax tooltip

A nice tooltip script where the content of the tooltip is retrieved by Ajax from external files.

Rich HTML Balloon Tooltip

This is a balloon style tooltip that can be applied to any link(s) on the page. What sets it apart is where it gets the tooltip messages- from ordinary DIV elements on the page containing the desired tooltip content. This fact means you can easily define tooltips with rich HTML and images inside them. In other words, any content can now easily become a tooltip message, whether you’re manually defining the tooltips, or dynamically generating them using server side languages.

A jQuery Tool Tip

Extensive AJAX-based tooltips with numerous functions and presentation possibilities.

Fixed Tooltip script

Looking for a tooltip script where the tooltip is anchored to the link’s position rather than following the mouse around? Fixed Tooltip script behaves in just this manner, unlike Cool DHTML Tooltip I or II. Whichever way you like it, we got you covered now!

Scrolling Tooltip Script

An alternate version of the tooltip script that creates a “scrolling” tooltip. Definitely more eye catching, if nothing else. (Note that in IE, the tooltip will only be enabled after the document has completed loading) View notes below for cross-browser rendering issues.

Balloon Tooltip Demonstration

Balloon tooltip demonstration.

Bottom slide tooltip

This bottom slide-in box can be used as an “aid” or “tooltip” for your page elements. Move your mouse over the element in question (must support the onMouseover event, such as <A> tag), and a description will slide in from the bottom of the browser. This script works in IE4+, NS4, and NS6+.

Textual tooltip Script

Use this script to provide textual information about a link(s)! Move the mouse over certain links, and accompanying text appears on the page describing the link. The text can be HTML based (bold, italic etc). Browsers other than NS 4 or IE 4+ will simply not see any text.

Tooltip for forms

Displays a tooltip next to form elements when the element receives focus.

Tooltip with transparent shadow

This is a tooltip script with a nice transparent shadow.

Balloon tooltip

An alternative to the alt and title attribute. Roll your mouse over the links in the example to see how this work.

Nice Titles Revised

An improved Nice Titles Tooltip Script with Accesskeys support.

jQuery plugin: Tooltip

Enhances the jQuery Library.

Nice Titles Revised

An improved Nice Titles Tooltip Script with Accesskeys support.

Form field hints with CSS Tooltips

It’s a basic example of how helpful a little JavaScript and CSS can be in a form. Instead of the input hints always showing and potentionally cluttering a very simple form, only the hint for the currently focused input will show. This article will show a way to do this.

JS Tooltip

Displays customizable tool tip message for each link element on a web page. A tool tip that can be added to the anchor element unobtrusively by adding a class value to it. This was done by having the tool tip message pull from the specific title attribute of the anchor element that the tool tip was added too.

BoxOver

Flexible DHTML-Tooltipp in numerous formats. Appears (almost) immedately and fades in during loading.

Textual tooltip II (fade into view)

Welcome to version two of the original textual tooltip script, which fades into view descriptive text when the mouse moves over their corresponding links. Effect visible in NS4+ (including NS 6) and IE 4+.

Multiline Tooltip with HTML, CSS and JavaScript

This document explains how to make nice multiline tooltip for HTML documents, using simple and standard CSS, HTML and JavaScript.

Scriptaculous Effect.Tooltip

The tooltip script from the script.aculo.us library.

CSS Tooltips

A simple demonstration of using custom CSS tooltips as a drop-in replacement for the browser-based title attribute.

Balloon Tooltip Demonstration

Balloon tooltip demonstration.

Information Balloon PopUps

Stu Nicholls delivers another CSS-based solutions.

DHTML Tooltips

Popup a help tip or information layer onmouseover using this object-based DHTML tooltip code. The basic version, presented on this page, can contain plain text or rich html, images, or images and text. The tooltip can be displayed over a background image. It can move with mouse movement. And it is easy to customize and modify.

WP – Bubble Tooltips (Plugin)

A WordPress-Plugin can change the appearance of links. Based on Bubble Tooltipps

Litebox

Litebox is a modified version of Lightbox v2.0 created with one thing in mind, size reduction. Litebox utilizes the 3kb javascript library moo.fx in association with prototype.lite, giving us the basic tools we need to make this work and you the ability to expand.

Support: Images, Image Sets

Leightbox

I’ve changed ParticleTree’s lightbox functionality to allow the use of inline div’s instead of AJAX calls. Very often I find that I want the data in the lightbox to be indexable by search engines and visible to people with screenreaders etc. This adaptation makes that possible. Mind you, i’ve completely removed the AJAX calls.

Support: HTML, Text

Lightbox 2

Lightbox is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers.

Support: Images, Image Sets

Lightview

Lightview was built to change the way you overlay content on a website.

It is Clean: Designed to compliment your content., Fast: Smart image preloading.Easy to customize: You don’t even have to know CSS.Rounded: Adjustable rounded corners, without PNGs.Smart resizing: Content will always fit on your screen. Custom events: Using Prototype 1.6 Slideshow: One button slideshow.
Effects: Using Scriptaculous.
Works on all modern browsers.

Support: Images, Image Sets, iframes, HTML, Ajax, Flash

Lightwindow

Supports EVERY Media type and renders it appropriatly., Better Animations!, All video/media bugs have been resolved!, Major improvements to IE!, Create your own custom overlays including transparent patterns!, You can create your own theme including markup/css/animations, author, caption, title, and params (Added for this library) attributes are supported, Create a window on the fly! and lot more…

Support: Images, Image Sets, iframes, HTML, Ajax, Flash

Lytebox V3.2

Since the original version of Lytebox (which released with iFrame support), major modifications have been made to improve performance as well as “Slideshow” support, “Themes” support, HTML content support (as opposed to just images) and many more configurable options that allow you to customize the look and feel of Lytebox. These modifications were added as a result of user input, so if you feel you have a good idea for a new feature, then visit the Lytebox Message Boards and let it be known!

Support: Images, Image Sets, iframes, HTML

Lightwindow

Lightbox JS is very cool and useful script to display an image on the page.

However only the part of the image is displayed when the image size is larger than the window size. So I’ve created a script based on Lightbox JS.

Support: Images, Image Sets

iBox

iBox is a lightweight script that lets you overlay images and documents in a small dialog without a page reload. It’s built to be easy to install and use, while offering great flexibility. The quick start shows example code and explains how to use it.

Support: Images, Image Sets, iframes, HTML, Ajax, Video

GreyBox

GreyBox can be used to display websites, images and other content in a beautiful way. GreyBox can be used to display websites, images and other content in a beautiful way.

Support: Images, Image Sets, iframes, HTML

Highslide JS

Highslide JS is an open source JavaScript software, offering a Web 2.0 approach to popup windows. It streamlines the use of thumbnail images and HTML popups on web pages. The library offers these features and advantages:

Support: Images, Image Sets, iframes, HTML, Ajax, Flash

jQuery lightBox plugin

JQuery Lightbox Plugin

Support: Images, Image Sets

SWFbox

The flash content is centered horizontally and vertically, You can have more than one SWFboxes in one web page, It’s lightweight. The code is simple and tight and includes only what is needed, Easy to implement. You only need to write the code for the link and the pop-up is generated dynamically.

Support: Flash

ThickBox

ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.

Support: Images, Image Sets, iframes, HTML, Ajax

TinyBox

TinyBox is an easy to use lightweight JavaScript library for creating modal windows/dialogs in an elegant manner, without using traditional pop-up windows. It can be used to overlay content on the current page.

Support: Ajax

WeebBox

This is a modified version based on Lokesh Dhakar’s superb orginal lightbox that (i think) simplifies some of the features, adds some config options, moves the nav to the top and best of all incorporates a slideshow feature so you can sit back and watch your pics with a single click!

Support:Images, Image Sets

FancyBox

Why? Because I was bored by so many pages using lightbox and it`s clones,

I wanted something fresh and Mac-like. I couldn`t find any cool alternative that would be build on top of jQuery, so the FancyBox was born.

Support: Images, Image Sets, iframes, HTML

ShadowBox

Shadowbox is an online media viewer application that supports all of the web’s most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable. Using Shadowbox, website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page.

namethis

Name this Project

namethis makes the otherwise time-consuming process of finding a market-ready name quick and painless. Why spend time and money gambling on the ideas of a few, when you can have the market bounce ideas off of you?

Joodo

Your Personal Sharing Network

Joodo is a p2p application for organizing and sharing your data between your network of friends and family. Joodo allows you to organize your media into modules for your photos, videos, etc. You can then tag and describe this media for easy identification.

Scour

Search Socially

Scour’s purpose is to bridge the gap between searchers and relevant results. By providing a platform for the user to vote and comment on relevancy, searchers connect with one another creating a true social search community, attained through innovative solutions to meet the needs of today’s web searchers.

MadMimi

Simple. Lovely. Email Marketing.

Mad Mimi is a simple, intelligent and powerful email marketing utility that anyone can use. Mad Mimi makes email marketing easy for the creator, and easier on the eyes for the receiver. With ground-breaking technology, Mad Mimi is the simplest way to create branded, well-designed newsletters and promotions. Sign up free today and get started with simple, lovely email marketing.

Cake

Email Marketing Software

CakeMail is an open-architecture, multilingual email marketing software. CakeMail’s layered design is specifically meant for interactive marketing agencies, software companies, and web firms looking for an easy way to add email marketing services to their offering, leverage their data sources, reinforce their own brand, and add to their bottom line.

Vinivino

Wine Enthusiasts Community

Vinivino is a wine lover community that provides easy and efficient ways to review the wines you taste, to share them among your friends and other members and to search within your reviews and other member reviews.

Sisense

Analytics Management for AmazonS3 Usage

Prism (powered by Sisense) is a simple-yet-powerful information analysis tool that allows vast amounts of data to be sliced, diced and analyzed from every possible angle in a super friendly, super interactive way, all through a WYSIWYG interface that puts a big emphasis on instant results, visualization and ad-hoc analysis.

Yoozila

Cross-Meta Search Engine

Yoozila is a powerful new search engine. It’s primary purpose is to provide you with relevant results and present them in a fresh web 2.0 beautiful manner. And they don’t just look nice, they’re also easy to use. Among the features of Yoozila you’ll find the Parental Control feature, which you can use to filter adult content, region, file type, license and language filters, to make sure you find exactly what you’re looking for.

Fraced

Simply Connected

Fraced is a user centric location based social network. Fraced allows you to find friends globally, create a map of your friends network, keep your own blogs, share photos and much more.

Tatango

Connecting Groups through Text Messaging

Tatango is a service that offers the simplest, most effective way for groups to communicate through their mobile phone. As an all in one solution, Tatango allows you to collect, manage and mobile message all of your group members both from your computer and mobile phone. Tatango allows any leader to update their members on meeting times, events, and notifications; anytime, anywhere.

Kindling

An Idea Management and Collaboration Tool

A place where companies, organizations, and small groups can share and collaborate. Kindling cultivates ideas from the ground up and believes that everyone in a group has something valuable to say, from the interns to the CEO.

RoadTripHelper

Hotel Booking Management

RoadTripHelper is a meta search engine that allows you to search for hotels near an attraction, address, city, landmark or intersection and will plot the hotels on our innovative map. Clicking on the mini hotels on the map will disclose all the information about the specific hotel including pictures, reviews, price and other details.

ZKOUT

The Social Network that Follows You

ZKOUT is the social tool that instantly connects you to the people and places around you. Let your friends know what you are doing and where you are in real time from your mobile phone or computer.

Lively

Your Virtual Space provided by Google

Create an avatar and chat with your friends in rooms you design. Customize your avatar and stream personal photos and video, and Invite your friends to chat and help decorate.

Skabble

Online Chat Program

Skabble is a free program that lets you chat with all the other Skabble users that are visiting the same website as you. Skabble also connects you with people who are browsing similar websites and share your interests.

Gallery—An XML-based photo gallery.

Product Table—An interactive data grid displaying XML-based data.

Reader—An RSS reader showing how multiple XML files can be used to build a rich interface

Featured Content Slider

Featured Content Slider makes a slideshow out of arbitrary content on your page, so users can manually select a content to see or have them rotated automatically. Each content is defined simply inline on the page as regular HTML, or altogether inside a single external file and fetched via Ajax instead. Where this script shines is the versatile pagination links interface, which can be customized in a variety of ways. You may have such a script on the frontpage of sites such as Rottentomatoes and Gamespot, though the difference is that Featured Content Slider is Flash free!

Featured Content Glider

This script lets you painlessly showcase new or featured contents on your page, by turning ordinary pieces of HTML content into an interactive, “glide in” slideshow. For the ultimate in the ability to customize its look, the pagination links are also ordinary links that you define on the page, but with special CSS class names inserted when it should perform a certain task (ie: “toc” class if it’s a pagination link). This means the pagination links can be styled and arranged any way you like. The script enlists the help of the jQuery library for its engine. Lets see a rundown of the script’s features now:

Animated Collapsible DIV

This script collapses any DIV on the page and lets users manually toggle its appearance via a smooth “Web 2.0 style” animation. It’s a popular effect on many social networking/ comment sites. Three distinguishing features of this script are:

Have fun sliding content up and down!

Scrollable content

We derived our idea for this script from MrShowBiz (now retired), which used a similar setup on its front page to display news headlines. Display content in a confined area. Users can then view the entire content via the automatic scroll up/down functionality. Compatible with all DHTML browsers (IE4+, NS4, NS6), this is a great script to compact and add a touch of interactivity to portions of your page.

Advanced Gallery script

This robust gallery script allows you to display and rotate entire blocks of HTML on demand. Display images, text, or rich HTML in a dynamic manner. Set the script to automatically cycle through the contents like in a scroller, or via manual selecting. Furthermore, we made inputting the contents a breeze- simply wrap desired blocks of HTML in a special <DIV> tag, and they are automatically added to the gallery. It doesn’t get easier than this.

Drop down/ Overlapping Content script

This script lets you display content in tight areas on your page, by dropping it down into view when the mouse rolls over the anchor element. The content temporarily overlaps anything beneath it. Think of it as adding another dimension to your webpage to create more space. It’s extremely handy for displaying search boxes, additional links etc in a tight area, such as the sidebar column of a page. The content to reveal/ overlap in each case is simply contained inside an arbitrary DIV on the page for easy customizing.

Amazon style Drop-in content box

We modeled this script after an effect seen on the frontpage of Amazon.com. A content box drops in from “midair”, and can display anything of your choice. The frequency of the box appearing can be precisely controlled, such as “always”, “once per browser session”, or “randomly.” This useful script works in IE4+, NS6+, and Opera7+. Be sure to also check out the original Drop In Content script.

DHTML Ad Box

Matt’s DHTML ad script displays an “inexcusable” box in the middle of the page, broadcasting ads of your choice inside. The box automatically disappears after x seconds, with its display frequency configurable (ie: show ad box only 1 of out 5 times the page is loaded). This is one method of serving ads that may just be effective, since it contains qualities of a TV/radio commercial.

Popup Box II

Brian’s awesome DHTML Popup box allows you to prominently present content in an elegant, non obtrusive manner. The feature rich box can be dragged and dismissed, with unlimited boxes per page supported! Note that the full interface of the box is visible in IE5+ and NS6+ only. Older browsers will display a popup window instead (can be turned on/off).