Accueil » Dossiers » Tutoriaux » DHTML, Ajax, Drag and Drop : Dynamisez votre site Internet !

DHTML, Ajax, Drag and Drop : Dynamisez votre site Internet !

Par GuillaumeB

Présentation du Drag and Drop

Le Drag and Drop est une technologie initialement inventée par Xerox qui consiste à cliquer sur un élément, puis, tout en maintenant le bouton de la souris enfoncé, à le glisser vers une zone cible. C’est Apple qui a popularisé cette technique en l’intégrant dans ses ordinateurs. Aujourd’hui, lorsque l’on parle d’une interface riche du web 2.0, c’est véritablement le Drag and Drop qui transforme un service web standard en une application web. En effet, ce dernier est de plus en plus utilisé pour simuler l’ergonomie d’un programme installé sur une machine.

Peut-être certains d’entre vous utilisent-ils une page Internet personnalisée telle que Netvibes, PageFlakes ou My Yahoo! Ces services en ligne vous permettent de choisir les flux RSS de votre choix et de les organiser sur un espace agencé à votre manière. Le principe est simple car il suffit de glisser chacun des modules à l’aide de la souris.
Nous retrouvons aussi le Drag and Drop sur les nouvelles interfaces de webmail, tels que Yahoo ! Mail, afin de facilement réorganiser nos messages, d’un dossier à un autre par exemple.

5 Commentaires
0

Vous aimerez aussi

5
Poster un Commentaire

avatar
5 Fils de commentaires
0 Réponses de fil
0 Abonnés
 
Commentaire avec le plus de réactions
Le plus populaire des commentaires
0 Auteurs du commentaire
dan4Glups0lucifer Auteurs de commentaires récents
  S’abonner  
plus récent plus ancien Le plus populaire
Notifier de
lucifer
Invité
lucifer

J’aimerai savoir (l’exemple 3b) comment faire en sorte que les éléments qui ont pour class "exeception" ne puissent pas posséder l’effet du drag and drop ?

En effet si dans notre div, on a un champ input (par exemple) eh bien on ne peut pas remplir ce champs.

Sinon c’est un très bon tuto 😛

Anonyme
Invité
Anonyme

Tous simplement, comment faire une fonction qui mettent fin à "Drag.init" ?

je vais faire un onclick="stop_Drag();"

Mais comment faire ?

Glups
Invité
Glups

Je n’ai pu faire fonctionner cette application qu’en remplaçant 200 par 0 (au niveau du test sur xhr2.status)
Ensuite, impeccable.

Glups
Invité
Glups
Glups a dit :

Je n’ai pu faire fonctionner cette application qu’en remplaçant 200 par 0 (au niveau du test sur xhr2.status)
Ensuite, impeccable.

(Je parle de l’exemple 2c)

dan4
Invité
dan4

C’est super mais ça ne fait pas un vrai iframe.

Je dois avoir un index avec un autre fichier en iframe ou include qui lui seul se charge quand je clique sur un élément du conteneur.

Plus dans Tutoriaux
Tutoriel VirtualBox : créer une machine virtuelle

Utilisation de la machine virtuelle L'installation terminée, nous disposons maintenant d'une machine virtuelle parfaitement fonctionnelle. Avant de terminer ce tutoriel,…

Fermer