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

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

Par GuillaumeB

Exemple de DHTML : le menu dynamique

Si vous levez les yeux en haut de cette page, vous apercevrez le menu de navigation horizontal de Zebulon.fr. Celui-ci permet de regrouper plusieurs liens et de les organiser dans différentes catégories. Il existe deux possibilités pour écrire un tel menu : soit avec une feuille de style particulière (comme ici) soit avec du DHTML, c’est-à-dire en utilisant du JavaScript.

Contrairement à l’exemple précédent, une page en DHTML sera plus véritablement composée d’un fichier HTML et d’un autre fichier JavaScript (.js). Plutôt que de recopier intégralement le script dans le fichier HTML – qui risquerait d’alourdir la page- nous placerons un lien vers ce dernier entre les balises <head>de la même manière que l’on placerait une feuille de style externe :

<script type= »text/javascript » src= »monfichier.js »></script>

Voici maintenant un exemple de menu vertical présentant les catégories sous formes de panneaux animés à la manière de la barre de navigation de Microsoft Outlook.

Voir l’exemple (1b) – Télécharger l’exemple

5 Commentaires
0

Vous aimerez aussi

S’abonner
Notifier de
guest
5 Commentaires
plus ancien
plus récent Le plus populaire
Commentaires en ligne
Voir tous les commentaires
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

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

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

Mais comment faire ?

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
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

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.

5
0
Nous serions ravis d'avoir votre avis, laissez un commentaire !x
()
x
Plus dans Tutoriaux
Tutoriel VirtualBox : créer une machine virtuelle

Création d'un disque virtuel L'assistant de création d'un disque virtuel apparaît : Cliquez sur le bouton Suivant. Nous avons ici la…

Fermer