DHTML DOM:Gestion de l'interface

Un article de WikiTuto.

Jump to: navigation, search
  • DHTML Concepts de base
  1. Introduction
  2. Les premiers effets
  • Premiers pas dans le DOM
  1. Qu'est-ce que le DOM?
  2. Accès aux éléments et attributs
  3. Avoir des informations sur les nœuds
  • DOM: modification du contenu dans un document
  1. Modification de contenu
  2. Ajout de contenu
  3. Suppression de contenu
  • Accès aux feuilles de style par le DOM
  1. Propriétés générales de la feuille de style
  2. Modification, ajout et suppression de règles
  • Le DOM: fenêtre, navigateur et interface-utilisateur
  1. La géométrie de la fenêtre et de l'écran
  2. Manipuler le navigateur et le système
  3. Simplifier la vie de l'utilisateur: gestion de l'interface
  • Gestion des événements et DOM
  1. Comment appeler un événement?
  2. flot d'événements
  3. L'objet Event
Source : Gilles Chagnon

Sommaire

Emuler les boutons 'Arrêter' et 'Imprimer'

Deux méthodes simplifient la vie de l'utilisateur en facilitant un certain nombre de manipulations, ou bien en le guidant dans ses opérations, et s'appliquent à l'objet window.

  • window.stop() équivaut au clic sur le bouton d'arrêt de chargement de la page par l'utilisateur. Néanmoins, en raison de l'ordre de gestion des priorités, l'appel à cette méthode stoppera le chargement des grandes images, des nouvelles fenêtres éventuellement ouvertes et des autres grands objets.
  • window.print() lance une boîte de dialogue d'impression pour la fenêtre courante.

Dialoguer avec l'utilisateur

Il est bien sûr possible de créer une fenêtre, dotée de boutons divers offrant à l'utilisateur des choix entre plusieurs options. Mais il est souvent inutile d'avoir recours à une telle lourdeur : les méthodes window.alert(chaine) et resultat=window.confirm(chaine) permettant respectivement d'afficher un message d'information, ou bien d'ouvrir une boîte avec une demande de confirmation. resultat est un booléen qui vaut true si l'utilisateur a cliqué sur OK, et false s'il a cliqué sur Annuler.

Gestion des cookies

On peut créer et manipuler des cookies grâce à la collection document.cookie (voir un cours de JavaScript).

Faire défiler l'affichage

Le scrolling, ou défilement, permet l'exploration d'une page ; fournir des boutons permettant de le faire automatiquement peut être plus convivial que l'utilisation des sempiternelles barres des navigateurs.

  • La méthode window.scroll(x, y), équivalente de la méthode window.scrollTo(x, y), permet de faire défiler l'affichage jusqu'au point de coordonnées x, y.
  • La méthode window.scrollBy(x_delta, y_delta) permet de faire défiler des quantités delta_x horizontalement et delta_y verticalement, par rapport à la position courante.
  • window.scrollByLines(nombre_de_lignes) et window.scrollByPages(nombre_de_pages) permettent de faire défiler l'affichage respectivement d'un nombre déterminé de lignes ou de pages. Ces propriétés ne sont pas supportées par Internet Explorer.

Voir aussi

Sources

Gilles Chagnon

Boîte à outils
Annuaire gratuitCe site est listé dans la catégorie Informatique : Aide et astuces en informatique Annuaire