Back to Top
The nuts and bolts for
Creative web development

Advanced Tooltips

“Create rich media tooltips”

Create Rich Media Tooltips, provide online help, zoom in to images display rich content and tips with just a few clicks. Customize the display of the tooltips, including the style, color and position. Apply rich designs, include and auto-fit photos, slideshows, movies, alerts or other content in your tooltips.

Apply special transition effects such as fade, slide and fly effects for a staggering user experience and place your tooltips anywhere you like on your site.

Features

  • Create Rich Media Tooltips
    Provide online help, zoom in to images, display rich content and tips with just a few clicks.

  • Customize the display of the tooltips
    • Choose from a rich collection of styles with shadows and choose from a multitude of colors



    • Position your tooltip anywhere, you can even let the tooltip follow the cursor of a user.

  • Automatic Preloader For Your Images
    • Advanced Tooltips automatically displays a preloader for your images



  • Support for multiple content formats
    • Include and auto-fit photos, slideshows, movies, alerts or other content in your tooltips.

  • Choose from a large collection of transitions
    • Apply special transition effects such as fade, slide and fly effects for a staggering user experience
    • Choose from a tremendous range of easing effects to fine-tune your transitions

    • Set the delay of the tooltip to determine the exact time before the tooltip fades in

  • Fully integrated in Dreamweaver



    • Set your options within user friendly interface, no coding is required.
    • Works on Windows and on MAC.

Showcases


  • Horse Farm Showcase

    For this showcase we used Advanced Tooltips to enhance the description which appears on hover. Also we added sound that you can play on mouse click, and DMXzone Bootstrap 3, Navigation, Elements and ...

  • Product Designer Showcase

    For this showcase we used Advanced Tooltips Dreamweaver extension in order to add additional information on hover. Simply go with your mouse over the images or the text and the tooltips will appear.

  • Cupcake Bakery Showcase

    For this showcase we used HTML5 Data Bindings and DMXzone Database Connector PHP/ASP in order to connect to our database. We have placed a repeat and a detail regions containing the products. When ...

  • Digital Cameras Showcase

    For this showcase we used DMXzone Bootstrap for the responsive layout and Bootstrap Elements for the print it and show availability buttons. The printing action is executed with DMXzone PrintIt and ...

  • Online Reservation System Showcase

    This showcase is created with the Event Calendar Super Bundle PHP, which is also available in ASP, and will show you how to create a fantastic online reservation system for your business.

  • Company Events Calendar Showcase

    In this showcase you can see how the Ajax Event Calendar uses Advanced Tooltips to deliver more info onClick for the upcoming events. Also it's binded to the DMXzone Calendar 2, which is used as a ...

  • Our Portfolio Showcase

    In this showcase we've combined Advanced CSS Animator with Advanced Tooltips to visualize beautiful portfolio with cool effects and handy tooltips.

  • Advanced Tooltips & Sliding Billboard Showcase

    In this showcase you can experience how we combined Advanced Tooltips with Sliding Billboard in order to present products and info about them that pops up in a designer tooltip on mouse over.

  • Valentine's Day Music Showcase

    This design is created with our amazing HTML5 MP3 Player and Advanced Tooltips. Just click on the 'See in Action' button and check out what rich media tooltips can do with your projects.

  • HTML5 Slideshow & Advanced Tooltips

    The showcase shows a special behavior that can be used for multiple purposes such as Hinting and Content Review.

  • Rent-a-Beach House Showcase

    The showcase shows you an example of how you can combine all the extensions packed in the Event Calendar Super Bundle. We've used the DMXzone Calendar to navigate quickly through the Ajax Event ...

  • Forget Not Calendar Showcase

    The showcase shows you how to combine DMXzone Calendar and Advanced Tooltips in order to create an online reminder for all your important events.

  • Set the offer for your car

    The showcase shows you a great car sale case where conditional validation as well the new great looking tooltips are used for error messages and hits.

  • Set the Offer for Your Car Showcase

    The showcase shows you a great car sale case where conditional validation as well the new great looking tooltips are used for error messages and hits.

  • Set the Offer for your Car Showcase

    The showcase shows you a great car sale case where conditional validation as well the new great looking tooltips are used for error messages and hits.

  • Beach Chairs Catalog Showcase

    Click on a thumbnail in addition to get more detailed info about the chair

  • Online Urban Vacation Showcase

    Another fine 3D Photo Wall showcase from the DMXzone team. Click on an image to see Wikipedia info via Advanced Tooltip.

  • Space Showcase

    Click on the showcase and move your mouse over the crosshairs to see you how you can use image hotspots to add cool tooltips.

  • Ajax DataGrid Teams Up with Layer Popup and Tooltips

    In this demo the grid is integrated with Advanced Layer Popup and Advanced Tootltips. Click on the planes for a larger version in a popup.

  • Rich Media Tooltips Showcase

    Click on the showcase below to experience how Rich Media Tooltips can change your site.

Videos

Basic Usage

Using Advanced Tooltips to Add Tips to Your Web Forms

With this movie we will show you how easily you can use Advanced Tooltips to provide additional information for your forms.

Watch the movie read more

Bundle Usage

Editing Ajax Event Calendar Events through Advanced Tooltips

