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

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

Par GuillaumeB

Conclusion

En mélangeant DHTML, Ajax et Drag and Drop, les interfaces riches du web 2.0 sont, pour la plupart, un panaché de plusieurs technologies Internet. Aussi, c’est réellement l’usage du JavaScript qui permet de transformer une simple page statique en une véritable application web.
Le DHTML et le Drag and Drop proposent un contenu malléable ; cela favorise l’interaction avec le visiteur. Parce qu’il communique directement avec le serveur, Ajax repousse les limites du simple HTML et offre une interface très réactive dépourvue de rafraîchissements.
Il est important de garder en mémoire les avantages et les inconvénients de ces technologies, aussi, selon la nature de votre site Internet, il conviendra donc de les utiliser à bon escient,
Le DHTML rajeunira certainement vos pages mais ce script sera-t-il pris en charge dans l’ensemble des navigateurs ? La navigation du site sera facilité par de l’Ajax mais cela affectera-t-il son classement dans les moteurs de recherche ?

Bien évidemment, il existe des milliers de scripts à télécharger gratuitement pour aiguiser votre curiosité.
Voici quelques liens vers les librairies les plus complètes.
Toutjavascript.com : plus de 130 scripts à télécharger. Tous sont notés par la communauté francophone.
DynamicDrive : Bien qu’en anglais, il s’agit probablement de la librairie la plus complète avec des exemples de prévisualisation. Puisque cette communauté est très active, les scripts sont testés dans tous les navigateurs.
DHTMLGoodies : Une librairie un peu moins dense mais de même qualité.
AjaxDaddy : De l’Ajax, rien que de l’Ajax, pour le plaisir des yeux !
Google Web Toolkit et Yahoo! User Interface Library : les applications de Google et Yahoo! n’auront plus de secrets pour vous!

Quant à notre cher Léon, après avoir jonglé avec ces différentes technologies, il dispose désormais d’un site entièrement dynamique…reste à savoir si cela lui rapportera plus de clients !

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