jQWidgets Forums

jQuery UI Widgets › Forums › Dialogs and Notifications › Tooltip, Notification, Popover › Tooltips for classes?

Tagged: , , , , ,

This topic contains 2 replies, has 2 voices, and was last updated by  jonfrain 10 years, 11 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Tooltips for classes? Posts
  • May 13, 2014 at 12:45 am Tooltips for classes? #54361

    jonfrain
    Participant

    I found this undated post:

    http://www.jqwidgets.com/new-version-of-jqxtooltip-is-coming/

    Is this an old post and making a tooltip by class should work?

    <img class="dateReceived" style="width:17px; height=8px;" src= ... />

    If I try to set the tooltip by the class it fails, but if I add an ID and set it that way it works fine.

    Thanks for your time.

    May 13, 2014 at 5:02 am Tooltips for classes? #54369

    Dimitar
    Participant

    Hello jonfrain,

    This post is from October 3, 2012 and jqxTooltip supports selection of class from then on. Here is an example:

    <!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" type="text/css" href="../../jqwidgets/styles/jqx.base.css" />
    <script type="text/javascript" src="../../scripts/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxtooltip.js"></script>
    <script type="text/javascript" src="../../scripts/demos.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(".images").jqxTooltip({ content: 'image tooltip', position: 'mouse', name: 'imgTooltip' });
        });
    </script>
</head>
<body>
    <div style="width: 400px;" id="container">
        <img class="images" style="margin: 8px;" src="../../images/The_Amazng_Spider_Man.jpeg"
            id="filmPicture1" />
        <img class="images" style="margin: 8px;" src="../../images/The_Avengers.jpg" id="filmPicture2" />
        <img class="images" style="margin: 8px;" src="../../images/The_Dark_Knight_Rises.jpg"
            id="filmPicture3" />
        <img class="images" style="margin: 8px;" src="../../images/Harry_Potter_7_Part_1.jpg"
            id="filmPicture4" />
        <img class="images" style="margin: 8px;" src="../../images/Harry_Potter_7_Part_2.jpg"
            id="filmPicture5" />
        <img class="images" style="margin: 8px;" src="../../images/Inception.jpg" id="filmPicture6" />
        <img class="images" style="margin: 8px;" src="../../images/Star_Trek.jpg" id="filmPicture7" />
        <img class="images" style="margin: 8px;" src="../../images/Star_Wars_Episode_III.jpg"
            id="filmPicture8" />
        <img class="images" style="margin: 8px;" src="../../images/Thor.jpg" id="filmPicture9" />
    </div>
</body>
</html>

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

    May 13, 2014 at 1:59 pm Tooltips for classes? #54401

    jonfrain
    Participant

    Thank you very much!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.