WordPress.org
Get WordPress

Plugin Directory

Changeset 1232307


Ignore:
Timestamp:
08/27/2015 04:13:07 PM (11 years ago)
Author:
Webblerock
Message:

jquery and style tweaks

File:
1 edited

Legend:

Unmodified
Added
Removed

  • simple-wp-glossary/trunk/js/simple-wp-glossary.js

    r1232304 r1232307  
    1 $(function(){
    2   $('dfn').each(function(){
    3     var timer;
    4     var thisTooltip = $(this);
    5     var theTerm = thisTooltip.html();
    6     var theDefinition = thisTooltip.attr('title');
    7     var tooltipTemplate =
    8         '<span class="dfnTooltip">' +
    9           '<span class="dfnTooltipTerm">' + theTerm + '</span>' +
    10           '<span class="dfnTooltipDefinition">' + theDefinition + '</span>' +
    11         '</span>';
    12    
    13     thisTooltip.attr('title', '')
    14       .addClass('hasTooltip')
    15       .append(tooltipTemplate)
    16       .hover(
    17         function(e){
    18           if (timer) { clearTimeout(timer); timer = null; }
    19          
    20           timer = setTimeout(function(){
    21             var position = thisTooltip.position();
    22             console.log(position.top);
    23             console.log(position.left);
    24             thisTooltip
    25               .children('.dfnTooltip')
    26               .css({ 'top': position.top + 10, 'left': position.left + 20 })
    27               .fadeIn(200)
    28           }, 200);
    29         },
    30         function(){
    31           if (timer) { clearTimeout(timer); timer = null; }
    32          
    33           timer = setTimeout(function(){
    34             thisTooltip.children('.dfnTooltip').fadeOut();
    35           }, 200);
    36         }
    37       )
    38       .children('.dfnTooltip').hide();
     1jQuery( document ).ready(function() {
     2  jQuery(function(){
     3    jQuery('dfn').each(function(){
     4      var timer;
     5      var thisTooltip = jQuery(this);
     6      var theTerm = thisTooltip.html();
     7      var theDefinition = thisTooltip.attr('title');
     8      var tooltipTemplate =
     9          '<span class="dfnTooltip">' +
     10            '<span class="dfnTooltipTerm">' + theTerm + '</span>' +
     11            '<span class="dfnTooltipDefinition">' + theDefinition + '</span>' +
     12          '</span>';
     13     
     14      thisTooltip.attr('title', '')
     15        .addClass('hasTooltip')
     16        .append(tooltipTemplate)
     17        .hover(
     18          function(e){
     19            if (timer) { clearTimeout(timer); timer = null; }
     20           
     21            timer = setTimeout(function(){
     22              var position = thisTooltip.position();
     23              console.log(position.top);
     24              console.log(position.left);
     25              thisTooltip
     26                .children('.dfnTooltip')
     27                .css({ 'top': position.top + 22, 'left': position.left + 22 })
     28                .fadeIn(200)
     29            }, 200);
     30          },
     31          function(){
     32            if (timer) { clearTimeout(timer); timer = null; }
     33           
     34            timer = setTimeout(function(){
     35              thisTooltip.children('.dfnTooltip').fadeOut();
     36            }, 200);
     37          }
     38        )
     39        .children('.dfnTooltip').hide();
     40    });
    3941  });
    4042});
Note: See TracChangeset for help on using the changeset viewer.