Discussion :

[kaniglou]

Bonjour ma navigation en ajax ne marche pas ...
Je ne c'est pas pourquoi
Si vous avez le problème de mon code ou un autre a me proposer je suis preneur

voici mes code :
js :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
$(document).ready(function(){ 
$("#nav a").click(function(){ 
var page=$(this).attr("href"); 
$.ajax({
			url: page,
			cache: false,
			success: function(html){
					afficher(html);
			},
			error:function(XMLHttpRequest,textStatus, errorThrown){
				alert(textStatus);
			}
		})
		return false;
	});
});
 
function afficher(data){
$("#contenu").fadeOut (500, function() {
	$("#contenu").empty();
	$("#contenu").append(data);
	$("#contenu").fadeIn(1000);
 
})
}

php :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<div class="Zone-de-texte">
		<div id="contenu">
		<?php
                $d="pages/";
                if(isset($_GET['p'])){
                        $p=strtolower($_GET['p']);
                                if(preg_match("/^[a-z0-9\-]+$/",$p) && file_exists($d.$p.".html")){
                                        include $d.$p.".html";
                                }
                                else{
                                        include $d."404.html";
                                }
                        }
                        else{
                                include $d."index.html";
                        }
                ?>
		</div>
	</div>

Merci pour vos réponse

[SpaceFrog]

première chose
si tu lances un ajax sur un href, pense à inhiber le comportement par defaut du href de la balise a, c'est a dire un changement de page

Cela se fait au moyen de preventDefault() ...

[kaniglou]

je ne connait pas le js donc pourrait-tu me dire ou le mettre dans mon code et quel attribut je doit mettre dedans ?

[SpaceFrog]

JQuery c'est du javascript ...

La moindre des choses si tu veux utiliser jquery est d'avoir les bases de javascript ...

[kaniglou]

je voulais juste faire une navigation un peut plus styler.Et avant d'apprendre js je voulais maîtriser parfaitement php, html et css donc si je pouvais avoir le code js qui fonctionne pour amélioré mon site ce serai cool

[SpaceFrog]

http://api.jquery.com/event.preventDefault/

et garde dans tes favoris le lien de ce site ...