Changeset 2022

Timestamp:

Sep 19, 2011, 2:08:02 PM (12 years ago)

Author:

tjeerd@…

Message:

VIS-18 fixed, added different effects for warnings (not so visible) and errors (highly visible). Also added bindings to enable close-on-document-click

Location:

trunk/web-app

Files:

• css/visualization.css (modified) (1 diff)
• js/visualization.js (modified) (3 diffs)

trunk/web-app/css/visualization.css

@@ -48 +48 @@
 }
 
-div#message_counter.message_newmessage {
+div#message_counter.message_warningnew {
+    width: 50px;
+    height: 50px;
+    background-color: #eee;
+}
+
+div#message_counter.message_errornew {
     width: 150px;
     height: 150px;
-    background-color: pink;
+    background-color: #ffe0e0;
 }
 

trunk/web-app/js/visualization.js

@@ -15 +15 @@
     $("#menu_go").unbind('mouseover');
 
-    $("#menu_go, .menu_arrow").mouseover(
+    $("#menu_go").mouseover(
         function() {
             if(openForm!=null){
@@ -28 +28 @@
                 hideForm(openForm);
             }
+        }
+    );
+    $(document).click(
+        function(event) {
+            if(openForm!=null) {
+                hideForm(openForm);
+            }
+        }
+    );
+    $(".menu_item").click(
+        function(event) {
+            event.stopPropagation();
+            return false;
         }
     );
@@ -267 +280 @@
             $( '#message_container' ).prepend( $( "<div>" ).addClass("message_box "+strClass).html( messages[index] ).css("position","relative").fadeIn().append(newClose) );
     }
-    $( '#message_counter' ).addClass("message_newmessage");
-    $( '#message_counter' ).switchClass("message_newmessage","",2000);
+    $( '#message_counter' ).addClass(strClass+"new");
+    $( '#message_counter' ).switchClass(strClass+"new","",2000);
     $( '#message_counter' ).html($('.message_box').length);
 }