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

Timestamp:

10/19/11 15:17:07 (13 years ago)

Author:

vmipsl

Message:

look apple

Location:

ether_megapoli/trunk/web/resources/js

Files:

• Button.js (deleted)
• DomHelper.js (deleted)
• ToolTip.js (added)
• TwitterLogin (added)
• TwitterLogin/front.css (added)
• TwitterLogin/images (added)
• TwitterLogin/images/Thumbs.db (added)
• TwitterLogin/images/bg-btn-blue.png (added)
• TwitterLogin/images/front-bg.gif (added)
• TwitterLogin/images/signin-nav-bg-hover-ie.png (added)
• TwitterLogin/images/signin-nav-bg-ie.png (added)
• TwitterLogin/images/tipsy-east.gif (added)
• TwitterLogin/images/tipsy-north.gif (added)
• TwitterLogin/images/tipsy-south.gif (added)
• TwitterLogin/images/tipsy-west.gif (added)
• TwitterLogin/images/toggle_down_light.png (added)
• TwitterLogin/images/toggle_up_dark.png (added)
• TwitterLogin/index.htm (added)
• TwitterLogin/javascripts (added)
• TwitterLogin/javascripts/jquery.js (added)
• TwitterLogin/javascripts/jquery.pop.js (added)
• TwitterLogin/javascripts/jquery.tipsy.js (added)
• TwitterLogin/stylesheets (added)
• TwitterLogin/stylesheets/front.css (added)
• TwitterLogin/stylesheets/tipsy.css (added)
• classesForJQuery/ComplexButton.js (modified) (8 diffs)
• classesForPrototype/Button.js (added)
• classesForPrototype/DomHelper.js (added)

ether_megapoli/trunk/web/resources/js/classesForJQuery/ComplexButton.js

@@ -10 +10 @@
 // str specificClass
 // classNameToAdd : use to avoid button's style for button_left, button_right and button_middle when button.css is used with pagination.css
+// useLonelyMidleImage : if true, we use image for parts left and right, otherwise, we only use an image for the middle
 //********************************************************
 
@@ -20 +21 @@
         this.parent = param.parent ? param.parent : false;
         this.value = param.value ? param.value : "";
-        this.specificClass = param.specificClass ? param.specificClass : "";
+        this.specificClass = param.specificClass ? param.specificClass : false;
         this.callbackOnClick = param.onClick ? param.onClick : false;
+        this.classNameToAdd = param.classNameToAdd ? param.classNameToAdd : false;
+        this.useLonelyMidleImage = param.useLonelyMidleImage ? param.useLonelyMidleImage : false;
         this.boolDisabled = false;
         this.boolSelected = false;
@@ -28 +31 @@
         // Create button elements
         this.divContainer = $( document.createElement( "div" ) );
-        this.divContainer.addClass( "complexButton" );
-        this.divContainer.atMe = this;
-        this.divContainer.id = this.id;
-        this.divContainer.addClass( this.specificClass );
+        this.divContainer.attr( {id:this.id, class:"complexButton"} );
+        if( this.specificClass )
+            this.divContainer.addClass( this.specificClass );
         if( this.parent )
-        {
             this.parent.append( this.divContainer );
-        }
 
         this.divLeft = $( document.createElement( "div" ) );
-        if( param.classNameToAdd )
-            this.divLeft.addClass( "complexButton_left_" + param.classNameToAdd );
-        else
+        if( this.classNameToAdd )
+            this.divLeft.addClass( "complexButton_left_" + this.classNameToAdd );
+        else if( !this.useLonelyMidleImage )
             this.divLeft.addClass( "complexButton_left" );
         this.divContainer.append( this.divLeft );
 
         this.divMiddle = $( document.createElement( "div" ) );
-        if( param.classNameToAdd )
-            this.divMiddle.addClass( "complexButton_middle_" + param.classNameToAdd );
+        this.divMiddle.attr( {id:"button_middle"} );
+        if( this.classNameToAdd )
+            this.divMiddle.addClass( "complexButton_middle_" + this.classNameToAdd );
+        else if( this.useLonelyMidleImage )
+            this.divMiddle.addClass( "complexButton_lonely_middle" );
         else
             this.divMiddle.addClass( "complexButton_middle" );
@@ -57 +60 @@
 
         this.divRight = $( document.createElement( "div" ) );
-        if( param.classNameToAdd )
-            this.divRight.addClass( "complexButton_right_" + param.classNameToAdd );
-        else
+        if( this.classNameToAdd )
+            this.divRight.addClass( "complexButton_right_" + this.classNameToAdd );
+        else if( !this.useLonelyMidleImage )
             this.divRight.addClass( "complexButton_right" );
         this.divContainer.append( this.divRight );
@@ -65 +68 @@
         // Define button events
         this.divContainer.bind( 'click', this, this.onClick );
-//        Event.observe( this.divContainer, 'click', this.onClick.bindAsEventListener( this ) );
-//        Event.observe( this.divContainer, 'mouseover', this.onHover.bindAsEventListener( this ) );
     },
 
@@ -80 +81 @@
     {
         if( value )
-        {
             this.disable();
-        }
         else
-        {
             this.enable();
-        }
     },
 
@@ -105 +102 @@
         this.boolSelected = value;
         if( this.boolSelected )
-        {
             this.divContainer.addClassName( "selected" );
-        }
         else
-        {
             this.divContainer.removeClassName( "selected" );
-        }
     },
 
@@ -158 +151 @@
     onClick : function( event )
     {
-        if( !event.data.getDisable() && (undefined == event.detail || 1 == event.detail) && event.data.callbackOnClick )
-            event.data.callbackOnClick();
+        var contextButton = event.data;
+        if( !contextButton.getDisable() && (undefined == event.detail || 1 == event.detail) && contextButton.callbackOnClick )
+            contextButton.callbackOnClick();
     }
 } );