Changeset 172 for ether_megapoli/trunk/web/resources/js

Timestamp:

08/31/11 16:51:42 (13 years ago)

Author:

vmipsl

Message:

Interface _ plusieurs graphs possible sur le même quicklook

Location:

ether_megapoli/trunk/web/resources/js

Files:

• Button.js (modified) (7 diffs)
• Select.js (modified) (7 diffs)
• etherClasses.js (modified) (4 diffs)

ether_megapoli/trunk/web/resources/js/Button.js

@@ -11 +11 @@
 //********************************************************
 
-var Button = Class.create({
+var Button = Class.create( {
     initialize: function( param )
     {
@@ -21 +21 @@
         this.classNameText = param.classNameText ? param.classNameText : false;
         this.callbackOnClick = param.onClick ? param.onClick : false;
+        this.callbackOnMouseOver = param.onMouseOver ? param.onMouseOver : false;
+        this.callbackOnMouseOut = param.onMouseOut ? param.onMouseOut : false;
         this.boolDisabled = false;
         this.boolSelected = false;
@@ -26 +28 @@
 
         // Create button elements
-        this.divContainer = $(document.createElement("button"));
-        if(this.className)
-                this.divContainer.className = this.className;
+        this.divContainer = $( document.createElement( "button" ) );
+        if( this.className )
+            this.divContainer.className = this.className;
         this.divContainer.atMe = this;
         this.divContainer.id = this.id;
         if( this.parent )
-            this.parent.appendChild(this.divContainer);
+            this.parent.appendChild( this.divContainer );
 
-        this.divText = $(document.createElement("div"));
-        if(this.classNameText)
-                this.divText.className = "button_text";
+        this.divText = $( document.createElement( "div" ) );
+        if( this.classNameText )
+            this.divText.className = "button_text";
         this.divText.innerHTML = this.value;
-        this.divContainer.appendChild(this.divText);
-        
+        this.divContainer.appendChild( this.divText );
+
         // Define button events
-        Event.observe(this.divContainer, 'click', this.onClick.bindAsEventListener(this));
-        Event.observe(this.divContainer, 'mouseover', this.onHover.bindAsEventListener(this));
+        Event.observe( this.divContainer, 'click', this.onClick.bindAsEventListener( this ) );
+        Event.observe( this.divContainer, 'mouseover', this.onHover.bindAsEventListener( this ) );
+        Event.observe( this.divContainer, 'mouseout', this.onOut.bindAsEventListener( this ) );
     },
 
@@ -51 +54 @@
         return this.divContainer;
     },
-    
+
     isDisable : function()
     {
         return this.boolDisabled;
     },
-    
+
     isSelected: function()
     {
         return this.boolSelected;
     },
-    
+
     setValue : function( value )
     {
@@ -67 +70 @@
         this.divText.innerHTML = this.value;
     },
-    
+
     setCallbackOnClick : function( value )
     {
         this.callbackOnClick = value;
     },
-    
+
     // Actions ********************************************************
 
@@ -78 +81 @@
     {
         this.boolDisabled = true;
-        this.divContainer.addClassName("disable");
+        this.divContainer.addClassName( "disable" );
     },
-    
+
     enable : function()
     {
         this.boolDisabled = false;
-        this.divContainer.removeClassName("disable");
+        this.divContainer.removeClassName( "disable" );
     },
-    
+
     select : function( value )
     {
         this.boolSelected = value;
         if( this.boolSelected )
-            this.divContainer.addClassName("selected");
+            this.divContainer.addClassName( "selected" );
         else
-            this.divContainer.removeClassName("selected");
+            this.divContainer.removeClassName( "selected" );
     },
-    
+
     show : function()
     {
@@ -117 +120 @@
                 this.callbackOnClick();
         }
-        Event.stop(event);
+        Event.stop( event );
     },
 
     onHover : function( event )
     {
-        Event.stop(event);
+        if( !this.isDisable() && this.callbackOnMouseOver )
+            this.callbackOnMouseOver();
+
+        Event.stop( event );
+    },
+
+    onOut: function()
+    {
+        if( !this.isDisable() && this.callbackOnMouseOut )
+            this.callbackOnMouseOut();
     }
-});
+} );

ether_megapoli/trunk/web/resources/js/Select.js

