3 Crédits +d'infos

Tuto Créer une navigation à l'aide de la méthode load() avec jQuery


3 Crédits +d'infos

Dans ce tuto JQuery en vidéo, nous allons voir ensemble comment utiliser la méthode .load() de jQuery pour charger du contenu externe. Les différentes étapes de ce tutoriel vidéo sont :

1ère partie

  • Introduction sur la méthode .load() via la page officielle de cette librairie
  • Lier Jquery à notre page HTML
  • Création d'un bouton permettant de charger une div provenant d'un autre fichier HTML

2ème partie

  • Ajout des liens dans le menu
  • Dupliquer la page index pour créer 2 autres pages
  • Créer et lier un fichier js externe pour écrire notre code javascript
  • Tester le fonctionnement pas à pas du script et du résultat dans le navigateur

Des bases de HTML sont nécessaires pour suivre ce tuto. Pour le reste, tout est expliqué dans la vidéo pour que vous puissiez arriver au même résultat montré dans l'extrait. Toutes les sources sont bien évidemment fournies.

Bon tuto !


Formateur : Adrien Gazaix

Adrien Gazaix a publié 74 tutoriels et obtenu une note moyenne de 4,8/5 sur 17 558 tutoriels vendus. Adrien Gazaix est un formateur certifié tuto.com

Voir les autres formations de Adrien Gazaix

  • 5
    avis de Pumbostar laissé le 16/08/2012
    Très bon et efficace, comme d'habitude ! Une petite question : je souhaite insérer via la méthode load() un accordéon (développé via la formation que tu propose "Créer un menu accordéon et personnaliser le curseur"). Malheureusement, quand la div se charge via la méthode load(), le Javascript de l'accordéon n'est pas actif. Une idée ? Merci encore pour ton travail
  • 5
    avis de tailivan laissé le 16/06/2012
    10/10 tuto super, mais comme tous les tutos de Spykrew.
  • 4
    avis de artwo laissé le 06/08/2012
    @spykrew07 ça à l'air de fonctionner pas mal online finalement? Je ne comprends pas pourquoi ce n'est pas le cas en local

  • Quel est le niveau requis pour suivre ce tuto ?
    débutant