Changeset 353 for ether_2012/trunk/web/resources/js/classesForJQuery/VerticalSlide.js

Timestamp:

01/18/12 17:11:58 (12 years ago)

Author:

vmipsl

Message:

clean
slides

File:

• ether_2012/trunk/web/resources/js/classesForJQuery/VerticalSlide.js (modified) (1 diff)

ether_2012/trunk/web/resources/js/classesForJQuery/VerticalSlide.js

@@ -15 +15 @@
         this.parent = objectParameter.parent ? objectParameter.parent : document.body;
         this.id = objectParameter.id;
+        this.titleId = objectParameter.titleId;
         this.contentId = objectParameter.contentId;
-//        this.specificContentClass = objectParameter.specificContentClass ? objectParameter.specificContentClass : false;
-//        this.specificButtonClass = objectParameter.specificButtonClass ? objectParameter.specificButtonClass : false;
+
         this.title = objectParameter.title ? objectParameter.title : false;
-        this.timeToSlide = objectParameter.timeToSlide ? objectParameter.timeToSlide : 1000;
-        this.contentSlide = objectParameter.contentSlide ? objectParameter.contentSlide : false;
-        this.contentPageSlide = objectParameter.contentPageSlide ? objectParameter.contentPageSlide : false;
-        this.contentButton = objectParameter.contentButton;
-        this.isIndexToChange = objectParameter.isIndexToChange ? objectParameter.isIndexToChange : false;
-        this.zIndex = this.parent.css( "z-index" );
+        this.content = objectParameter.content ? objectParameter.content : false;
+        this.contentPage = objectParameter.contentPage ? objectParameter.contentPage : false;
+        this.timeToSlide = objectParameter.timeToSlide ? objectParameter.timeToSlide : 100;
+
+        // Slide div
+        this.divSlide = $( document.createElement( "div" ) );
+        this.divSlide.attr( {id:this.id, class:"containerSlide"} );
 
         // Title div
         this.divSlideTitle = $( document.createElement( "div" ) );
-        this.divSlideTitle.attr( {id:this.id, class:"containerSlideTitle"} );
-//        if( this.specificContentClass )
-//            this.divSlideTitle.addClass( this.specificContentClass );
+        this.divSlideTitle.attr( {id:this.titleId, class:"containerSlideTitle"} );
+
+        this.divSlideTitleImage = $( document.createElement( "div" ) );
+        this.divSlideTitleImage.addClass( "containerSlideTitle_image" );
+        this.divSlideTitle.append( this.divSlideTitleImage );
+
+        var divSlideTitleText = $( document.createElement( "div" ) );
+        divSlideTitleText.addClass( "containerSlideTitle_text" );
         if( this.title )
-            this.divSlideTitle.html( this.title );
-        this.parent.append( this.divSlideTitle );
+            divSlideTitleText.html( this.title );
+        this.divSlideTitle.append( divSlideTitleText );
+        this.divSlideTitle.bind( "click", jQuery.proxy( this.onClickTitle, this ) );
+        this.divSlide.append( this.divSlideTitle );
 
         // Content div
-//        this.divSlideContent = $( document.createElement( "div" ) );
-//        this.divSlideContent.attr( {id:this.buttonId} );
-//        this.divSlideContent.attr( {id:this.buttonId, class:"containerSlideButton"} );
-//        if( this.specificButtonClass )
-//            this.divSlideButton.addClass( this.specificButtonClass );
-//        this.divSlideContent.append( this.contentButton );
-//        this.divSlideContent.bind( "click", jQuery.proxy( this.onClickButton, this ) );
-//        this.parent.append( this.divSlideContent );
-    },
+        this.divSlideContent = $( document.createElement( "div" ) );
+        this.divSlideContent.attr( {id:this.contentId, class:"containerSlideContent", style:"display:none"} );
+        if( this.content )
+            this.divSlideContent.append( this.content );
+        this.divSlide.append( this.divSlideContent );
 
-    getContent: function()
-    {
-        return this.divSlideTitle.html();
-    },
-
-    setContent: function( newContent )
-    {
-        this.divSlideTitle.html( newContent );
+        this.parent.append( this.divSlide );
     },
 
     isContentVisible: function()
     {
-        return (this.divSlideTitle.css( "display" ) == "block");
+        return ("block" == this.divSlideContent.css( "display" ));
     },
 
     // public
-    onClickButton: function()
+    onClickTitle: function()
     {
-        if( this.isIndexToChange && !this.isContentVisible() )
-            this.parent.css( "z-index", 100 );
-
-        this.divSlideTitle.animate( {width:"toggle"}, this.timeToSlide, jQuery.proxy( function()
+        this.divSlideContent.animate( {height:"toggle"}, this.timeToSlide, jQuery.proxy( function()
         {
-            if( this.isIndexToChange && !this.isContentVisible() )
-                this.parent.css( "z-index", this.zIndex );
+            if( this.isContentVisible() )
+            {
+                this.divSlideTitle.addClass( "activated" );
+            }
+            else
+            {
+                this.divSlideTitle.removeClass( "activated" );
+            }
         }, this ) );
 
-        if( this.contentPageSlide )
-            this.divSlideTitle.load( this.contentPageSlide );
+        if( this.contentPage )
+            this.divSlideContent.load( this.contentPage );
     }
 } );