With this movie we will show you how to edit your existing Ajax Event Calendar events using Advanced Tooltips.

Enhancing Your Calendar with Tooltips

With this movie we will show you how to combine Ajax Event Calendar and Advanced Tooltips in order to enhance the user experience.

Add Additional Information About Your Records for Your Business Environment

With this movie we will show you how easily you can combine Ajax DataGrid and Advanced Tooltips so you can add additional information about your records for your business

HTML5 MP3 Player with Songs Info

With this movie we will show you how to use Advanced Tooltips in order to show the HTML5 MP3 Player songs info.

Enhancing Sliding Billboard with Amazing Tooltips

With this movie we will show you how to enhance Sliding Billboard using Advanced Tooltips. This video has been created as a step-by-step tutorial for the Furniture Store demo.

Watch the movie read more

html5 slideshow and dmxzone lightbox

Open Tooltips in your HTML5 Slideshow

With this movie we will show you how to show Advanced Tooltips when the mouse goes over an HTML5 Slideshow images.

Watch the movie read more

Combine CSS Image Gallery and Advanced Tooltips

With this movie we will show you how to combine CSS Image Gallery and Advanced Tooltips for the best presentation experience of your gallery.

Watch the movie read more

Combining 3D ImageFlow Gallery and Advanced Tooltips

With this movie we will show you how easily you can display a description of 3D ImageFlow Gallery photos in a Advanced Tooltips all thanks to the amazing DMXzone Behavior Connector that opens up many new possibilities when interconnecting extensions.

Watch the movie read more

Requirements

Type: Behavior
License: External link
Product: Dreamweaver MX 2004, Dreamweaver 8, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5/CS5.5 and CS6, Dreamweaver CC


History

Version 1.1.0

  • Full compatibility with the new HTML5 Data Bindings, DMXzone Database Connector PHP/ASP and Database Updater PHP/ASP
  • New tooltip styles -  "Black" for maximum Twitter Bootstrap look and feel! Works perfect with the DMXzone Bootstrap extension. Also transparent black, transparent grey and transparent white styles available
  • Included the latest jQuery 1.10.2 for optimal IE11 compatibility
  • Improved loading and scrollbars rendering of external pages when HTML5 is being used in the latest browsers
  • Fixed empty tooltip flashing in some browsers on page refresh

Version 1.0.10

  • Full Dreamweaver CC and Extension Manager CC support
  • Included new Behavior Connector with restyled UI and better Mac OSX Support
  • Updated the automatic file copy and update component for better Dreamweaver CC support
  • Improved compatibility with the latest jQuery
  • Included latest jQuery 1.10.1

Version 1.0.9

  • Added compatibility with DMXzone Slider
  • Latest jQuery 1.7.2 included
  • Improved installer for DW CS 5.5+

Version 1.0.8

  • Included latest jQuery 1.6.3
  • Fixed autodetect feature
  • Bugfix error with styles

Version 1.0.7

  • Improved IE compatibility when used in combination with DMXzone Lightbox
  • Improved IE9 compatibility when loading styles
  • Improved positioning in IE8 when loading images in tooltip
  • Smaller JavaScript files by better compression
  • Improved jQuery version recognition and include
  • Improved related files include method
  • Improved working in Dreamweaver templates
  • Compatibility now with site root relative links Dreamweaver option for making all includes site root relative

Version 1.0.6

  • Improved working in Dreamweaver templates
  • Improved depended file includes
  • Improved tooltip fixed positioning
  • New jQuery 1.4.4 included

Version 1.0.5

  • Improved browser detection and IE6 compatibility
  • Compatible with the new Ajax Event Calendar
  • Does not display when tooltip is empty
  • Several CSS optimizations
  • Improved Tooltip positioning

Version 1.0.4

  • Improved positioning on mouse cursor
  • New option to specify the type of the content displayed in the tooltip
  • Improved click handling in the tooltip
  • Improved compatibility with other DMXzone extensions
  • Minor bug fixes

Version 1.0.3

  • Improved extensions interface
  • New Smart Preloader makes sure that all the needed images for the tooltip are available before it is shown
  • The Browse for File Dialog is now allowing dynamic data with parameters
  • Elements with target attribute can be now also selected as tooltip source
  • New jQuery 1.3.2 

Update Procedure

Reapply one "Show Advanced Tooltip" behavior and upload the changed files to your live server

George Petrov

George PetrovGeorge Petrov is a renowned software writer and developer whose extensive skills brought numerous extensions, articles and knowledge to the DMXzone- the online community for professional Adobe Dreamweaver users. His expertise in countless languages and technologies gives inspiration and teach valuable lessons on his website – DMXzone.com which is most popular for its over high-quality Dreamweaver extensions and templates.

See All Postings From George Petrov >>

Share this Article

Reviews

RE: No Documentation

Documentation is presented in Properties panel of this extension page.

Find it also here

Regards.

No Documentation

I have purchased this extension (along with many other extensions) and in common with all other extensions it is impossible to find any documentation on how to use it.

You can spend hours hunting through forums but what is really needed (as with any product) is a simple pdf document of how to use it.

I wish they would get their act together on this an provide some documentation.