"Freezable" Tooltips?

Posted on 2012-08-31
Last Modified: 2012-09-05
Hear me out on this.  I'm not just talking about mouseover tooltips, or even "sticky" tooltips.

Picture you're looking at a chart with data points all over it.  You can mouse over any point and get a great-looking tooltip.  It has a pointer that points at its source point.

THEN, while that tooltip is displayed, you hit F3 and mouse away.  The tooltip remains in place, and now displays an X in its upper-right corner.  This is now the only way it can be closed.

You then mouse over ANOTHER and ANOTHER data point, hitting F3 each time.  Soon you have many tooltip windows all over your chart, all frozen in place due to your use of the F3 button.

Does anyone know of anything like this?  "Freezable" tooltips?  Where multiple instances are possible?

Question by:bamapie
    LVL 75

    Accepted Solution

    Perhaps qtip2. Not sure about hooking f3 but have a look
    LVL 42

    Expert Comment

    by:David S.
    Out of curiosity, why use the F3 key?

    A more intuitive design might be to use tooltips that don't move with the mouse and have a delay before closing, so you could move the mouse over it and click a button that looks like a pin/tack to "freeze" it.

    Author Comment

    Guys, the F3 thing was just out of the blue.  I should've said, "some intuitive way of freezing the tooltip as you're hovering over it."
    LVL 26

    Assisted Solution

    Here's a library with dialogs that can be modified to be made sticky.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Training Course: Adobe Dreamweaver CC 2015

    Adobe Dreamweaver Creative Cloud is used by web designers and front-end developers and allows you to visualize your site in real-time as you code. This course covers exam objectives for the Adobe Certified Associate (ACA) certification.

    Suggested Solutions

    Introduction JSON is an acronym for JavaScript Object Notation.  It is a text-string data transport mechanism, capable of representing simple or complex data structures in a consistent and easy-to-read manner.  Similar in concept to XML, but more e…
    Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
    In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
    In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

    761 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    8 Experts available now in Live!

    Get 1:1 Help Now