non puoi usare Drag supra START-div! bug risolto

Laaouatni · Jan 1, 2022 · d58c4d0 · d58c4d0
1 parent 36450f7
commit d58c4d0
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -47,6 +47,7 @@
             </div>
         </div>
     </nav>
+    <!-- start section, che si apre con il buttone windows tramite javascript -->
     <section id="w11-start-section" class="">
         <div class="input-div-start"><input type="text" id="cerca-input-start" placeholder="scrivi qui il testo da cercare"></div>
         <div class="padding-start">
@@ -84,6 +85,7 @@
                     <div class="app-icon"><img src="./images/ms-file-explorer.ico" alt="file Explorer icon by microsoft"><span>Esplora File</span></div>
                 </div>
             </div>
+            <!-- la parte ci sono le cartelle -->
             <div id="article-div">
                 <div class="app-container-header">
                     <span>Articoli consigliati</span>
@@ -141,12 +143,15 @@
                 </div>
             </div>
         </div>
+        <!-- la parte più in basso della START section (buttone spegni e nome utente) -->
         <div id="footer-start-section">
             <div class="nome-utente-start-section">
+                <!-- icona UTENTE -->
                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgba(0, 0, 0, 1);"><path d="M12 2C6.579 2 2 6.579 2 12s4.579 10 10 10 10-4.579 10-10S17.421 2 12 2zm0 5c1.727 0 3 1.272 3 3s-1.273 3-3 3c-1.726 0-3-1.272-3-3s1.274-3 3-3zm-5.106 9.772c.897-1.32 2.393-2.2 4.106-2.2h2c1.714 0 3.209.88 4.106 2.2C15.828 18.14 14.015 19 12 19s-3.828-.86-5.106-2.228z"></path></svg>
                 <span>Laaouatni.</span>
             </div>
             <div class="spegni-pc-start-section">
+                <!-- icona SPEGNI -->
                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgba(0, 0, 0, 1);"><path d="M12 21c4.411 0 8-3.589 8-8 0-3.35-2.072-6.221-5-7.411v2.223A6 6 0 0 1 18 13c0 3.309-2.691 6-6 6s-6-2.691-6-6a5.999 5.999 0 0 1 3-5.188V5.589C6.072 6.779 4 9.65 4 13c0 4.411 3.589 8 8 8z"></path><path d="M11 2h2v10h-2z"></path></svg>
             </div>
         </div>
@@ -203,6 +208,7 @@
         <div>coming soon...</div>
     </section>
     <div class="extra">
+        <!-- VIDEO animazione Iniziale Sfondo -->
         <video autoplay muted id="myVideo">
             <source src="./images/video-1dark.mp4" type="video/mp4">
         </video>
@@ -245,7 +251,7 @@
         </div>
     </div>
 
-    <!-- new code in beta -->
+    <!-- SelectionDrag Div con Javascript -->
     <div id="div"></div>
 </body>
 

diff --git a/script.js b/script.js
@@ -228,6 +228,8 @@ function dragSelectorLogic() {
             else if (e1.target.closest("#notification-section") != notifContainer && notifContainer.classList.contains("notification-on") && e1.target.closest("nav") != nav) {
                 notifContainer.classList.remove("notification-on");
                 dragSelectorCode();
+            } else if (e1.target.closest("#w11-start-section") == startContainer || e1.target.closest("#notification-section") == notifContainer || e1.target.closest("#widget-section") == widgetContainer) {
+                console.log("You can't drag the tab here!");
             } else {
                 dragSelectorCode();
             }
@@ -281,6 +283,7 @@ function dragSelectorLogic() {
                 div.style.height = "0px";
                 div.style.transition = "all 0.3s";
 
+                // aspetta che prima finisca l'animazione poi rimuove il selezionatore
                 setTimeout(function() {
                     div.style.display = "none";
                 }, 300);