Changeset 4511

Timestamp:

01/22/08 22:36:19 (1 year ago)

Author:

kswedberg

Message:

cluetip: added simple/experimental delayedClose option to allow auto-closing of clueTip after given number of milliseconds;
fixed annoyance (reported at http://plugins.jquery.com/node/1081): default title attributes showing before cluetip when using long interval in hoverIntent; added simple/experimental delayedClose option to allow auto-closing of clueTip after given number of milliseconds.

Location:

trunk/plugins/cluetip

Files:

• Changelog.txt (modified) (1 diff)
• demo/demo.js (modified) (1 diff)
• demo/index.html (modified) (1 diff)
• jquery-1.2.2.min.js (added)
• jquery.cluetip.js (modified) (16 diffs)

trunk/plugins/cluetip/Changelog.txt

@@ -1 +1 @@
 
 == New and Noteworthy ==
+
+== 0.9.5 == 
+
+* added clickThrough option to allow click to go to page, even if href and tipAttribute are equal. 
+* added experimental mouse tracking option
+* added simple/experimental delayedClose option to allow auto-closing of clueTip after given number of milliseconds.
+* added "focus" as an available value for "activation" option. Will show clueTip on focus of a form element, hide on blur.
+* added support for bgiframe plugin. When the bgiframe plugin is referenced in the docuement, clueTip will use it (in IE6).
+* cleaned up default ajaxProcess option.
+* provided public access to all default plugin settings (thanks malsup!)
+* fixed bug (reported at http://jquery.com/plugins/node/941) when splitTitle is used and title attribute is empty
+* fixed bug where a variable was improperly nested in an if statement
+* fixed bug with incorrectly disabling link when no href is present in invoking element
+* fixed annoyance (reported at http://plugins.jquery.com/node/1081): default title attributes showing before cluetip when using long interval in hoverIntent.
 
 == 0.9.3 == 

trunk/plugins/cluetip/demo/demo.js

@@ -1 +1 @@
 
 /* the next line is an example of how you can override default options globally (currently commented out) ... */
- // $.fn.cluetip.defaults.sticky = true;
+
+ // $.fn.cluetip.defaults.tracking = true;
 
 $(document).ready(function() {

trunk/plugins/cluetip/demo/index.html

@@ -7 +7 @@
   <title>clueTip : A jQuery Plugin</title>
 
-  <script src="../jquery.js" type="text/javascript"></script>
+  <script src="../jquery-1.2.2.min.js" type="text/javascript"></script>
   <script src="../jquery.dimensions.js" type="text/javascript"></script>
   <script src="../jquery.hoverIntent.js" type="text/javascript"></script>

trunk/plugins/cluetip/jquery.cluetip.js

@@ -1 +1 @@
 /*
  * jQuery clueTip plugin
- * Version 0.9.3.2  (12/05/2007)
+ * Version 0.9.5  (01/22/2008)
  * @requires jQuery v1.1.1+
  * @requires Dimensions plugin 
@@ -56 +56 @@
  * More examples can be found at http://plugins.learningjquery.com/cluetip/demo/
  * 
- * Full list of options/settings can be found at the bottom of this file
+ * Full list of options/settings can be found at the bottom of this file and at http://plugins.learningjquery.com/cluetip/
  */
 
@@ -83 +83 @@
       var cluetipContents = false;
       var cluezIndex = parseInt(opts.cluezIndex, 10)-1;
-      var isActive = false;
-      
+      var isActive = false, closeOnDelay = 0;
+
       // create the cluetip divs
       if (!$cluetip) {
@@ -90 +90 @@
         $cluetipTitle = $('<h3 id="cluetip-title"></h3>');        
         $cluetipOuter = $('<div id="cluetip-outer"></div>').append($cluetipInner).prepend($cluetipTitle);
-        $cluetip = $('<div></div>').attr({'id': 'cluetip'}).css({zIndex: opts.cluezIndex})
+        $cluetip = $('<div id="cluetip"></div>').css({zIndex: opts.cluezIndex})
         .append($cluetipOuter).append('<div id="cluetip-extra"></div>')[insertionType](insertionElement).hide();
         $('<div id="cluetip-waitimage"></div>').css({position: 'absolute', zIndex: cluezIndex-1})
@@ -116 +116 @@
       var tipHeight, wHeight;
       var defHeight = isNaN(parseInt(opts.height, 10)) ? 'auto' : (/\D/g).test(opts.height) ? opts.height : opts.height + 'px';
-      var sTop, linkTop, posY, tipY, mouseY;
+      var sTop, linkTop, posY, tipY, mouseY, baseline;
       // horizontal measurement variables
       var tipWidth = parseInt(opts.width, 10) + parseInt($cluetip.css('paddingLeft')) + parseInt($cluetip.css('paddingRight')) + dropShadowSteps;
@@ -127 +127 @@
       var tipTitle = (opts.attribute != 'title') ? $this.attr(opts.titleAttribute) : '';
       if (opts.splitTitle) {
-        if(tipTitle == undefined){ tipTitle = '';}
+        if(tipTitle == undefined) {tipTitle = '';}
         tipParts = tipTitle.split(opts.splitTitle);
         tipTitle = tipParts.shift();
       }
       var localContent;
+      
 
 /***************************************      
@@ -187 +188 @@
 ***************************************/
       if (tipParts) {
-        for (var i=0; i < tipParts.length; i++){
+        var tpl = tipParts.length;
+        for (var i=0; i < tpl; i++){
           if (i == 0) {
             $cluetipInner.html(tipParts[i]);
@@ -211 +213 @@
             if (opts.waitImage) {
               $('#cluetip-waitimage')
-              .css({top: mouseY+20, left: mouseX})
+              .css({top: mouseY+20, left: mouseX+20})
               .show();
             }
@@ -283 +285 @@
       $cluetipOuter.css({overflow: defHeight == 'auto' ? 'visible' : 'auto', height: defHeight});
       tipHeight = defHeight == 'auto' ? $cluetip.outerHeight() : parseInt(defHeight,10);   
-      tipY = posY;      
+      tipY = posY;
+      baseline = sTop + wHeight;
       if (opts.positionBy == 'fixed') {
         tipY = posY - opts.dropShadowSteps + tOffset;
       } else if ( (posX < mouseX && Math.max(posX, 0) + tipWidth > mouseX) || opts.positionBy == 'bottomTop') {
-        if (posY + tipHeight + tOffset > sTop + wHeight && mouseY - sTop > tipHeight + tOffset) { 
+        if (posY + tipHeight + tOffset > baseline && mouseY - sTop > tipHeight + tOffset) { 
           tipY = mouseY - tipHeight - tOffset;
           direction = 'top';
@@ -294 +297 @@
           direction = 'bottom';
         }
-      } else if ( posY + tipHeight + tOffset > sTop + wHeight ) {
-        tipY = (tipHeight >= wHeight) ? sTop : sTop + wHeight - tipHeight - tOffset;
+      } else if ( posY + tipHeight + tOffset > baseline ) {
+        tipY = (tipHeight >= wHeight) ? sTop : baseline - tipHeight - tOffset;
       } else if ($this.css('display') == 'block' || $this[0].tagName.toLowerCase() == 'area' || opts.positionBy == "mouse") {
         tipY = bpY - tOffset;
@@ -317 +320 @@
       if (opts.dropShadow) $dropShadow.css({height: tipHeight, width: opts.width}).show();
       if ($.fn.bgiframe) { $cluetip.bgiframe(); }
-      // trigger the optional onShow function      
+      // trigger the optional onShow function
+      if (opts.delayedClose > 0) {
+        closeOnDelay = setTimeout(cluetipClose, opts.delayedClose);
+      }
+
       opts.onShow($cluetip, $cluetipInner);
+      
     };
 
@@ -329 +337 @@
       if (!opts.sticky || (/click|toggle/).test(opts.activation) ) {
         cluetipClose();
+clearTimeout(closeOnDelay);        
       };
       if (opts.hoverClass) {
@@ -390 +399 @@
         };
         if ($.fn.hoverIntent && opts.hoverIntent) {
-          $this.hoverIntent({
+          $this.mouseover(function() {$this.attr('title',''); })
+          .hoverIntent({
             sensitivity: opts.hoverIntent.sensitivity,
             interval: opts.hoverIntent.interval,  
@@ -454 +464 @@
     clickThrough:     false,    // if true, and activation is not 'click', then clicking on link will take user to the link's href,
                                 // even if href and tipAttribute are equal
-    tracking:         false,    // if true, clueTip will track mouse movement
+    tracking:         false,    // if true, clueTip will track mouse movement (experimental)
+    delayedClose:     0,        // close clueTip on a timed delay (experimental)
     closePosition:    'top',    // location of close text for sticky cluetips; can be 'top' or 'bottom' or 'title'
     closeText:        'Close',  // text (or HTML) to to be clicked to close sticky clueTips
@@ -483 +494 @@
     // process data retrieved via xhr before it's displayed
     ajaxProcess:      function(data) {
-                        data = $(data).not('style, meta, link, script, title');
+                        data = data.replace(/<s(cript|tyle)(.|\s)*?\/s(cript|tyle)>/g, '').replace(/<link(.|\s)*?\/link>/g,'');
                         return data;
     },                
@@ -492 +503 @@
     }
   };
-  
+
 
 /*