11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

je suis en train de faire mon site web. Et j'y avais mis une navigation ajax dessus. Tout fonctionnait bien jusqu'a ce que je mette en place le système d'url rewriting. Du coup ma navigation ajax ne fonctionne plus.

voila ce qui est dans mon fichier navigation.js

$(document).ready(function(){
	$("#menu-gauche2").click(function(){
		page=$(this).attr("href");
		
		$.ajax({
			url: "pages/"+page,

			
			cache:false,
			success:function(html){
				afficher1(html);
				
			},
			
			error:function(XMLHttpRequest,textStatus, errorThrown){
				alert(textStatus);
			}
		})

		return false;
	});
});

function afficher1(data){
	$("#contenu").fadeOut(500,function(){
		$("#contenu").empty();
		$("#contenu").append(data);
		$("#contenu").fadeIn(1000);
	})
}



Alors j'ai trouvé la source du problème en faite : c'est $(this).attr("href"); qui ne trouve plus le nom de l'adresse. Quand je mets une alert dessus il me mets undefine. Le problème est que j'ai aucune idée de comment corriger ce problème....
je pense que href cherche un .html en faite mais mon url est modifié en quelque chose comme www.monsite.fr/sport/velo
Il faut que je trouve le bon sepecteur mais j'ai beau regarder sur le site de jquery je ne trouve pas.

Si quelqu'un a une idée, je suis preneur !

Merci d'avance ! Et joyeux noel Smiley smile
$("#menu-gauche2").click(function(){

    // $(this) == $("#menu-gauche2") ... es ce bien un lien ??
    // si ce n'est pas un lien, normal qu'il n'y est pas de href.

		page=$(this).attr("href");

    //...