Sync with ROOT, add changes info

linev · linev · commit fa09598f978c · 2014-11-06T15:44:15.000Z
git-svn-id: https://subversion.gsi.de/dabc/trunk/plugins/root/js@2696 bcbf6573-9a26-0410-9ebc-ce4ab7aade96
diff --git a/changes.txt b/changes.txt
@@ -6,6 +6,16 @@ project of Bertrand Bellenot, but provides same functionality in default mode.
 Main motivation for changes - fix different errors,
 make JavaScript code more flexible and applicable for online environment. 
 
+November 2014:
+1. Better font size and position in pave stats
+2. Resize/move of element only inside correspondent pad
+3. Adjust of frame size when Y-axis exceed pad limits
+4. Correct values in tooltip for THStack
+5. Exclude drawing of markers from TGraph outside visible range
+6. Drawing of canvas without TFrame object 
+7. Many other small bug fixes and improvements, thanks to Maximilian Dietrich
+
+
 October 2014:
 1. Add "shortcut icon"
 2. Add demo of online THttpServer - shell script copies data from  
diff --git a/files/draw.htm b/files/draw.htm
@@ -9,44 +9,44 @@
    </head>
 
    <script type='text/javascript'>
-   
+
       function CreateDrawGui() {
          // analyze URL options
          var drawopt = JSROOT.GetUrlOption("opt");
-         
+
          var monitor = JSROOT.GetUrlOption("monitoring");
          if (monitor == "") monitor = 3000; else
-         if (monitor != null) monitor = parseInt(monitor);  
-         
+         if (monitor != null) monitor = parseInt(monitor);
+
          var objpainter = null;
-   
+
          function drawfunction() {
-           
+
             var req = JSROOT.NewHttpRequest("root.json.gz?compact=3", 'text', function(result) {
                 var obj = JSROOT.parse(result);
                 if (!obj) {
-                   if (!objpainter) $('#drawing').append("<h3>Can not get object from the server</h3>"); 
+                   if (!objpainter) $('#drawing').append("<h3>Can not get object from the server</h3>");
                    return;
                 }
-                
+
                 document.body.style.cursor = 'wait';
-                objpainter = JSROOT.redraw('drawing', obj, drawopt); 
+                objpainter = JSROOT.redraw('drawing', obj, drawopt);
                 document.body.style.cursor = 'auto';
-                
+
             });
-           
-            // submit request 
+
+            // submit request
             req.send(null);
          }
-   
+
          drawfunction();
-   
+
          if (monitor!=null)
             setInterval(drawfunction, monitor);
-   
+
          JSROOT.RegisterForResize(function() { if (objpainter) objpainter.CheckResize(); });
       }
-   
+
    </script>
 
    <body onload="JSROOT.AssertPrerequisites('2d', CreateDrawGui, 'drawing')">
diff --git a/files/example.htm b/files/example.htm
@@ -5,18 +5,18 @@
    <meta http-equiv="X-UA-Compatible" content="IE=Edge; text/html">
 
    <title>JSROOT drawing inside HTML page</title>
-   
+
    <script src="../scripts/JSRootCore.js" type="text/javascript"></script>
-   
+
    <script type='text/javascript'>
 
       cnt = 0;
-   
+
       function updateGUI() {
          // if getting histogram from THttpServer as JSON string, one should parse it like:
          // var histo = JSROOT.parse(your_json_string);
 
-         // this is just generation of histogram      
+         // this is just generation of histogram
          var histo = JSROOT.CreateTH2(20, 20);
          for (var iy=0;iy<20;iy++)
             for (var ix=0;ix<20;ix++) {
@@ -29,26 +29,26 @@
                }
                histo.setBinContent(bin, val);
             }
-            
+
          cnt++;
-         
+
          JSROOT.redraw('object_draw', histo, "colz");
-         
+
          if (cnt==1) setInterval(updateGUI, 3000);
       }
-      
+
    </script>
 
-   
+
 </head>
 
 <body onload="JSROOT.AssertPrerequisites('2d', updateGUI, 'object_draw')">
-  <h3>Text Before </h3> 
-   
+  <h3>Text Before </h3>
+
   <div id="object_draw" style="width: 800px; height:600px"></div>
 
-  <h3>Text After</h3> 
-  
+  <h3>Text After</h3>
+
 </body>
 </html>
 
diff --git a/index.htm b/index.htm
@@ -15,32 +15,32 @@
    </body>
 </html>
 
-<!-- 
+<!--
 
 This is main page of JSROOT project, which aims to display content of ROOT files.
 Several parameters could be specified when opening page:
   file - name of the file, which will be automatically open with page loading
   item - object name in the file to display
-  opt  - draw option for the item 
+  opt  - draw option for the item
   items - array of objects to display like ['hpx;1', 'hpxpy;1']
   opts - array of options ['any', 'colz']
   layout - can be 'collapsible', 'tabs' or gridNxM where N and M are integer values
   nobrowser - only file item(s) will be displayed, browser will be disabled
