Changeset 1051 for MDService2/trunk/MDService2/WebContent

Timestamp:

01/11/11 12:32:58 (13 years ago)

Author:

gaba

Message:

tooltips

Location:

MDService2/trunk/MDService2/WebContent

Files:

• index.jsp (modified) (1 diff)
• scripts/mdservice2_ui.js (modified) (12 diffs)
• scripts/mdservice_model.js (modified) (2 diffs)
• scripts/mdservice_widgets.js (modified) (2 diffs)
• style/cmds-ui.css (modified) (1 diff)

MDService2/trunk/MDService2/WebContent/index.jsp

@@ -153 +153 @@
         <div id="detail">               
         </div>  
+        
 </div>
 <div id="bubble">

MDService2/trunk/MDService2/WebContent/scripts/mdservice2_ui.js

@@ -46 +46 @@
                 init();         
                 loadWelcomeMessage();
+                loadTooltiptable();
                 // Collections and terms loaded after WorkspaceProfile is loaded
                 loadWorkspaceProfiles();
@@ -51 +52 @@
                 //loadTerms();
                 //handleQueryInput();
+                //createTooltip()
                 
                 loadComponentsRegistry();       
@@ -438 +440 @@
                 }
         });
+        createTooltip(qs);
 }
 
@@ -551 +554 @@
                         }
              });
+                
         }
-        
 
 }
@@ -597 +600 @@
                                 loadTerms();
                                 handleQueryInput();
+                                createTooltip(null);
                 });
 
@@ -604 +608 @@
                                 jsonw = preprocessJSON(data);
                                 loadQuerysets(jsonw["WorkspaceProfile"]["Querysets"],"user");
+                                //createTooltip(this);
         });
 
@@ -616 +621 @@
                                         }
                                         
-                                        
+                                        createTooltip($(this));
                                         $("#collections .treeview").treeview({
                                                 animated: "fast",
@@ -704 +709 @@
                                                 //$('#collection_list').attr("value",collection_text);
                                                 collections_widget.load(collections);
-                                                
                                         });// end of treeview click
         });// end of collection callback        
@@ -724 +728 @@
                                                 //notifyUser($("#model_terms .treeview"),'debug');
                                                 notifyUser("loaded: #model_terms .treeview",'debug');
+                                                createTooltip(this);
                                                 }       
                         );      
@@ -795 +800 @@
                                                         collapsed: false
                                                 });
+                                                createTooltip(this);
                                                 notifyUser($("#components .treeview"),'debug');
                                                 }       
@@ -1008 +1014 @@
 
                 $('#collection_list').attr("value",query.getcollectiontext("name"));
-                columns_widget.load(query.columns);
+        
+                columns_widget.load(query.columns.split(','));
                 //$('#columns_list').attr("value",query.columns);
                 $('#input-simplequery').attr("value",query.squery);     
@@ -1606 +1613 @@
          
 };
+
+
+ function loadTooltiptable() {
+ 
+                 var uri = window.location.pathname + "static/info.xml";
+                 
+                 $.get(uri,function(data, textStatus){
+                        $(data).find('#commands').find('dt').each(function(){
+                                tooltiptable[$(this).attr("id")] = $(this).text();
+                                //$(this).next('dd').text();
+                        });
+                 },'html');
+ 
+ };
+  
+/* 
+ function showTooltip(_data, textStatus, xmlhttpreq) {  
+                        if (xmlhttpreq.responseXML != null){
+                                var isinfo = xmlhttpreq.responseXML.baseURI.split("/static/info.xml?id="); 
+                                if (isinfo != "undefined"){
+                                        if ( isinfo.length = 2){
+                                                var infoid = new RegExp('[\\?]id=([^&#]*)').exec(xmlhttpreq.responseXML.baseURI);
+                                                infoid = infoid[1] || 0;
+                                                var ttext;
+                                                
+                                                if ($(_data).find('#' + infoid).length > 0){
+                                                        ttext = $(_data).find('#' + infoid);
+                                                } else {
+                                                        if (infoid.split(".").length > 1) {
+                                                                ttext = $(_data).find('#' + infoid.split(".")[1]);
+                                                        }
+                                                }
+                                                if (ttext.length > 0) {
+                                                        var s = $(ttext).text();
+                                                        var s2 = $(ttext).next('dd').text();
+                                                        tooltip.show($(ttext).attr("id") + "  " + s, 200);
+
+                                                }
+                                        }
+                                }               
+                        }
+ }
+*/
+ 
+                  
+function createTooltip(parentwidget) {
+        
+         var ccmd;
+         if (parentwidget == null) {
+                 ccmd = $('.cmd');
+         } else {
+                 ccmd = $(parentwidget).find('.cmd');
+         }
+         $(ccmd).mouseover(function(){
+                 // command name
+                 var cmd = $(this).attr("class");
+                 cmd = cmd.substring(cmd.indexOf("cmd_"));
+                 cmd = cmd.split(" ")[0];
+                 
+                 // command place
+                 var place = "";
+                 if ($(this).parents('.content').length > 0) {
+                         place = $(this).parents('.content').attr("id") + ".";
+                 }
+                 if ($(this).parents('.block').length > 0) {
+                         place = $(this).parents('.block').attr("id") + ".";
+                 }
+                 
+
+                 // find tho tooltiptext
+                 var a = place + cmd;
+                
+                 if (tooltiptable[a] != null) {
+                        s = tooltiptable[a];
+                 } else { 
+                        if (tooltiptable[cmd] != null) {
+                                s = tooltiptable[cmd];
+                        } else {
+                                s = a;
+                        }
+                 }
+                 tooltip.show(s);
+         });
+         $(ccmd).mouseout(function(){
+                 tooltip.hide();
+         });
+
+ };
+ 

