Changeset 371:2bcf2cc1db4f

Timestamp:

09/14/09 15:57:28 (4 years ago)

Author:

tgambet

Branch:

default

convert_revision:

svn:cdcfb263-7567-472c-a848-e2c2df3466e7/trunk@372

Message:

added JavaScript? behavior on icons (info, error, warning icons)

Files:

• WebContent/scripts/w3c_unicorn_results.js (modified) (5 diffs)

WebContent/scripts/w3c_unicorn_results.js

@@ -21 +21 @@
                         section.store('block', block);
                         title.addEvent('click', function(event) {
-                                if (!section.hasClass('observer') || W3C.ObserverEvents)
-                                        W3C.toggle(section);
+                                if (!section.hasClass('observer') || W3C.ObserverEvents) {
+                                        W3C.toggle(section).chain(function () {
+                                                W3C.observersEvents(true);
+                                        });
+                                }
                         });
                 });
@@ -45 +48 @@
                         observer.getElement('a.anchor').addEvent('click', function(event) {
                                 event.preventDefault();
-                                W3C.open(observer, true);
+                                W3C.open(observer, true).callChain();
                                 scroller.toElement(observer);
-                                
-                                /*if (!observer.retrieve('open')) {
-                                        W3C.closeAllObserversBut(observer, true).chain(function() {
-                                                scroller.toElement(observer);
-                                        });
-                                } else {
+                        });
+                        if (observer.getElement('a.infos')) {
+                                observer.getElement('a.infos').addEvent('click', function(event) {
+                                        event.preventDefault();
+                                        W3C.open(observer, true).callChain();
                                         scroller.toElement(observer);
-                                }*/
-                        });
+                                        W3C.closeAllSectionsBut(observer, observer.getElement('div.infos'), true);
+                                });
+                        }
+                        if (observer.getElement('a.errors')) {
+                                observer.getElement('a.errors').addEvent('click', function(event) {
+                                        event.preventDefault();
+                                        W3C.open(observer, true).callChain();
+                                        scroller.toElement(observer);
+                                        W3C.closeAllSectionsBut(observer, observer.getElement('div.errors'), true);
+                                });
+                        }
+                        if (observer.getElement('a.warnings')) {
+                                observer.getElement('a.warnings').addEvent('click', function(event) {
+                                        event.preventDefault();
+                                        W3C.open(observer, true).callChain();
+                                        scroller.toElement(observer);
+                                        W3C.closeAllSectionsBut(observer, observer.getElement('div.warnings'), true);
+                                });
+                        }
+                });
+                
+                $('banner').addEvent('click', function() {
+                        W3C.closeAllObserversBut(W3C.Observers[0], true);
                 });
                 
@@ -70 +93 @@
                 var slide = section.retrieve('fxSlide');
             if (section.retrieve('open')) {
-                /*title.removeClass('toggled');
-                section.store('open', false);
-                return slide.slideOut().chain(function(){
-                            section.getElement('div').setStyle('height', '0');
-                            slide.callChain();
-                        }).chain(function() {
-                                W3C.observersEvents(true);
-                                slide.callChain();
-                        });*/
                 return W3C.close(section, true);
             } else {
-                /*title.addClass('toggled');
-                section.store('open', true);
-                return slide.slideIn().chain(function(){
-                            section.getElement('div').setStyle('height', 'auto');
-                            slide.callChain();
-                        }).chain(function() {
-                                W3C.observersEvents(true);
-                                slide.callChain();
-                        });*/
                 return W3C.open(section, true);
             }
-                /*return slide.toggle().chain(function(){
-                    if (section.retrieve('open'))
-                        section.getElement('div').setStyle('height', 'auto');
-                    else
-                        section.getElement('div').setStyle('height', '0');
-                    slide.callChain();
-                }).chain(function() {
-                        W3C.observersEvents(true);
-                        slide.callChain();
-                });*/
         },
         
@@ -112 +107 @@
                 if (withFx && opened) {
                         return slide.slideOut().chain(function(){
-                        section.getElement('div').setStyle('height', '0');
+                        //section.getElement('div').setStyle('height', '0');
                         slide.callChain();
                         });
                 } else {
                         return slide.hide().chain(function(){
-                                section.getElement('div').setStyle('height', '0');
+                                //section.getElement('div').setStyle('height', '0');
                                 slide.callChain();
                         });
@@ -147 +142 @@
                                 W3C.close(ob, withFx).callChain();
                 });
-                return W3C.open(observer, withFx);
+                W3C.open(observer, withFx);
         },
         
-        
         closeAllSectionsBut: function(observer, section, withFx) {
-                return;
+                observer.getElements('.section').each(function (sec) {
+                        if (sec != section) {
+                                W3C.close(sec, withFx).callChain();
+                        }
+                });
+                W3C.open(section, withFx);
         },