Add files via upload

appmenu.html

@@ -84,7 +84,7 @@ var myNewAppMenu = SQJS.createAppMenu("/res/app-menu2.png", "https://squeejs.com
   /**
    * SQJS.ccreateAppMenu
    * 
-   * create the tag DIV of menu icon and app menu
+   * Create the tag DIV of menu icon and app menu
    * 
    * Context:
    * - Call it in the body of your webpage 
@@ -140,12 +140,6 @@ function setFooterPos() {
 }
 setFooterPos();
 
-window.addEventListener("load", function() {
-    
-  setTimeout("setFooterPos()", 1500);
-  
-}, true);
-  
 </script>  
 
 <!-- Yandex.Metrika counter -->

banners.html

@@ -73,7 +73,7 @@ Please check the <b>context</b> of implementation for each of the functions.<br>
 /**
  * SQJS.createBanner
  * 
- * create a new Banner
+ * Create a new Banner
  * 
  * Context:
  * - Call in the body of your webpage 
@@ -125,12 +125,6 @@ var myNewBanner1 = SQJS.createBanner("/res/banner1.png","http://squeejs.com","le
   
 function setFooterPos() {
   if (document.getElementById("footerCont")) {
-    
-    //if ($("#Password").val() === "") {  
-    //    tollerance = 48;
-    //  } else {
-    //  tollerance = 15;
-    //}
     tollerance = 12;  	  
     footerContHeight = 35;
     footerHeight = 32;
@@ -140,12 +134,6 @@ function setFooterPos() {
 }
 setFooterPos();
 
-window.addEventListener("load", function() {
-    
-  setTimeout("setFooterPos()", 1500);
-  
-}, true);
-  
 </script>  
 
 <!-- Yandex.Metrika counter -->

content_by_geo.html

@@ -172,12 +172,6 @@ function setFooterPos() {
 }
 setFooterPos();
 
-window.addEventListener("load", function() {
-    
-  setTimeout("setFooterPos()", 1500);
-  
-}, true);
-  
 </script>  
 
 <!-- Yandex.Metrika counter -->

css/squeejs.css

@@ -123,7 +123,7 @@
   min-height:1100px; 
   text-align:center; 
   border-right:1px solid #2c2f34; 
-  z-index:1;
+  z-index:99998;
 }
 #SQJSsidebar {
   position:fixed; 
@@ -138,7 +138,7 @@
   border-right:1px solid #2c2f34; 
   border-bottom:1px solid #2c2f34;
   display:none; 
-  z-index:91;
+  z-index:99999;
 }
 #SQJSuserTransMenu {
   position: absolute;

highlight.html

@@ -70,7 +70,7 @@ Please check the <b>context</b> of implementation for each of the functions.<br>
 /**
  * SQJS.highlightDiv
  * 
- * highlight the current DIV element
+ * Highlight the current DIV element
  *
  * context:
  * - call this function in the &lt;onmouseenter&gt; event 
@@ -83,7 +83,7 @@ Please check the <b>context</b> of implementation for each of the functions.<br>
 /**
  * SQJS.unlightDiv
  * 
- * unlight the current DIV element
+ * Unlight the current DIV element
  * 
  * Context:
  * - call this function in the &lt;onmouseleave&gt; event 
@@ -96,7 +96,7 @@ Please check the <b>context</b> of implementation for each of the functions.<br>
 /**
  * SQJS.highlightInput
  * 
- * highlight the current INPUT element
+ * Highlight the current INPUT element
  * 
  * Context:
  * - call this function in the &lt;onmouseenter&gt; event 
@@ -109,7 +109,7 @@ Please check the <b>context</b> of implementation for each of the functions.<br>
 /**
  * SQJS.unlightInput
  * 
- * unlight the current INPUT element
+ * Unlight the current INPUT element
  * 
  * Context:
  * - call this function in the &lt;onmouseleave&gt; event 
@@ -122,7 +122,7 @@ Please check the <b>context</b> of implementation for each of the functions.<br>
 /**
  * SQJS.highlightInput
  * 
- * highlight the current TEXTAREA element
+ * Highlight the current TEXTAREA element
  * 
  * Context:
  * - call this function in the &lt;onmouseenter&gt; event 
@@ -135,7 +135,7 @@ Please check the <b>context</b> of implementation for each of the functions.<br>
 /**
  * SQJS.unlightTextArea
  * 
- * highlight the current TEXTAREA element
+ * Highlight the current TEXTAREA element
  * 
  * Context:
  * - call this function in the &lt;onmouseleave&gt; event 
@@ -186,12 +186,6 @@ Please check the <b>context</b> of implementation for each of the functions.<br>
   
 function setFooterPos() {
   if (document.getElementById("footerCont")) {
-    
-    //if ($("#Password").val() === "") {  
-    //    tollerance = 48;
-    //  } else {
-    //  tollerance = 15;
-    //}
     tollerance = 12;  	  
     footerContHeight = 35;
     footerHeight = 32;
@@ -201,12 +195,6 @@ function setFooterPos() {
 }
 setFooterPos();
 
-//window.addEventListener("load", function() {
-//    
-//  setTimeout("setFooterPos()", 4000);
-//
-//}, true);
-  
 </script>  
 
 <!-- Yandex.Metrika counter -->

index.html

@@ -61,7 +61,7 @@
 <div style="color:green;font-size:35px;font-weight:900;">Download:</div>
 <br>
 <div style="color:darkcyan;font-size:35px;font-weight:900;">
-<a href="/squeejs-1.0.9.tar.gz">tar.gz</a>&nbsp;&nbsp;<a href="/squeejs-1.0.9.zip">zip</a>
+<a href="/squeejs-1.1.1.tar.gz">tar.gz</a>&nbsp;&nbsp;<a href="/squeejs-1.1.1.zip">zip</a>
 </div>
 
 <br><br>
@@ -113,13 +113,7 @@ Please check the <b>context</b> of implementation for each of the functions.<br>
   
 function setFooterPos() {
   if (document.getElementById("footerCont")) {
-    
-    //if ($("#Password").val() === "") {  
-    //    tollerance = 48;
-    //  } else {
-    //  tollerance = 15;
-    //}
-    tollerance = 12;  	  
+    tollerance = -112;  	  
     footerContHeight = 35;
     footerHeight = 32;
     document.getElementById("footerCont").style.top = parseInt( getDocHeight2() - footerContHeight - tollerance ) + "px";
@@ -128,12 +122,6 @@ function setFooterPos() {
 }
 setFooterPos();
 
-window.addEventListener("load", function() {
-    
-  setTimeout("setFooterPos()", 1500);
-  
-}, true);
-  
 </script>  
 
 <!-- Yandex.Metrika counter -->

js/squeejs.js

@@ -24,7 +24,7 @@
  * 
  * Squeejs production release.
  *
- * @version 1.0.9
+ * @version 1.1.1
  * @author Daniele Bonini <my25mb@aol.com>
  * @copyrights (c) 2016, 2024, 5 Mode
  * @license https://opensource.org/licenses/MIT 
@@ -125,9 +125,13 @@ function SqueeJS() {
   //Sideabar
   this.sidebarContentContId = "";
   this.sidebarVisible = false;
+  this.sidebarOnIT = false;
   
   this.sidebarClose = mysidebarClose;
   this.sidebarShow = mysidebarShow;
+  this.sidebarCheckFlag=mysidebarCheckFlag;
+  this.sidebarUnCheckFlag=mysidebarUnCheckFlag;
+  this.sidebarBodyOnClick=mysidebarBodyOnClick;  
   this.createSidebar = mycreateSidebar;
   
   /**
@@ -1531,6 +1535,56 @@ function SqueeJS() {
    * Sidebar
    */
   
+  /**
+   * mysidebarCheckFlag
+   * 
+   * Check to true the sideabr flag
+   * 
+   * Context:
+   * - this function is for internal use
+   * 
+   * @returns {void}
+   * 
+   * This function is part of SqueeJS.
+   */
+  function mysidebarCheckFlag() {
+    this.sidebarOnIT = true;
+  }  
+
+  /**
+   * mysidebarUnCheckFlag
+   * 
+   * Check to false the sidebar flag
+   * 
+   * Context:
+   * - this function is for internal use
+   * 
+   * @returns {void}
+   * 
+   * This function is part of SqueeJS.
+   */
+  function mysidebarUnCheckFlag() {
+    this.sidebarOnIT = false;
+  }  
+  
+  /**
+   * myusertransBodyOnClick
+   * 
+   * Body click event function: if open, hide the menu
+   * 
+   * Context:
+   * - this function is for internal use
+   * 
+   * @returns {void}
+   * 
+   * This function is part of SqueeJS.
+   */
+  function mysidebarBodyOnClick() {
+		if (!this.sidebarOnIT) {
+		  this.sidebarClose();
+		}
+	}	
+  
   /**
    * mysidebarShow
    * 
@@ -1545,7 +1599,9 @@ function SqueeJS() {
    */
   function mysidebarShow() {
     if (!this.sidebarVisible) {
-      document.getElementById(this.sidebarContentContId).style.width = "100%";
+      if (document.getElementById(this.sidebarContentContId)) {
+        document.getElementById(this.sidebarContentContId).style.width = "100%";
+      }  
       //$("#SQJSsidebar").show("slow");
       document.getElementById("SQJSsidebar").style.display = "inline";
     }  
@@ -1566,7 +1622,9 @@ function SqueeJS() {
    */
   function mysidebarClose() {
     document.getElementById("SQJSsidebar").style.display = "none";
-    document.getElementById(this.sidebarContentContId).style.width = "100%";
+    if (document.getElementById(this.sidebarContentContId)) {
+      document.getElementById(this.sidebarContentContId).style.width = "100%";
+    }  
     this.sidebarVisible = false; 
   }
   
@@ -1610,10 +1668,13 @@ function SqueeJS() {
     document.getElementById("SQJSsidebarCall").addEventListener("mouseover", function() {
       SQJS.sidebarShow();
     });
-    
+    document.getElementById("SQJSsidebarCall").addEventListener("touchstart", function() {
+      SQJS.sidebarShow();
+    });
+        
     sidebar = "";
-    sidebar += "<div sty='text-align:left;'>";
-    sidebar += "<button type='button' class='SQJSclose-button' style='left:10px' onclick='SQJS.sidebarClose();'>";
+    sidebar += "<div style='text-align:right;'>";
+    sidebar += "<button type='button' class='SQJSclose-button'  style='position:relative; left:-10px' onclick='SQJS.sidebarClose();'>";
     sidebar += "<span style='font-size:45px; font-weight:900;'>&times;</span>";
     sidebar += "</button>";
     sidebar += "</div>";
@@ -1628,11 +1689,24 @@ function SqueeJS() {
     D.body.appendChild(newdiv);
     //D.write(newdiv.outerHTML);
 
+    document.getElementById("SQJSsidebar").addEventListener("mouseover", function() {
+      SQJS.sidebarCheckFlag();
+    });
+    document.getElementById("SQJSsidebar").addEventListener("mouseout", function() {
+      SQJS.sidebarUnCheckFlag();
+    });
+    document.getElementById("SQJSsidebar").addEventListener("touchstart", function() {
+      SQJS.sidebarCheckFlag();
+    });
+    document.getElementById("SQJSsidebar").addEventListener("touchend", function() {
+      SQJS.sidebarUnCheckFlag();
+    });
+    
     //$("#SQJSsidebarContent").load(sidebarURL+"?rrnd="+ gfSQJZrnd(50000, 99999));
     gfSQJZLoad("SQJSsidebarContent", sidebarURL+"?rrnd="+ gfSQJZrnd(50000, 99999))
    
     document.body.addEventListener("click", function() {
-      SQJS.sidebarClose();
+      SQJS.sidebarBodyOnClick();
     });
 
 	}	

sidebar.html

@@ -54,6 +54,12 @@
 </head>
 <body style="border:0px solid lightgray; padding:20px; margin-right:20px;">
 
+<script>
+var myNewSidebar = SQJS.createSidebar("/mysidebar.html", "content", 300, window.innerHeight);
+</script>  
+  
+<div id="content" style="float:left;height:800px;width:100%">   
+  
 <a href="/"><img src="/res/logo.png" style="width:300px;background:#FFFFFF;border:1px solid gray;"></a><br>
 
 <br><br><br>
@@ -68,14 +74,7 @@ Please check the <b>context</b> of implementation for each of the functions.<br>
 
 <h2>Example:</h2>
 See the tip coming out from the left side of the screen.
-<script>
-var myNewSidebar = SQJS.createSidebar("https://squeejs.com/mysidebar.html", "content", 300, window.innerHeight);
-</script>
  
-<br>
-
-<div id="content" style="height:430px;">  
-  
 <br><br>
 
 <h2>Code:</h2>  
@@ -98,7 +97,7 @@ var myNewSidebar = SQJS.createSidebar("https://squeejs.com/mysidebar.html", "con
    * 
    * This function is part of SqueeJS.
    */
-  <b>function  SQJS.createSidebar(sidebarURL, contentContId, width, height){};</b>
+  <b>function SQJS.createSidebar(sidebarURL, contentContId, width, height){};</b>
 
 </pre>  
 
@@ -118,7 +117,7 @@ var myNewSidebar = SQJS.createSidebar("https://squeejs.com/mysidebar.html", "con
 <br><br>
 </div>
 
-<div class="footer" style="float:right">
+<div class="footer" style="float:right;">
 <div id="footerCont">&nbsp;</div>
 <div id="footer"><span style="background:#FFFFFF;color:black;opacity:1.0;margin-right:10px;">&nbsp;&nbsp;<a href="dd.html">Disclaimer</a>&nbsp;&nbsp;A <a href="http://5mode.com">5 Mode</a> project and <a href="http://demo.5mode.com">WYSIWYG</a> system. MIT License.</span></div>	
 </div>	
@@ -138,12 +137,6 @@ function setFooterPos() {
 }
 setFooterPos();
 
-window.addEventListener("load", function() {
-    
-  setTimeout("setFooterPos()", 1500);
-  
-}, true);
-  
 </script>  
 
 <!-- Yandex.Metrika counter -->

splash.html

@@ -136,12 +136,6 @@ Please check the <b>context</b> of implementation for each of the functions.<br>
   
 function setFooterPos() {
   if (document.getElementById("footerCont")) {
-    
-    //if ($("#Password").val() === "") {  
-    //    tollerance = 48;
-    //  } else {
-    //  tollerance = 15;
-    //}
     tollerance = 12;  	  
     footerContHeight = 35;
     footerHeight = 32;
@@ -149,13 +143,13 @@ function setFooterPos() {
     document.getElementById("footer").style.top = parseInt( getDocHeight2() - footerHeight - tollerance) + "px";
   }
 }
-setFooterPos();
+//setFooterPos();
 
 window.addEventListener("load", function() {
     
   SQJS.initAppWithSplash("content", "SqueeJS", "/res/logo.png", "#FFFFFF", 2500);
   
-  setTimeout("setFooterPos()", 6500);
+  setTimeout("setFooterPos()", 3500);
   
 }, true);
   

user_translation.html

@@ -75,7 +75,7 @@ var myNewUserTransMenu = SQJS.createUserTrans("/res/trans-menu2.png", "content",
  
 <br><br>
 
-<div id="content" style="height:730px;">  
+<div id="content" style="height:630px;">  
   
 <br><br>
 
@@ -86,7 +86,7 @@ var myNewUserTransMenu = SQJS.createUserTrans("/res/trans-menu2.png", "content",
   /**
    * SQJS.createUserTrans
    * 
-   * create the tag DIV of user trans icon and user trans menu
+   * Create the tag DIV of user trans icon and user trans menu
    * 
    * Context:
    * - Call it in the body of your webpage 
@@ -130,7 +130,7 @@ var myNewUserTransMenu = SQJS.createUserTrans("/res/trans-menu2.png", "content",
   
 function setFooterPos() {
   if (document.getElementById("footerCont")) {
-    tollerance = 12;  	  
+    tollerance = -112;  	  
     footerContHeight = 35;
     footerHeight = 32;
     document.getElementById("footerCont").style.top = parseInt( getDocHeight2() - footerContHeight - tollerance ) + "px";
@@ -139,12 +139,6 @@ function setFooterPos() {
 }
 setFooterPos();
 
-window.addEventListener("load", function() {
-    
-  setTimeout("setFooterPos()", 1500);
-  
-}, true);
-  
 </script>  
 
 <!-- Yandex.Metrika counter -->

work_in_progress.html

@@ -52,7 +52,7 @@
 </head>
 <body style="border:0px solid lightgray; padding:20px; margin-right:20px;">
 
-<div id="content" style="max-width:2400px;">  
+<div id="content" style="height:650px;">  
   
 <a href="/"><img src="/res/logo.png" style="width:300px;background:#FFFFFF;border:1px solid gray;"></a><br>
 
@@ -125,7 +125,7 @@ Please check the <b>context</b> of implementation for each of the functions.<br>
 </pre>
 
 <div style="clear:both; margin:auto;"> 
-<br><br><br><br><br><br><br><br><br>
+<br><br><br><br>
 </div>
 
 <div class="footer" style="float:right">
@@ -139,13 +139,7 @@ Please check the <b>context</b> of implementation for each of the functions.<br>
   
 function setFooterPos() {
   if (document.getElementById("footerCont")) {
-    
-    //if ($("#Password").val() === "") {  
-    //    tollerance = 48;
-    //  } else {
-    //  tollerance = 15;
-    //}
-    tollerance = 12;  	  
+    tollerance = -212;  	  
     footerContHeight = 35;
     footerHeight = 32;
     document.getElementById("footerCont").style.top = parseInt( getDocHeight2() - footerContHeight - tollerance ) + "px";
@@ -158,7 +152,7 @@ window.addEventListener("load", function() {
     
   SQJS.initAppWithoutWIP("content", "#FFFFFF");
     
-  setTimeout("setFooterPos()", 1500);
+  //setTimeout("setFooterPos()", 3500);
   
 }, true);