MDService2/trunk/MDService2/WebContent/scripts/mdservice_model.js

@@ -323 +323 @@
                 $(this).parent().hide();
         });
-        */      
+        */
+        createTooltip(this.container);
  };
 
@@ -416 +417 @@
                                         
                                         q_header.find('.columns-wrapper').hide();
+                                        createTooltip($(this));
                                 });
 

MDService2/trunk/MDService2/WebContent/scripts/mdservice_widgets.js

@@ -1 +1 @@
 
-
+ 
 function NotifyMessage(dt, msg){
         this.dt = dt;
@@ -266 +266 @@
 
 
-
-
+// TOOLTIP
+var tooltiptable = {};
+
+var tooltip=function(){
+         var id = 'tt';
+         var top = 3;
+         var left = 3;
+         var maxw = 300;
+         var speed = 10;
+         var timer = 20;
+         var endalpha = 95;
+         var alpha = 0;
+         var tt,t,c,b,h;
+         var ie = document.all ? true : false;
+         return{
+
+        show:function(v,w){
+                 if(tt == null){
+                         tt  = document.createElement('div');
+                         tt.setAttribute('id',id);
+                         document.body.appendChild(tt);
+                         tt.style.opacity  = 0;
+                         tt.style.filter  = 'alpha(opacity=0)';
+                         document.onmousemove  = this.pos;
+                        }
+                        tt.style.display  = 'block';
+                        tt.innerHTML = v; 
+                        tt.style.width  = w ? w + 'px' : 'auto';
+
+                        if(!w  && ie){
+                         tt.style.width  = tt.offsetWidth;
+                        }
+
+                        if(tt.offsetWidth  > maxw){tt.style.width = maxw + 'px';}
+
+                        h =  parseInt(tt.offsetHeight) + top;
+                        clearInterval(tt.timer);
+                        tt.timer =  setInterval(function(){tooltip.fade(1);},timer);
+          },
+          
+          pos:function(e){
+           var u = ie ? event.clientY + document.documentElement.scrollTop : e.pageY;
+           var l = ie ? event.clientX + document.documentElement.scrollLeft : e.pageX;
+           tt.style.top = (u + h) + 'px'; //(u - h) + 'px';
+           tt.style.left = (l + left) + 'px';
+          },
+          
+          fade:function(d){
+           var a = alpha;
+           if((a != endalpha && d == 1) || (a != 0 && d == -1)){
+            var i = speed;
+           if(endalpha - a < speed && d == 1){
+            i = endalpha - a;
+           }else if(alpha < speed && d == -1){
+             i = a;
+           }
+           alpha = a + (i * d);
+           tt.style.opacity = alpha * .01;
+           tt.style.filter = 'alpha(opacity=' + alpha + ')';
+          }else{
+            clearInterval(tt.timer);
+             if(d == -1){tt.style.display = 'none'};
+          }
+         },
+        
+         hide:function(){
+                 if (tt != undefined) {
+                         clearInterval(tt.timer);
+                         tt.timer = setInterval(function(){tooltip.fade(-1);},timer);
+                 }
+          }
+         };
+        }();
+
+

MDService2/trunk/MDService2/WebContent/style/cmds-ui.css

@@ -113 +113 @@
 .columns-wrapper { right:0px;}
 
+/* ************* */
+/* tooltip */
+#tt {
+ position:absolute;
+ display:block;
+ /*padding:2px 12px 3px 7px;*/
+ margin-left:5px;
+ background:#A6C9E2;
+ color:#000;
+ }
+
+
 /* command icons */