La barre de division de cet exemple sert à deux choses. En premier lieu, elle affiche le nombre total d’enregistrements de la liste et le numéro de l’enregistrement actuellement sélectionné. Deuxièmement, elle permet à l’utilisateur de redimensionner la hauteur des cadres contenu et liste. Parfois, les utilisateurs souhaitent avoir une
Barre de division
taille de cadre maximale pour voir davantage de données.
Le pointeur de la souris adopte des flèches de dimensionnement nord-sud quand il survole la barre de division. Ce changement du curseur indique à l’utilisateur qu’il peut à cet instant déplacer la barre de division verticalement. La barre passe en mode « flottant » quand on clique dessus et se déplace verticalement selon le mouvement de la souris.
Quand la barre est libérée, les cadres inline sur la page se réduisent et s’agrandissent d’après la position de la barre de division. Le code JavaScript (figure 3) est nécessaire pour traiter les événements mouseDown, mouseUp et mouseMove associés à la barre de division. Une partie de la logique est subordonnée au genre de navigateur (par exemple Internet Explorer vs Mozilla Firefox). En effet, la compatibilité des navigateurs est la plaie des programmeurs JavaScript.
Téléchargez cette ressource
Plan de sécurité Microsoft 365
Les attaquants savent comment prendre le contrôle de votre tenant Microsoft 365, et vous, savez-vous comment le reprendre en main ?
Les articles les plus consultés
Les plus consultés sur iTPro.fr
- IA & pilotage de portefeuille de projets : accélérer la décision sans en perdre le contrôle
- Analyse Patch Tuesday Juin 2026
- La bataille de la 6G se gagne dans la donnée en temps réel
- BlueSecure repense la sensibilisation à la cybersécurité avec des formats immersifs et engageants
Articles les + lus
Computex 2026 : 5 signaux forts à retenir
La chaîne d’approvisionnement, point de rupture récurent du SI
Microsoft Build 2026 : contre-offensive des modèles maison face à OpenAI et Anthropic
Rhea1 : SiPearl allume le CPU européen le plus ambitieux pour le HPC et l’IA souveraine
Analyse Patch Tuesday Mai 2026
À la une de la chaîne Tech
- Computex 2026 : 5 signaux forts à retenir
- La chaîne d’approvisionnement, point de rupture récurent du SI
- Microsoft Build 2026 : contre-offensive des modèles maison face à OpenAI et Anthropic
- Rhea1 : SiPearl allume le CPU européen le plus ambitieux pour le HPC et l’IA souveraine
- Analyse Patch Tuesday Mai 2026
