IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

jQuery BBQ Navigation Ajax


Sujet :

jQuery

  1. #1
    Membre confirmé
    Homme Profil pro
    Étudiant
    Inscrit en
    Juillet 2012
    Messages
    143
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juillet 2012
    Messages : 143
    Par défaut jQuery BBQ Navigation Ajax
    Bonjour,

    Je suis en train de tester la navigation ajax sur mon site. Tous fonctionne parfaitement à part que je ne peux pas faire précédent/suivant (évidement c'est en ajax...).
    Je me suis donc attaqué à mettre en place le plugin jQuery-BBQ mais je ne comprends pas trop comment le faire marcher...

    Voici mon code :

    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
    $(document) .ready(function(){
    	$("#nav li a").click(function(){
    		page = $(this).attr("href");
    		jQuery.bbq.pushState(page);//Hash
    		$.ajax({
    			url:'ajax/'+page,
    			cache:false,
    			success:function(html){
    				$("#contenu").empty();
    	                         $("#contenu").append(data);
    			},
     
    			error:function(XMLHttpRequest,textStatus, errorThrown){
    				alert(textStatus);
    			}
     
    		})
    		return false;
    	});
    });
    Premièrement, le pushState de BBQ n'affiche pas l'url du type "www.mondomaine.com#page1.php" mais comme ça "www.mondomaine.com#page1.php=". Pourquoi ?

    Ensuite, je n'ai pas compris comment récupérer le hash de la page en cours pour faire la requête ajax de la page demandée.

    Si quelqu'un a déjà utilisé ce plugin, ou s'il y a un autre plugin mieux adapté,
    je suis preneur.

    Merci d'avance.

  2. #2
    Membre confirmé
    Homme Profil pro
    Étudiant
    Inscrit en
    Juillet 2012
    Messages
    143
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juillet 2012
    Messages : 143
    Par défaut
    J'ai trouvé comment récupérer ma valeur, et aussi de remplacer le titre de mon document,
    seulement le
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    jQuery.bbq.pushState( page );
    m'écrit toujours une url de type c'est normal car il faut passer 2 paramètres c'est pour faire un truc du genre
    . Mais j'ai vu dans des exemples qu'il n'y a pas les 2 paramètres c'est directement écrit le nom de la page derrière le '#' sans le '='
    Je cherche depuis un petit moment et je ne trouve rien...
    Surtout que certain point de la doc de jquery BBQ sont flous pour moi.

    Si quelqu'un connait ce plug...

    Merci d'avance de votre aide.

Discussions similaires

  1. [AJAX] Navigation ajax avec jQuery
    Par kaniglou dans le forum jQuery
    Réponses: 5
    Dernier message: 11/07/2012, 08h14
  2. [Prototype/JQuery] tableau avec ajax
    Par friedamichelle dans le forum jQuery
    Réponses: 3
    Dernier message: 26/08/2008, 16h57
  3. [Jquery] Attente fonction ajax
    Par Luffy49 dans le forum jQuery
    Réponses: 8
    Dernier message: 08/07/2008, 22h50
  4. [JQuery] Votre Framework Ajax ?
    Par rad_hass dans le forum jQuery
    Réponses: 12
    Dernier message: 30/08/2007, 19h31
  5. [AJAX] navigation ajax (aide)
    Par speedylol dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 30/10/2006, 14h39

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo