HTML5 - Comment afficher dans <section> depuis <nav>
Tehani
Messages postés
7
Statut
Membre
-
KiKiLeMMerDeuR Messages postés 297 Statut Membre -
KiKiLeMMerDeuR Messages postés 297 Statut Membre -
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 !!!!
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:
- HTML5 - Comment afficher dans <section> depuis <nav>
- Nav privée - Guide
- Afficher appdata - Guide
- Afficher calendrier outlook dans google agenda - Guide
- Saut de section word - Guide
- Afficher taille dossier windows - Guide
<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
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