HTML5 - Comment afficher dans <section> depuis <nav>

Fermé
Tehani Messages postés 7 Date d'inscription jeudi 27 septembre 2012 Statut Membre Dernière intervention 4 décembre 2013 - 5 oct. 2012 à 04:41
KiKiLeMMerDeuR Messages postés 284 Date d'inscription dimanche 6 décembre 2009 Statut Membre Dernière intervention 6 décembre 2013 - 24 oct. 2012 à 16:03
Bonjour,

J'ai un menu dans ma partie <nav> ... </nav> et j'aimerais faire apparaitre dans la partie <section></section> les pages qui doivent apparaitre grace aux liens que j'ai définis dans ma partie <nav>...</nav>. Est ce que c'est faisable ?

En vous remerciant !!!!

A voir également:

1 réponse

KiKiLeMMerDeuR Messages postés 284 Date d'inscription dimanche 6 décembre 2009 Statut Membre Dernière intervention 6 décembre 2013 36
5 oct. 2012 à 11:22
pas très clair ... tu veux le faire en live ? en rechargeant la page ? que veux-tu faire précisément et de quelle manière ?
0
Tehani Messages postés 7 Date d'inscription jeudi 27 septembre 2012 Statut Membre Dernière intervention 4 décembre 2013
5 oct. 2012 à 23:21
<header>
<div id="entete">
<h1>Mes Voyages</h1>
<h2>test</h2>
<p>test</p>
</div>

<nav>
<ul>
<li><a href="00_accueil.html">Accueil</a></li>
<li><a href="01_photo.html">Photos</a></li>
<li><a href="02_parcours.html">Parcours</a></li>
<li><a href="03_retour">Retour</a></li>
</ul>
</nav>
</header>
<section>
?????????????????????????????
</section>

Comme tu peux le voir, j'ai un menu entre les balises <nav>. Actuellement, quand je clique sur un élément du menu, la page désirée s'ouvre bien. Mais, j'aurais voulu, si c'est possible, que ma page apparaisse dans la partie <section>. Je veux conserver mon en tete, et voir apparaitre sous mon menu, la page désirée.

Merci
0
KiKiLeMMerDeuR Messages postés 284 Date d'inscription dimanche 6 décembre 2009 Statut Membre Dernière intervention 6 décembre 2013 36
Modifié par KiKiLeMMerDeuR le 24/10/2012 à 16:05
OK, il te suffit de faire un appel ajax :
Tu peux le faire avec jQuery par exemple (si la librairie n'est pas sur ta page, il faut l'inclure).
Tu peux rajouter un script:

$("nav ul li a").live("click",function(e){ 
    e.preventDefault(); // pour empecher la redirection "normale" 
    var url = $(e.target).attr("href"); 
    $.ajax({ 
                url: url, 
                success: function(data) { 
                    $("section").html(data); 
                }, 
                error: function() { 
                // message probleme 
                } 
    }); 
}); 


(je n'ai pas testé le code mais ça devrait fonctionner)
Le problème c'est qu'il va ouvrir tout le contenu de la page (avec head, body, etc ...) dans la partie section. Tu dois soit modifier ce contenu, soit modifier la fonction success pour selectionner la partie de data qui t'intéresse
0