Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I don't know how you've been looking but a quick google search for jquery tooltip gave me <a href="http://flowplayer.org/tools/tooltip/index.html">http://flowplayer.org/tools/tooltip/index.html</a> (been using their scrollable plugin for some time now, really like it :)</p> <p>from their site:</p> <blockquote> <p>jQuery Tooltip allows you to fully control when the tooltip will be shown or hidden. You can specify different events for different types of elements. You can control this behaviour with the events configuration variable which has following values by default:</p> </blockquote> <pre><code>events: { def: "mouseenter,mouseleave", // default show/hide events for an element input: "focus,blur", // for all input elements widget: "focus mouseenter,blur mouseleave", // select, checkbox, radio, button tooltip: "mouseenter,mouseleave" // the tooltip element } </code></pre> <p>using 'click' should do the trick. (I didn't test it)</p> <p>however, if all else fails you can still fake it by using the 'scripting api', just call .show() and .hide()</p> <p><strong>Edit:</strong></p> <p>Since click, click doesn't work exactly as I thought it would, I offer you a workaround. I really hope that there's a nicer way to achieve the same result though. I tested it with a local copy of <a href="http://flowplayer.org/tools/tooltip/index.html">http://flowplayer.org/tools/tooltip/index.html</a> and it works as expected.</p> <pre><code>var tooltip = $("#dyna img[title]").tooltip({ events: { def: ",", // default show/hide events for an element tooltip: "click,mouseleave" // the tooltip element }, // tweak the position offset: [10, 2], // use the "slide" effect effect: 'slide' // add dynamic plugin with optional configuration for bottom edge }).dynamic({ bottom: { direction: 'down', bounce: true } }); tooltip.click(function() { var tip = $(this).data("tooltip"); if (tip.isShown(true)) tip.hide(); else tip.show(); }); </code></pre> <p>But I suggest you take a look at qTip as suggested by user834754 as well, you might like it more.</p>
    singulars
    1. This table or related slice is empty.
    1. POjQuery tooltip onClick?
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USBrunner
    1. USBrunner
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POjQuery tooltip onClick?
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COI have looked at this one, the only thing I didn't like about it was the use of images, as I wanted to use CSS for the tooltips.
      singulars
      1. PO
      1. USCharlie
    2. COI also use this tool and you can use pure CSS for the tooltip, read the documentation more thoroughly.
      singulars
      1. PO
      1. USKyle
    3. COMajor problem with this one, there is no way to allow the tooltip to toggle. Using `click, click` for the `events:` does not work.
      singulars
      1. PO
      1. USCharlie
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload