[Openutils-svn] SF.net SVN: openutils:[1777] trunk/openutils-mgnlmedia/src/main/resources

[<die...@us...>]

Revision: 1777
          http://openutils.svn.sourceforge.net/openutils/?rev=1777&view=rev
Author:   diego_schivo
Date:     2010-02-02 19:03:22 +0000 (Tue, 02 Feb 2010)

Log Message:
-----------
MEDIA-64 tooltip show/hide logic

Modified Paths:
--------------
    trunk/openutils-mgnlmedia/src/main/resources/net/sourceforge/openutils/mgnlmedia/media/pages/MediaFolderViewPage.html

Added Paths:
-----------
    trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/js/mediainfo.js

Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/js/mediainfo.js
===================================================================
--- trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/js/mediainfo.js	                        (rev 0)
+++ trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/js/mediainfo.js	2010-02-02 19:03:22 UTC (rev 1777)
@@ -0,0 +1,48 @@
+var MediaInfo = new Class({
+
+  initialize: function(triggers){
+    this.hideStarter = function(){
+      this.hideTimer = this.hide.delay(250, this);
+    }.bind(this);
+    this.hideStopper = function(){
+      if (this.hideTimer) this.hideTimer = $clear(this.hideTimer);
+    }.bind(this);
+    $$(triggers).each(function(trigger){
+      var tooltip = trigger.tooltip(trigger.getElement('.details').get('html'), {
+        width: 170,
+        style: 'coda',
+        sticky: 1,
+        mode: 'bl',
+        fixedPosition: true,
+        offset: {x: -60, y: 20}
+      });
+      trigger.addEvents({
+        'mouseleave': this.hideStarter,
+        'mouseenter': this.hideStopper,
+        'tooltipshow': this.handleShow.bind(this, trigger),
+        'tooltiphide': this.handleHide.bind(this, trigger)
+  	  });
+      tooltip.tooltip.addEvents({
+        'mouseenter': this.hideStopper,
+        'mouseleave': this.hideStarter
+      });
+    }, this);
+  },
+
+  handleShow: function(el){
+    this.hideStopper();
+    if (this.trigger) this.trigger.tooltip_hide();
+    this.trigger = el;
+  },
+
+  handleHide: function(el){
+    if (this.trigger == el) this.trigger = null;
+  },
+
+  hide: function(){
+    if (!this.trigger) return;
+    this.trigger.tooltip_hide();
+    this.trigger = null;
+  }
+
+});
\ No newline at end of file


Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/js/mediainfo.js
___________________________________________________________________
Added: svn:mime-type
   + text/plain
Added: svn:keywords
   + Author Date Id Revision
Added: svn:eol-style
   + native

Modified: trunk/openutils-mgnlmedia/src/main/resources/net/sourceforge/openutils/mgnlmedia/media/pages/MediaFolderViewPage.html
===================================================================
--- trunk/openutils-mgnlmedia/src/main/resources/net/sourceforge/openutils/mgnlmedia/media/pages/MediaFolderViewPage.html	2010-02-02 18:43:48 UTC (rev 1776)
+++ trunk/openutils-mgnlmedia/src/main/resources/net/sourceforge/openutils/mgnlmedia/media/pages/MediaFolderViewPage.html	2010-02-02 19:03:22 UTC (rev 1777)
@@ -15,6 +15,7 @@
     <script type="text/javascript" src="${this.request.contextPath}/.resources/media/js/multibox/overlay.js"></script>
     <script type="text/javascript" src="${this.request.contextPath}/.resources/media/js/mediaedit.js"></script>
     <script type="text/javascript" src="${this.request.contextPath}/.resources/media/js/sexy-tooltips-1.1.js"></script>
+    <script type="text/javascript" src="${this.request.contextPath}/.resources/media/js/mediainfo.js"></script>
     <script type="text/javascript">
     <#list this.types as type> <#if type.name == this.type> <#assign currentType = type> </#if> </#list>
 
@@ -94,20 +95,8 @@
         item.addEvent('click', Tips1.elementEnter.bindWithEvent(Tips1, item));
       });
 
-      $$('.edit').each(function(item){
-        new MediaEdit(item);
-      });
-
-      $$('.mediainfo').each(function(item){
-        item.tooltip(item.getElement('.details').get('html'), {
-          width: 170,
-          style: 'coda',
-          sticky: 1,
-          mode: 'bl',
-          fixedPosition: true,
-          offset: {x: -60, y: 20}
-        });
-      });
+      new MediaEdit('.edit');
+      new MediaInfo('.mediainfo');
     });
     </script>
   </head>


This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.