Mise à jour french.php
This commit is contained in:
parent
cd61e91f2d
commit
c607cb0a01
|
|
@ -64,9 +64,49 @@
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="div_patienter"></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/">© EBENE SOLUTIONS INFORMATIQUES</a>
|
Tous droits réservés <a href="https://www.ebene.info/">© EBENE SOLUTIONS INFORMATIQUES</a>
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?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>
|
||||||
|
|
|
||||||
|
|
@ -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 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>
|
<title><?= $titre ?></title>
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -552,81 +553,10 @@
|
||||||
}
|
}
|
||||||
indicators();
|
indicators();
|
||||||
}
|
}
|
||||||
|
|
||||||
// Contrôle de l'affichage du footer selon le focus du mot de passe
|
// 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>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user