@@ -3 +3 @@
 // Display a Select
 //
-// obj objParam: {id, [parent], [specificClass], [maxOptionSize], [isDisable], [isDisplayed], [arrayData]}
+// obj objParam: {id, [parent], [specificClass], [maxOptionSize], [isDisable], [isDisplayed]}
 //    int objParam.id: id of the dom element
 //    [dom objParam.parent]: in which dom element to draw the button
@@ -10 +10 @@
 //    [int objParam.isDisable]: is the Select disable by default?
 //    [int objParam.isDisplayed]: is the Select opened by default?
-//    [arr objParam.arrayData]: array of data to display
 //
 // Public functions
@@ -38 +37 @@
         this.indexOption = 0;
         this.isHover = false;
-        this.arrayData = objectParameter.arrayData ? objectParameter.arrayData : $A();
         this.arrayOptions = $A();
+        this.className = objectParameter.className ? "select_container " + objectParameter.className : "select_container";
+        this.classNameOption = objectParameter.classNameOption ? "select_choicelist " + objectParameter.classNameOption : "select_choicelist";
 
         // Select div
         this.divSelect = document.createElement( "div" );
         this.divSelect.id = this.id;
-        this.divSelect.className = "select_container";
+        this.divSelect.className = this.className;
 
         this.divSelectLeft = document.createElement( "div" );
@@ -63 +63 @@
         this.divOption = document.createElement( "div" );
         this.divSelect.id = this.id;
-        this.divOption.className = "select_choicelist";
+        this.divOption.className = this.classNameOption;
         this.parent.appendChild( this.divOption );
 
@@ -90 +90 @@
     },
 
+    getSize: function()
+    {
+      return this.arrayOptions.size();
+    },
+
     // private
     toggleOption:function()
@@ -139 +144 @@
 
     // public
+    /**
+     * This method indicates if the itemValue is already in the array
+     */
+    content: function( itemValue )
+    {
+        var resu = false;
+        this.arrayOptions.each( function( divOption )
+        {
+            if( divOption.itemValue == itemValue )
+            {
+                resu = true;
+                throw $break;
+            }
+        }.bind( this ) );
+        return resu;
+    },
+
+    // public
     add: function( itemValue, itemName, callback )
     {
-
         var divOption = document.createElement( "div" );
         divOption.className = "select_item_middle";
@@ -177 +199 @@
             this.arrayOptions = this.arrayOptions.without( divOption );
         }.bind( this ) );
+    },
+
+    // public
+    /**
+     * This method changes only the content of the divSelect without add the item to the array
+     * @param itemValue
+     * @param itemName
+     * @param callback
+     */
+    changeSelectMiddle: function( itemValue, itemName, callback )
+    {
+        this.add( itemValue, itemName, callback );
+        this.select( itemValue, callback );
+        this.remove( itemValue );
     },
 

ether_megapoli/trunk/web/resources/js/etherClasses.js

@@ -109 +109 @@
             if( objectParameter.isExpiredTitle )
                 this.isExpiredTitle = objectParameter.isExpiredTitle;
+            this.onMouseOverContainer = objectParameter.onMouseOverContainer ? objectParameter.onMouseOverContainer : false;
+            this.onMouseOutContainer = objectParameter.onMouseOutContainer ? objectParameter.onMouseOutContainer : false;
         }
     },
@@ -137 +139 @@
     },
 
-    onClickContainer: function( event )
+    onHoverContainer: function( event )
     {
         if( !event || (event.detail == undefined || 1 == event.detail) )
@@ -143 +145 @@
     },
 
+    onClickContainer: function( event )
+    {
+        if( !event || (event.detail == undefined || 1 == event.detail) )
+            this.executeListenersFunction();
+    },
+
     selectWithParameter: function( classNameValue )
     {
@@ -167 +175 @@
         if( this.divContainer )
             Event.observe( this.divContainer, 'click', this.onClickContainer.bindAsEventListener( this ) );
+        if( this.divContainer && this.onMouseOverContainer )
+            Event.observe( this.divContainer, 'mouseover', this.onMouseOverContainer.bindAsEventListener( this ) );
+        if( this.divContainer && this.onMouseOutContainer )
+            Event.observe( this.divContainer, 'mouseout', this.onMouseOutContainer.bindAsEventListener( this ) );
     },