From c607cb0a01f02d63ab960a27ddeb1e6ae51d49d2 Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Sun, 14 Dec 2025 12:36:26 +0000
Subject: [PATCH] =?UTF-8?q?Mise=20=C3=A0=20jour=20french.php?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Vue/Ajaxconnexioncookie/french.php | 44 ++++++++++++++++-
 Vue/portail.php                    | 78 ++----------------------------
 2 files changed, 46 insertions(+), 76 deletions(-)

diff --git a/Vue/Ajaxconnexioncookie/french.php b/Vue/Ajaxconnexioncookie/french.php
index 62133f6..11f43e3 100755
--- a/Vue/Ajaxconnexioncookie/french.php
+++ b/Vue/Ajaxconnexioncookie/french.php
@@ -64,9 +64,49 @@
 		</button>
 	</div>
 	<div id="div_patienter"></div>
-	<div class="footer">
+	<div class="footer" id="autoHideFooter" 
+		style="transition: opacity 0.3s ease;"
+		onmouseover="this.style.opacity='1'"
+		onmouseout="if(document.activeElement && document.activeElement.id === 'mdp') this.style.opacity='0'">
 		Tous droits réservés <a href="https://www.ebene.info/">&copy; EBENE SOLUTIONS INFORMATIQUES</a>
 	</div>
 <?php endif; ?> 
 
-
+<script>
+// Script garantissant le fonctionnement
+(function() {
+    function updateFooterVisibility() {
+        const footer = document.getElementById('autoHideFooter');
+        if (!footer) return;
+        
+        const activeElement = document.activeElement;
+        const shouldHide = activeElement && (
+            activeElement.id === 'mdp' || 
+            activeElement.id === 'login' || 
+            activeElement.id === 'codeSociete'
+        );
+        
+        if (shouldHide) {
+            footer.style.opacity = '0';
+            footer.style.pointerEvents = 'none';
+            footer.style.visibility = 'hidden';
+        } else {
+            footer.style.opacity = '1';
+            footer.style.pointerEvents = 'auto';
+            footer.style.visibility = 'visible';
+        }
+    }
+    
+    // Écouter les changements de focus
+    document.addEventListener('focusin', updateFooterVisibility, true);
+    document.addEventListener('focusout', function() {
+        setTimeout(updateFooterVisibility, 10);
+    }, true);
+    
+    // Vérifier périodiquement (backup)
+    setInterval(updateFooterVisibility, 200);
+    
+    // Initialiser
+    setTimeout(updateFooterVisibility, 100);
+})();
+</script>
diff --git a/Vue/portail.php b/Vue/portail.php
index 3d10914..dfd901b 100755
--- a/Vue/portail.php
+++ b/Vue/portail.php
@@ -46,7 +46,8 @@
 	
 		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css">
 	
-	
+		<link href="Bootstrap_new/css/style_new.css?ver=2025.12.13.02" rel="stylesheet">
+
 		<title><?= $titre ?></title>
 
 		
@@ -552,81 +553,10 @@
 				}
 				indicators();
 			}
-
+			
 			// Contrôle de l'affichage du footer selon le focus du mot de passe
 			
-			function setupFooterBehavior() {
-				const mdpField = document.getElementById('mdp');
-				const footer = document.querySelector('.footer');
-				
-				console.log('mdpField:', mdpField); // Pour debug
-				console.log('footer:', footer); // Pour debug
-				
-				if (mdpField && footer) {
-					console.log('Éléments trouvés, configuration du comportement...');
-					
-					// Focus sur le mot de passe
-					mdpField.addEventListener('focus', function() {
-						console.log('Focus sur mdp');
-						footer.style.opacity = '0';
-						footer.style.visibility = 'hidden';
-						footer.style.pointerEvents = 'none';
-					});
-					
-					// Perte de focus sur le mot de passe
-					mdpField.addEventListener('blur', function() {
-						console.log('Blur sur mdp');
-						footer.style.opacity = '1';
-						footer.style.visibility = 'visible';
-						footer.style.pointerEvents = 'auto';
-					});
-					
-					// Optionnel : même comportement pour les autres champs
-					const loginField = document.getElementById('login');
-					const codeSocieteField = document.getElementById('codeSociete');
-					
-					if (loginField) {
-						loginField.addEventListener('focus', function() {
-							footer.style.opacity = '0';
-							footer.style.visibility = 'hidden';
-							footer.style.pointerEvents = 'none';
-						});
-						
-						loginField.addEventListener('blur', function() {
-							footer.style.opacity = '1';
-							footer.style.visibility = 'visible';
-							footer.style.pointerEvents = 'auto';
-						});
-					}
-					
-					if (codeSocieteField) {
-						codeSocieteField.addEventListener('focus', function() {
-							footer.style.opacity = '0';
-							footer.style.visibility = 'hidden';
-							footer.style.pointerEvents = 'none';
-						});
-						
-						codeSocieteField.addEventListener('blur', function() {
-							footer.style.opacity = '1';
-							footer.style.visibility = 'visible';
-							footer.style.pointerEvents = 'auto';
-						});
-					}
-				} else {
-					console.log('Éléments non trouvés, nouvelle tentative dans 500ms...');
-					setTimeout(setupFooterBehavior, 500);
-				}
-			}
-
-			// Attendre que tout soit chargé
-			if (document.readyState === 'loading') {
-				document.addEventListener('DOMContentLoaded', function() {
-					setTimeout(setupFooterBehavior, 100);
-				});
-			} else {
-				setTimeout(setupFooterBehavior, 100);
-			}
-									
+			
 		</script>
 	</body>
 </html>
\ No newline at end of file