ebene/assure
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

TEST Portail

Browse Source
This commit is contained in:
KONE SOREL 2025-12-14 11:28:11 +00:00
parent 43b7611b25
commit f0ee7084f0
1 changed files with 46 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
Vue/portail.php
View File

@ -554,41 +554,79 @@
}
// Contrôle de l'affichage du footer selon le focus du mot de passe
document.addEventListener('DOMContentLoaded', function() {
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) {
// Quand le champ mot de passe prend le focus
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.transition = 'opacity 0.3s ease, visibility 0.3s ease';
footer.style.pointerEvents = 'none';
});
// Quand le champ mot de passe perd le focus
// 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.transition = 'opacity 0.3s ease, visibility 0.3s ease';
footer.style.pointerEvents = 'auto';
});
// Aussi pour le champ entité si vous le souhaitez
// 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>