JSFiddle - React, Tailwind, and code Playground

by chridam

HTML

<head>
    <title>Test Case</title>
    <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />

    <!-- Tooltip classes -->
    <link rel="stylesheet" href="http://php-form-builder-class.googlecode.com/svn-history/r301/trunk/includes/jquery/plugins/poshytip/tip-yellow/tip-yellow.css" type="text/css" />

      <script type="text/javascript" src="http://plugs.googlecode.com/svn-history/r110/trunk/plugs/ui/jquery/poshytip/static/poshytip/jquery.poshytip.js"></script>

    
</head>

<body>
    <p><a id="entity" rel="foo!" href="#" title="">flowers, closeup</a></p>
    <p><span id="entity" title="bar!">Hover for a tooltip 2</span></p>

</body>

JavaScript

$(function(){
            $("#entity").poshytip({
                className: 'tip-yellow',
                content: function(updateCallback) {
                            var title = $(this).attr('rel');
                            alert(title);
                            updateCallback(title);
                          },
                showTimeout: 1,
                alignTo: 'target',
                alignX: 'center',
                offsetY: 5,
                allowTipHover: true
            });
        });