-Example:  
+Example:
    http://web-docs.gsi.de/~linev/js/3.0/index.htm?file=files/hsimple.root&layout=grid2x2&items=["hpx;1", "hpxpy;1"]&opts=["", "colz"]
 
 Page can be used to open files from other web servers like:
 
    http://web-docs.gsi.de/~linev/js/3.0/index.htm?file=http://root.cern.ch/js/files/hsimple.root
 
-But one should be aware about Cross-Origin Request blocking. 
+But one should be aware about Cross-Origin Request blocking.
 Read https://developer.mozilla.org/en/http_access_control for more details.
 
 To avoid problem at all, one can copy only index.htm on the web server where data files are located.
 And specify full path to the JSRootCore.js script like
    <script type="text/javascript" src="http://web-docs.gsi.de/~linev/js/3.0/scripts/JSRootCore.js"></script>
 
 If necessary, complete JSROOT can be installed on the web server.
-Sources can be found in ROOT repository, etc/http/ subdirectory.   
-      
+Sources can be found in ROOT repository, etc/http/ subdirectory.
+
 -->
diff --git a/style/JSRootInterface.css b/style/JSRootInterface.css
@@ -28,7 +28,7 @@ p { margin-top: 6px; padding: 0 10px 1em; }
 
 #left-div { left: 2px; width: 300px; margin-right: 1px; overflow: auto; }
 
-#separator-div { left: 304px; width: 4px; width: 2px; background-color: white; cursor: ew-resize } 
+#separator-div { left: 304px; width: 4px; width: 2px; background-color: white; cursor: ew-resize }
 
 #right-div {
    left: 310px;
@@ -57,28 +57,28 @@ input.tb {
    background-color: #eee;
 }
 
-.ui-accordion-icons .ui-accordion-header a { 
-   padding-left: 2.2em; 
+.ui-accordion-icons .ui-accordion-header a {
+   padding-left: 2.2em;
 }
 
-.ui-accordion .ui-accordion-header .ui-icon { 
-   left: .5em; 
-   margin-top: -8px; 
-   position: absolute; 
-   top: 50%; 
+.ui-accordion .ui-accordion-header .ui-icon {
+   left: .5em;
+   margin-top: -8px;
+   position: absolute;
+   top: 50%;
 }
 
 
 .ui-accordion .ui-accordion-content {
    border: 1px solid #aaaaaa;
    border-top: 0;
-   margin-top: -2px; 
+   margin-top: -2px;
    margin-bottom: 2px;
    overflow:hidden;
    padding: 3px 0px 3px 0px;
 }
 
-.ui-state-active { 
+.ui-state-active {
    background: #ffffff;
    border-bottom: 0;
    color: #3a3a3a;
@@ -89,8 +89,8 @@ input.tb {
 }
 
 button.closeButton {
-   margin-top: -3px; 
-   margin-right: -2px; 
+   margin-top: -3px;
+   margin-right: -2px;
    float: right;
 }
 
@@ -102,6 +102,7 @@ button.closeButton {
    left:3px;
    background:#ddddff;
    opacity:0.6;
+   -moz-opacity:0.6;
 }
 
 .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }
diff --git a/style/JSRootPainter.css b/style/JSRootPainter.css
@@ -7,32 +7,32 @@
 |--------------------------------------------------*/
 
 .dtree {
-	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
-	font-size: 11px;
-	color: #666;
-	white-space: nowrap;
+   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
+   font-size: 11px;
+   color: #666;
+   white-space: nowrap;
 }
 .dtree img {
-	border: 0px;
-	vertical-align: middle;
+   border: 0px;
+   vertical-align: middle;
 }
 .dtree a {
-	color: #333;
-	text-decoration: none;
+   color: #333;
+   text-decoration: none;
 }
 .dtree a.node, .dtree a.nodeSel {
-	white-space: nowrap;
-	padding: 1px 2px 1px 2px;
+   white-space: nowrap;
+   padding: 1px 2px 1px 2px;
 }
 .dtree a.node:hover, .dtree a.nodeSel:hover {
-	color: #333;
-	text-decoration: underline;
+   color: #333;
+   text-decoration: underline;
 }
 .dtree a.nodeSel {
-	background-color: #c0d2ec;
+   background-color: #c0d2ec;
 }
 .dtree .clip {
-	overflow: hidden;
+   overflow: hidden;
 }
 
 /*--------------------------------------------------|
@@ -91,7 +91,7 @@ svg:not(:root) { overflow: hidden; }
 
 .ctxmenu
 {
-  position:absolute;   
+  position:absolute;
   min-width:64px;
   height:auto;
   padding: 4px;
@@ -121,12 +121,14 @@ svg:not(:root) { overflow: hidden; }
   background-color: #F0F0F0;
   background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
   background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
+  background-image: -webkit-gradient(linear, 0 0, 0 100%,
+    from(#ffffff), to(#e6e6e6));
   background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
   background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
   background-image: linear-gradient(top, #ffffff, #e6e6e6);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
+    endColorstr='#e6e6e6', GradientType=0);
 }
 
 
