some reformat. float selects

sauloal · Dec 15, 2013 · 1cbf21b · 1cbf21b
1 parent bc46d2a
commit 1cbf21b
Show file tree

Hide file tree

Showing 4 changed files with 86 additions and 78 deletions.
diff --git a/index.html b/index.html
@@ -207,8 +207,6 @@
 
 
 	<style>
-
-
         .htmlDiv {
             position: fixed !important;
             right: 0;
@@ -222,7 +220,7 @@
             transition: 0.5s;
             -webkit-transition: 0.5s;
             width:  3.0em;
-            height: 1.2em;
+            height: 1.5em;
         }
 
         .htmlDiv:hover {
@@ -232,6 +230,12 @@
             overflow: scroll !important;
             z-index: 101;
         }
+
+		.htmlDivTitle {
+		  height: 1.5em;
+		}
+
+
 
 
         .labelB {
@@ -279,6 +283,11 @@
 		  height: 1.5em;
 		  overflow: hidden;
 		  color: blue;
+		  position: absolute;
+		  /*display: block;*/
+		  /*float: inherit;*/
+		  /*float: left;*/
+		  /*z-index: 1000;*/
 		}
 
 		.selectDiv:hover {

diff --git a/js/menus.js b/js/menus.js
@@ -467,7 +467,7 @@ function createOptions ( ) {
 
 
     var hlp = document.createElement('label');
-        hlp.innerHTML = '<b>Setup</b><br/><b>[+/ScrUp]</b> Zoom In <b>[-/ScrDw]</b> Zoom Out <b>[Arrow keys]</b> Move <b>[0]</b> Reset'; // creates help label
+        hlp.innerHTML = '<div class="htmlDivTitle"><b>Setup</b></div><br/><b>[+/ScrUp]</b> Zoom In <b>[-/ScrDw]</b> Zoom Out <b>[Arrow keys]</b> Move <b>[0]</b> Reset'; // creates help label
 
     divH.appendChild( hlp     );
     divH.appendChild( document.createElement('br') );
@@ -1004,14 +1004,21 @@ function replaceSelects ( ) {
             var sid  = sel.id;
             var bcr  = sel.getBoundingClientRect();
 
-            var div           = document.createElement('div');
-            div.className     = 'selectDiv';
-            div.style.width   = bcr.width + 'px';
-            div.style.display = 'block';
-            //div.style.top     = bcr.top;
-            //div.style.left    = bcr.left;
-
-
+            var div            = document.createElement('div');
+            div.className      = 'selectDiv';
+            div.style.width    = bcr.width  + 'px';
+            div.style.top      = bcr.top    + 'px';
+            div.style.left     = bcr.left   + 'px';
+            //div.style.right    = bcr.right  + 'px';
+            //div.style.bottom   = bcr.bottom + 'px';
+
+            par.width          = bcr.width  + 'px';
+            par.appendChild( div );
+
+            sel.style.height     = '1.5em';
+            sel.style.visibility = 'hidden';
+            sel.style.display    = 'none';
+
             for ( var o = 0; o < opts.length; o++ ) {
                 var opt         = opts[ o ];
 
@@ -1051,11 +1058,6 @@ function replaceSelects ( ) {
                 spa2.appendChild( br   );
                 div.appendChild(  spa1 );
             }
-
-            par.appendChild( div );
-
-            //sel.style.visibility = 'hidden';
-            sel.style.display    = 'none';
         }
     }
 }

diff --git a/js/setup.js b/js/setup.js
@@ -32,7 +32,7 @@ var hasstorage = hasStorage();
  * START function
  *
  */
-function start () {
+function start ( ) {
     /*
     * Creates page elements
     */
@@ -92,7 +92,7 @@ function start () {
  *PROCESSING FUNCTIONS
  *
  */
-processVals = function ( vals, cfg, initState ){
+processVals = function ( vals, cfg, initState ) {
     console.groupCollapsed('processVals vals %o cfg %o init state %o', vals, cfg, initState);
     console.timeStamp(     'begin processVals');
     console.time(          'processVals');
@@ -649,7 +649,7 @@ LocalStorageDb.prototype.getOpt = function ( data_domain, key, dflt ) {
 };
 
 
-LocalStorageDb.prototype.getDataDb = function ( data_domain ){
+LocalStorageDb.prototype.getDataDb = function ( data_domain ) {
     var self = this;
 
     console.groupCollapsed('LocalStorageDb.getDataDb data_domain "%s"', data_domain);
@@ -751,6 +751,11 @@ LocalStorageDb.prototype.getDb = function ( ) {
 };
 
 
+
+
+
+
+
 function updateQuery ( e ) {
     var self = this;