[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les tutoriels > Non-Officiels > Site Web > Javascript > Les déplacements de la souris > Lecture du tutoriel

Les déplacements de la souris

Vous vous apprêtez à lire un tutoriel rédigé par un membre de ce site. Malgré tout le soin que ce membre a pu apporter au tutoriel, nous ne pouvons pas garantir que les informations contenues sur cette page sont exactes à 100%. Merci de garder cela en tête lorsque vous lirez cette page ;o)

Bonjour, bonjour.

Vous avez sûrement déjà vu ces sites web où certaines icônes ou fenêtres sont déplaçables à la souris, ou alors où un texte suit le curseur. Vous vous êtes peut-être demandé comment réaliser ce genre d'effet. Avec du Javascript oui, mais encore ? Le sujet semble parfois complexe car tous les navigateurs ne sont pas compatibles.

Mais ne fuyez pas ! Attendez ! Je vais expliquer (du moins, essayer) clairement comment déplacer des éléments dans une page web grâce aux déplacements de la souris et j'espère bien vous voir devenir des pros de cette technique qu'on appelle parfois le "drag & drop". :soleil:

Vous devriez être déjà assez à l'aise avec le HTML, le Javascript et le DOM pour bien comprendre ce tutoriel.

Ce cours est composé des parties suivantes :

Les bases
Applications

Partie 1 : Les bases

Dans cette première partie, nous allons voir les bases de la gestion de la souris et par la même occasion un script pour déplacer des blocs à la manière des fenêtres des systèmes d'exploitation.
La première partie du tutoriel est terminée. On sait déplacer un objet, pour qu'il suive la souris. On a vu comment obtenir un décalage et aussi comment connaître l'élément qui est survolé par la souris.

Pour faire des scripts plus évolués, c'est surtout une histoire d'innovation (ou plutôt d'imagination ? ).
Partie 2 : Applications

On monte d'un cran. Dans cette partie, on verra comment gérer un drag&drop, faire des animations ou obtenir d'autres effets.
Parfois, il va falloir utiliser un peu de maths, mais on utilisera surtout la logique .
- 1) Finalisation du script de fenêtres

Tutoriels

Communauté

Mon compte

Recherche

Livre d'or

Publicité

Les déplacements de la souris

Partie 1 : Les bases

Partie 2 : Applications

	Auteur : B2Moo Visualisations : 43 533 Plus d'informations Créé : le 16/06/2007 à 19:16:17 Modifié : le 31/08/2008 à 19:46:20 Avancement : 60% Licence : Copie non autorisée Afficher l'intégralité du tutoriel