Menu
▾
▴
[Openutils-svn] SF.net SVN: openutils:[1775] trunk/openutils-mgnlmedia/src/main/resources
|
From: <die...@us...> - 2010-02-02 18:36:25
|
Revision: 1775
http://openutils.svn.sourceforge.net/openutils/?rev=1775&view=rev
Author: diego_schivo
Date: 2010-02-02 18:36:18 +0000 (Tue, 02 Feb 2010)
Log Message:
-----------
MEDIA-64 tooltip providing media-info details
Modified Paths:
--------------
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/folderView.css
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/css/sexy-tooltips/
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/b.gif
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/b.png
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/bca.gif
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/bca.png
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/bl.gif
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/bl.png
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/bla.gif
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/bla.png
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/br.gif
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/br.png
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/bra.gif
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/bra.png
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/close.gif
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/close.png
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/l.gif
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/l.png
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/la.gif
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/la.png
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/r.gif
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/r.png
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/ra.gif
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/ra.png
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/t.gif
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/t.png
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tca.gif
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tca.png
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tl.gif
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tl.png
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tla.gif
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tla.png
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tr.gif
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tr.png
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tra.gif
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tra.png
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue.css
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/js/sexy-tooltips-1.1.js
Modified: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/folderView.css
===================================================================
--- trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/folderView.css 2010-02-02 17:57:01 UTC (rev 1774)
+++ trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/folderView.css 2010-02-02 18:36:18 UTC (rev 1775)
@@ -197,6 +197,10 @@
padding: 5px 0 5px 0;
}
+.mediainfo .details {
+ display: none;
+}
+
.used span {
cursor: default;
}
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/b.gif
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/b.gif
___________________________________________________________________
Added: svn:mime-type
+ image/gif
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/b.png
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/b.png
___________________________________________________________________
Added: svn:mime-type
+ image/png
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/bca.gif
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/bca.gif
___________________________________________________________________
Added: svn:mime-type
+ image/gif
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/bca.png
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/bca.png
___________________________________________________________________
Added: svn:mime-type
+ image/png
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/bl.gif
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/bl.gif
___________________________________________________________________
Added: svn:mime-type
+ image/gif
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/bl.png
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/bl.png
___________________________________________________________________
Added: svn:mime-type
+ image/png
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/bla.gif
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/bla.gif
___________________________________________________________________
Added: svn:mime-type
+ image/gif
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/bla.png
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/bla.png
___________________________________________________________________
Added: svn:mime-type
+ image/png
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/br.gif
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/br.gif
___________________________________________________________________
Added: svn:mime-type
+ image/gif
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/br.png
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/br.png
___________________________________________________________________
Added: svn:mime-type
+ image/png
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/bra.gif
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/bra.gif
___________________________________________________________________
Added: svn:mime-type
+ image/gif
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/bra.png
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/bra.png
___________________________________________________________________
Added: svn:mime-type
+ image/png
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/close.gif
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/close.gif
___________________________________________________________________
Added: svn:mime-type
+ image/gif
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/close.png
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/close.png
___________________________________________________________________
Added: svn:mime-type
+ image/png
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/l.gif
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/l.gif
___________________________________________________________________
Added: svn:mime-type
+ image/gif
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/l.png
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/l.png
___________________________________________________________________
Added: svn:mime-type
+ image/png
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/la.gif
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/la.gif
___________________________________________________________________
Added: svn:mime-type
+ image/gif
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/la.png
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/la.png
___________________________________________________________________
Added: svn:mime-type
+ image/png
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/r.gif
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/r.gif
___________________________________________________________________
Added: svn:mime-type
+ image/gif
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/r.png
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/r.png
___________________________________________________________________
Added: svn:mime-type
+ image/png
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/ra.gif
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/ra.gif
___________________________________________________________________
Added: svn:mime-type
+ image/gif
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/ra.png
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/ra.png
___________________________________________________________________
Added: svn:mime-type
+ image/png
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/t.gif
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/t.gif
___________________________________________________________________
Added: svn:mime-type
+ image/gif
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/t.png
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/t.png
___________________________________________________________________
Added: svn:mime-type
+ image/png
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tca.gif
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tca.gif
___________________________________________________________________
Added: svn:mime-type
+ image/gif
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tca.png
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tca.png
___________________________________________________________________
Added: svn:mime-type
+ image/png
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tl.gif
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tl.gif
___________________________________________________________________
Added: svn:mime-type
+ image/gif
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tl.png
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tl.png
___________________________________________________________________
Added: svn:mime-type
+ image/png
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tla.gif
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tla.gif
___________________________________________________________________
Added: svn:mime-type
+ image/gif
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tla.png
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tla.png
___________________________________________________________________
Added: svn:mime-type
+ image/png
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tr.gif
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tr.gif
___________________________________________________________________
Added: svn:mime-type
+ image/gif
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tr.png
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tr.png
___________________________________________________________________
Added: svn:mime-type
+ image/png
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tra.gif
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tra.gif
___________________________________________________________________
Added: svn:mime-type
+ image/gif
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tra.png
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue/tra.png
___________________________________________________________________
Added: svn:mime-type
+ image/png
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue.css
===================================================================
--- trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue.css (rev 0)
+++ trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue.css 2010-02-02 18:36:18 UTC (rev 1775)
@@ -0,0 +1,91 @@
+div.sexy-tooltip .tooltip-tl {
+ background: url(blue/tl.png) 0 bottom no-repeat;
+ position: relative; /* for close button */
+}
+
+div.sexy-tooltip .tooltip-tr {
+ padding: 0px 15px 0px 15px;
+ background: url(blue/tr.png) 100% bottom no-repeat;
+}
+
+div.sexy-tooltip .tooltip-t {
+ background: url(blue/t.png) 0 bottom repeat-x;
+ height:25px;
+}
+
+div.sexy-tooltip .tooltip-l {
+ background: url(blue/l.png) 0 0 repeat-y;
+}
+
+div.sexy-tooltip .tooltip-r {
+ padding: 0px 15px 0px 15px;
+ background: url(blue/r.png) 100% 0 repeat-y;
+}
+
+div.sexy-tooltip .tooltip-m {
+ background: #ffffff;
+ overflow: hidden;
+ width:100%;
+}
+
+div.sexy-tooltip .tooltip-bl {
+ background: url(blue/bl.png) 0 0 no-repeat;
+}
+
+div.sexy-tooltip .tooltip-br {
+ padding: 0px 15px 0px 15px;
+ background: url(blue/br.png) 100% 0 no-repeat;
+}
+
+div.sexy-tooltip .tooltip-b {
+ background: url(blue/b.png) 0 0 repeat-x;
+ height:25px;
+}
+
+
+div.sexy-tooltip .tooltip-b .tooltip-c-arrow {
+ background: url(blue/bca.png) 50% 0 no-repeat;
+ height:25px;
+}
+
+div.sexy-tooltip .tooltip-b .tooltip-l-arrow {
+ background: url(blue/bla.png) 0 0 no-repeat;
+ height:25px;
+}
+
+div.sexy-tooltip .tooltip-b .tooltip-r-arrow {
+ background: url(blue/bra.png) 100% 0 no-repeat;
+ height:25px;
+}
+
+div.sexy-tooltip .tooltip-t .tooltip-c-arrow {
+ background: url(blue/tca.png) 50% 0 no-repeat;
+ height:25px;
+}
+
+div.sexy-tooltip .tooltip-t .tooltip-l-arrow {
+ background: url(blue/tla.png) 0 0 no-repeat;
+ height:25px;
+}
+
+div.sexy-tooltip .tooltip-t .tooltip-r-arrow {
+ background: url(blue/tra.png) 100% 0 no-repeat;
+ height:25px;
+}
+
+
+div.sexy-tooltip a.tooltip-close {
+ display:block;
+ overflow:hidden;
+ position: absolute;
+ top: 21px;
+ right: 10px;
+ width: 18px;
+ height: 18px;
+ background: url(blue/close.png) 0 0 no-repeat;
+ cursor: pointer;
+}
+
+div.sexy-tooltip a.tooltip-close span {
+ display:none;
+}
\ No newline at end of file
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/sexy-tooltips/blue.css
___________________________________________________________________
Added: svn:mime-type
+ text/plain
Added: svn:keywords
+ Author Date Id Revision
Added: svn:eol-style
+ native
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/js/sexy-tooltips-1.1.js
===================================================================
--- trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/js/sexy-tooltips-1.1.js (rev 0)
+++ trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/js/sexy-tooltips-1.1.js 2010-02-02 18:36:18 UTC (rev 1775)
@@ -0,0 +1,318 @@
+/**
+ * Sexy ToolTips - for mootools 1.2
+ * @name sexy-tooltips.js
+ * @author Eduardo D. Sada - http://www.coders.me/web-html-js-css/javascript/sexy-tooltips
+ * @version 1.1
+ * @date 16-Oct-2009
+ * @copyright (c) 2009 Eduardo D. Sada (www.coders.me)
+ * @license MIT - http://es.wikipedia.org/wiki/Licencia_MIT
+ * @example http://www.coders.me/ejemplos/sexy-tooltips/
+*/
+
+var FixeadorZIndex = 70000;
+
+Element.implement({
+ css: function(params){ return this.setStyles(params);} // costumbre jQuery
+});
+
+Element.implement({
+ tooltip: function(content, options) {
+ if (!this.OBJtooltip) {
+ this.OBJtooltip = new ToolTip(this, content, options);
+ }
+ return this.OBJtooltip;
+ },
+ tooltip_hide: function() {
+ if (this.OBJtooltip) {
+ this.OBJtooltip.hide();
+ }
+ }
+});
+
+var ToolTip = new Class({
+ Implements: [Options, Events],
+ initialize: function (trigger, content, options) {
+ this.setOptions({
+ duration : 300,
+ transition : Fx.Transitions.linear,
+ wait : false,
+ tooltipClass : 'sexy-tooltip',
+ style : 'default',
+ width : 250,
+ mode : 'auto',
+ hook : false,
+ mouse : true,
+ click : false,
+ sticky : 0,
+ tip :
+ {
+ x : 'c',
+ y : 'b'
+ },
+ fixedPosition: false,
+ offset : {x: 0, y: 0}
+ },
+ options);
+
+ this.open = false;
+ this.trigger = $(trigger);
+ this.trigger.set('title', '');
+
+ if (this.options.mode != 'auto') {
+ this.options.tip.y = this.options.mode.toLowerCase().charAt(0);
+ this.options.tip.x = this.options.mode.toLowerCase().charAt(1);
+ }
+
+ if (this.options.hook || Browser.Engine.trident) {
+ this.options.duration = 1; // not animation;
+ }
+
+ this.create(); // Crear maqueta html
+ this.skeleton.middle.set('html', content);
+
+ if (this.options.hook) {
+ this.trigger.addEvent('mousemove', this.hook.bindWithEvent(this));
+ }
+
+ if (this.options.click) {
+ this.trigger.addEvent('click', this.show.bindWithEvent(this));
+ }
+
+ if (this.options.mouse && !this.options.click) {
+ this.trigger.addEvent('mouseenter', this.show.bindWithEvent(this));
+ if (!this.options.sticky) {
+ this.trigger.addEvent('mouseleave', this.hide.bindWithEvent(this));
+ }
+ }
+
+ if (this.options.sticky) {
+ this.skeleton.close.addEvent('mouseenter', this.hide.bindWithEvent(this))
+ }
+
+ window.addEvent('resize', function(){
+ this.tooltip.css({
+ opacity : 0,
+ top : 0,
+ left : 0
+ });
+ this.open = false;
+ }.bindWithEvent(this));
+
+
+ },
+
+ create: function() {
+ this.tooltip = new Element('div', { 'class': this.options.tooltipClass }).css({
+ 'position' : 'absolute',
+ 'top' : 0,
+ 'left' : 0,
+ 'z-index' : FixeadorZIndex,
+ 'visibility': 'hidden',
+ 'width' : this.options.width
+ }).injectInside(document.body);
+
+ this.skeleton = {};
+
+ this.skeleton.style = new Element('div', { 'class': this.options.style }).injectInside(this.tooltip);
+
+ this.skeleton.top_left = new Element('div', { 'class': 'tooltip-tl', 'styles': { 'width': this.options.width } }).injectInside(this.skeleton.style);
+ this.skeleton.top_right = new Element('div', { 'class': 'tooltip-tr' }).injectInside(this.skeleton.top_left);
+ this.skeleton.top = new Element('div', { 'class': 'tooltip-t' }).injectInside(this.skeleton.top_right);
+
+ this.skeleton.left = new Element('div', { 'class': 'tooltip-l', 'styles': { 'width': this.options.width } }).injectAfter(this.skeleton.top_left);
+ this.skeleton.right = new Element('div', { 'class': 'tooltip-r' }).injectInside(this.skeleton.left);
+ this.skeleton.middle = new Element('div', { 'class': 'tooltip-m' }).injectInside(this.skeleton.right);
+
+ this.skeleton.bottom_left = new Element('div', { 'class': 'tooltip-bl', 'styles': { 'width': this.options.width } }).injectAfter(this.skeleton.left);
+ this.skeleton.bottom_right = new Element('div', { 'class': 'tooltip-br' }).injectInside(this.skeleton.bottom_left);
+ this.skeleton.bottom = new Element('div', { 'class': 'tooltip-b' }).injectInside(this.skeleton.bottom_right);
+
+ this.skeleton.arrow = new Element('div');
+
+ if (this.options.tip.y == 't') {
+ this.arrow('top');
+ } else if (this.options.tip.y == 'b') {
+ this.arrow('bottom');
+ }
+ if (this.options.tip.x == 'l') {
+ this.arrow('left');
+ } else if (this.options.tip.x == 'r') {
+ this.arrow('right');
+ } else if (this.options.tip.x == 'c') {
+ this.arrow('center');
+ }
+
+ if (this.options.sticky) {
+ this.skeleton.close = new Element('a', { 'class': 'tooltip-close' }).injectInside(this.skeleton.top_left);
+ }
+
+ },
+
+ iesucks: function(skeleton) {
+ $each(skeleton, function(el) {
+ el.css({ 'background-image' : '' });
+ if (el.getComputedStyle('background-image')) {
+ el.css({ 'background-image' : el.getComputedStyle('background-image').replace('.png', '.gif') });
+ }
+ });
+ },
+
+ hook: function (event) {
+ if (this.open) {
+ this.pos = this.position(event);
+
+ this.tooltip.css({
+ 'top' : this.pos.top,
+ 'left' : this.pos.left
+ });
+ }
+ },
+
+ fireevents: function(type) {
+ if (type == 1) {
+ this.trigger.fireEvent('tooltipshow');
+ } else if (type == 2) {
+ this.trigger.fireEvent('tooltiphide');
+ }
+ },
+
+ show: function (event) {
+ if (!this.open) {
+ this.pos = this.position(this.options.fixedPosition ? null : event);
+
+
+ this.tooltip.css({
+ 'opacity' : 0,
+ 'z-index' : FixeadorZIndex,
+ 'top' : this.pos.top,
+ 'left' : this.pos.left
+ });
+
+
+ this.tooltip.set('morph', $extend(this.options, {onComplete: function() {this.fireevents(1)}.bind(this)}));
+ this.tooltip.morph({ 'opacity': 1, 'top': (this.pos.top - 10) + 'px' });
+
+ FixeadorZIndex += 1;
+
+ this.open = true;
+
+ if (Browser.Engine.trident4) this.iesucks(this.skeleton);
+
+ }
+ if (this.options.click) {
+ event.stop();
+ }
+ },
+
+
+ hide: function (event) {
+ this.tooltip.set('morph', $extend(this.options, {onComplete: function() {
+ this.open = false;
+ this.tooltip.css({top:0, left:0});
+ this.fireevents(2);
+ }.bind(this)}));
+ this.tooltip.morph({
+ opacity : 0,
+ top : (this.pos.top - 20)
+ });
+ },
+
+
+ position: function (event) {
+ var position = this.trigger.getOffsets(), size = this.trigger.getSize();
+ var trg = {
+ left : position.x,
+ top : position.y,
+ width : size.x,
+ height : size.y,
+ right : position.x + size.x,
+ bottom : position.y + size.y
+ };
+
+
+ var tip = this.tooltip.getCoordinates();
+ var doc = $(document).getCoordinates();
+ var top = 0;
+ var left = 0;
+
+ var doc = $extend(doc, $(document).getScroll());
+
+ if (event) {
+ var event = new Event(event);
+ var trg = $extend(trg, {
+ top : event.page.y,
+ left : event.page.x,
+ width : 0
+ });
+ }
+
+ if (this.options.mode == 'auto') { // auto position
+
+ top = trg.top - tip.height - 5; // (default)
+ if (top > 0 && top > doc.y && top < (doc.y+doc.height)) { // Use bottom arrow (default)
+ this.arrow('bottom');
+ } else { // Use top arrow
+ top = trg.top + 20;
+ this.arrow('top');
+ }
+
+ if (trg.left + (trg.width) + this.options.width < doc.x + doc.right) { // Use left arrow (default)
+ left = trg.left + (trg.width) - 20;
+ this.arrow('left');
+ } else if (trg.left - (tip.width / 2) + (trg.width / 2) + this.options.width < doc.x + doc.right ) { // Use center arrow
+ left = trg.left - (tip.width / 2) + (trg.width / 2);
+ this.arrow('center');
+ } else { // use right arrow
+ left = trg.left - (tip.width) + (trg.width) + 20;
+ this.arrow('right');
+ }
+
+ } else { // fixed position
+
+ if (this.options.tip.x=='c') {
+ left = trg.left - (tip.width / 2) + (trg.width / 2);
+ } else if (this.options.tip.x=='r') {
+ left = trg.left - (tip.width) + (trg.width) + 20;
+ } else {
+ left = trg.left + (trg.width) - 20;
+ }
+
+ if (this.options.tip.y=='b') {
+ top = trg.top - (tip.height) - 5;
+ } else if (this.options.tip.y=='t') {
+ top = trg.top + 20;
+ }
+
+ }
+ if (this.options.mode != 'auto'){
+ left += this.options.offset.x;
+ top += this.options.offset.y;
+ }
+ return { 'top': top, 'left': left };
+ },
+
+ arrow: function(direction) {
+ if (direction == "bottom") {
+ if (!this.skeleton.bottom.hasChild(this.skeleton.arrow)) {
+ this.skeleton.bottom.adopt(this.skeleton.arrow);
+ }
+ } else if (direction == "top") {
+ if (!this.skeleton.top.hasChild(this.skeleton.arrow)) {
+ this.skeleton.top.adopt(this.skeleton.arrow);
+ }
+ } else if (direction == "left") {
+ this.skeleton.arrow.set('class', 'tooltip-l-arrow');
+ } else if (direction == "right") {
+ this.skeleton.arrow.set('class', 'tooltip-r-arrow');
+ } else if (direction == "center") {
+ this.skeleton.arrow.set('class', 'tooltip-c-arrow');
+ }
+
+ if (Browser.Engine.trident4) {
+ this.skeleton.arrow.removeProperty('style');
+ this.iesucks($splat(this.skeleton.arrow));
+ }
+
+ }
+
+});
\ No newline at end of file
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/js/sexy-tooltips-1.1.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 17:57:01 UTC (rev 1774)
+++ trunk/openutils-mgnlmedia/src/main/resources/net/sourceforge/openutils/mgnlmedia/media/pages/MediaFolderViewPage.html 2010-02-02 18:36:18 UTC (rev 1775)
@@ -4,6 +4,7 @@
<head>
<link rel="stylesheet" type="text/css" href="${this.request.contextPath}/.resources/media/css/folderView.css" />
<link rel="stylesheet" type="text/css" href="${this.request.contextPath}/.resources/media/css/multibox.css" />
+ <link rel="stylesheet" type="text/css" href="${this.request.contextPath}/.resources/media/css/sexy-tooltips/blue.css" />
<!--
[if IE]><style> .image span { display: inline-block; height: 100%; } </style><![endif]
-->
@@ -13,6 +14,7 @@
<script type="text/javascript" src="${this.request.contextPath}/.resources/media/js/multibox/multibox.js"></script>
<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">
<#list this.types as type> <#if type.name == this.type> <#assign currentType = type> </#if> </#list>
@@ -95,6 +97,17 @@
$$('.edit').each(function(item){
new MediaEdit(item);
});
+
+ $$('.mediainfo').each(function(item){
+ item.tooltip(item.getElement('.details').get('html'), {
+ width: 170,
+ style: 'blue',
+ sticky: 1,
+ mode: 'bl',
+ fixedPosition: true,
+ offset: {x: -60, y: 20}
+ });
+ });
});
</script>
</head>
@@ -254,6 +267,11 @@
<#if media.mediaInfo['width']?? && media.mediaInfo['height']??>
${media.mediaInfo['width']}x${media.mediaInfo['height']}
</#if>
+ <div class="details">
+ <#list media.mediaInfo?keys as key>
+ ${key}: ${media.mediaInfo[key]}<br/>
+ </#list>
+ </div>
</div>
</#if>
<#if this.selectMedia>
This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.
|
