Navigation AJAX - commentaires

Navigation AJAX

Et pour les effets post et pré-chargement ? Comment faire avec SPIP3,
car c'est vraiment génial de pouvoir utilisé cela.

Navigation AJAX

Bon rien de rien... la page sous javascript actif ne recharge pas la div ajax uniquement mais toute la page ce qui génère le code HTML à la place. Je bloque complètement et évidemment le formulaire est vital U.U

Navigation AJAX

Arf oui j'ai merdouillé pour le lien. Le contact2 ne peut pas s'afficher vu qu'il utilise l'ajax... Galère. Sinon tu aurais pu tente sur cette adresse : http://yume-design.com/client/allure/ là il y a le formulaire d'origine.

Je vais essayer ton lien :) Merci

Navigation AJAX

Bonjour Teenoo,

Je suis allé jeter un œil sur la page de contact, et il semble y avoir un problème d'affichage. Le formulaire ne s'affiche pas, à moins de désactiver le css.

Enfin une fois que j'ai désactivé le css, le formulaire semble fonctionner… La soumission du formulaire ne se fait pas en ajax, mais c'est normal, le plugin ne s'occupe pas des formulaires, mais uniquement des liens. Pour traiter les formulaires en ajax, il faut plutôt utiliser le mécanisme de spip comme expliqué sur spip.net (c'est d'ailleurs bien plus simple que d'utiliser mon plug).

Navigation AJAX

Petit Up de rentrée :)

Navigation AJAX

Bonjour,

je reviens vers vous pour le même site :) Il est actuellement en ligne et marche très bien grâce à votre plug (http://www.allure-confiture.com/). J'ai par contre un gros soucis avec le plug de formulaire de contact avancé. En effet, quand j'envois les éléments de mon formulaire au lieu d'afficher la page spip ?page=contact#formulaire il me fait un spip ?page=contact&getbyid=page#formulaire assez étrange faisant que le formulaire renvoit sur du code HTML.

En désactivant le javascript le formulaire marche très bien. J'ai remarqué que cela venait du plugin Navigation Ajax. Avez-vous une idée à me soumettre pour résoudre ce pb ? Pour vous aider j'ai mis une page non accessible de contact avec ce problème : http://www.allure-confiture.com/spip.php?page=contact2

Merci de votre aide.

Navigation AJAX

La doc n'est pas encore à jour pour SPIP 3, elle n'explique par exemple pas comment un lien peut charger un bloc externe (qui ne contient pas le lien en question). Mais on en discute sur la liste de diffusion de spip-zone, ce fil donne quelques pistes : charger une div externe en ajax

Navigation AJAX

Le plugin ne sera pas portée sous SPIP 3, pour la bonne raison que ce type de fonctionalités est integrée dans le langage de squelette de SPIP 3, grâce au critères {ajax} sur les blocs inclus. Voir http://www.spip.net/fr_article3753.html ou encore http://programmer.spip.org/-Ajax-

Navigation AJAX

Le développeur ne l'adaptera pas pour SPIP 3 aux dernières nouvelles :-( :-( :-(
Que quelqu'un le fasse pour nous s'il vous plait ^^
Ce plugin est trop génial il le mérite !

Navigation AJAX

En effet j'aimerai beaucoup avoir la réponse à cette question moi aussi..

Navigation AJAX

Bonjour,

Il y avait une coquille dans le formulaire de configuration. Je viens de “commiter” une version corrigée…

Navigation AJAX

Bonjour,

Je viens d'installer un spip vierge (2.1.14)
j'ai installé spip-bonux / saisies / ajax_nav en derniere version. (via plugin/auto)

version 59686 : sur le trac : http://zone.spip.org/trac/spip-zone/changeset/59686/_plugins_/ajax_nav : ajoute la possibilite de declancher soit meme les remplacements des divs + regle probleme avec sites multilingues.

premiere action une fois l'installation faite : aller dans la conf de ajax_nav, et desactiver « Remplacer les divs automatiquement »
quand je valide sur la page de config du plugin, la page se recharge et la case se recoche automatiquement !
j'ai vérifié en base, ds la table meta, apparemment, meme si ca se recoche tout seul, la var concernant cette option a tout de meme l'air à off.

a:7 :s:14 :« pagesToAjaxify » ;s:25 :« sommaire article rubrique » ;s:8 :« ajaxDivs »
;s:18 :« contenu spip-admin » ;s:13 :« localizedDivs » ;s:10 :« navigation »
;s:13 :« html4Fallback » ;N ;s:12 :« useModernLib » ;s:2 :« on » ;s:13 :« useHistoryLib »
;s:2 :« on » ;s:15 :« autoReplaceDivs » ;N ;

mais,... quand je fais mes tests, le remplacement des DIVs se déclenche toujours tout seul, je ne peux le gérer moi meme via des appels JS comme expliquer ici,...

une idée ?

Navigation AJAX

Bonjour,

Ce plugin est-il toujours d'actualité depuis SPIP 3.0 ?
Est-il maintenant possible -et nativement- de recharger plusieurs blocs à partir d'un seul lien ?

Pierre-Jean

Navigation AJAX

Bonjour,

Je ne pense pas que votre première idée soit réalisable, il faudrait que le plugin sache à l'avance combien de temps la page mettra à se charger. Par contre, pour afficher un sablier vous pouvez essayer un code du genre :

$('#contenu').bind('onAjaxNavReq',function () { $('#contenu').animate( {opacity: 0}, { duration: 'fast', complete: afficherSablier });
});
$('#contenu').bind('onAjaxNavLoad',function (){ retirerSablier(); $('#contenu').animate({opacity: 1}, 'fast');
});

et ecrire des fonctions javascript “afficherSablier” et “retirerSablier”.

Navigation AJAX

Bonjour
Je trouve ce plugin vraiment super.
J'ai testé les effets d'animation entre deux pages. C'est à peu près ce que je recherche. Cependant lorsque le chargement de la nouvelle page est long, la page précédente s'estompe puis on a un blanc quelques secondes puis la nouvelle page arrive.
Pourrait-on avoir
- une opacité progressive de l'ancienne page pendant la durée de chargement de la nouvelle page avec un fondu vers la nouvelle
- ou plus simplement un sablier qui apparait entre la disparition de la première et l'apparition de la seconde ?
Merci en tout cas pour ce travail

Navigation AJAX

Voilà, j'ai ajouté une option qui devrait vous permettre de résoudre votre problème. J'ai aussi ajouté une section dans l'article qui explique comment l'utiliser.

Navigation AJAX

Je pense que c'est parce que la page cible est chargée avant que l'animation de la page sortante se termine. Le plugin ne gère pas ce cas de figure : dès que la page cible est prête, il remplace les divs, même si celles-ci sont au milieu d'une animation.

C'est un problème qui vaut bien la peine d'être corrigé, mais je manque un peu de temps en ce moment. Du coup je ne peux que vous demander de patienter un peu… Une solution temporaire serait de rendre les animations plus rapides, pour qu'elles se terminent avant le chargement de la page qui suit.

Navigation AJAX

J'avais pourtant souhaité vous laisser en paix, mais j'ai une question... En même temps, cela pourra servir à d'autres :)

Comme dit précédemment, ça marche du tonnerre, c'est beau, c'est fluide, c'est parfait ! Enfin presque. Il y a un soucis que je ne comprends pas trop et que je n'arrive pas à résoudre. En effet, les effets de pages entrantes marchent très bien. En revanche, les effets sur les éléments de pages sortantes sont plutôt mauvais. La page disparaît illico. J'ai beau augmenter mes temps de sorties et entrées mais rien n'y fait. Auriez-vous une réponse à m'apporter ?

Merci ;)

Navigation AJAX

Bizarre, ton message s'affiche correctement dans la partie privée, mais pas ici. Je pense qu'il vaut mieux utiliser les balises ou pour mettre du html… Il s'agit donc des liens de type < Retour à la liste ?


Je ne vois pas trop ce qui peut causer ceci. As-tu essayé d'inspecter le lien avec p.ex firebug pour voir si le même code css est bien appliqué ?
Il y a une erreur dans le code que tu as posté, le “<” avant “Retour à la liste” ne devrait pas être là, mais je vois mal comment ça pourrait marcher sans ajax et pas avec…



Navigation AJAX
Effectivement c'est moins l'usine à gaz :) Une dernière question et je vous laisse tranquille U.U J'ai un comportement étrange avec le chargement AJAX, mes liens de type

< Retour à la liste

Sont tous invisibles. Ils sont bien dans le code source mais c'est comme s'ils n'étaient pas chargés dans la page. Sans Ajax, ils sont bien présent... Avez-vous déjà vu ce genre de chose ?


Navigation AJAX
Avec le recul je pense que je t'ai donné un mauvais conseil en disant de faire un test sur l'url du genre if (window.location==='url'). Dans un cas avec plein d'animations comme tu veux le faire, le mieux serait peut-être de donner des classes à tes divs en fonction de ce que tu veux faire avec. Ton code javascript se répéterait alors beaucoup moins et serait plus simple.
En clair, dans tes squelettes, au lieu d'avoir 
, , etc, tu aurais à chaque fois . Et dans ton code js tu aurais alors simplement :
$('#page').bind('onAjaxNavReq', function () { $('.anim1').animate({height: '0'}, 3000);
});
$('#page').bind('onAjaxNavLoad', function () { $('.anim1').animate({height: '80%'}, 3000);
});
Avec cette méthode, pour avoir des animations différentes dans des squelettes spécifiques, il suffit de donner une autre classe à tes éléments dans ces squelettes, et de définir une autre animation pour cette classe.


Navigation AJAX
Et ouala je suis de retour :) L'ensemble de mes pages marchent super ! Un régal ! Je bloque pour une page un peu spéciale, j'espère trouver un début de réponse.
Toutes mes pages se ressemble en partie. J'ai une rubrique qui liste des articles et au clic on va sur un des article dont la construction est peu plus spécifique. Du coup j'avais pensé utilisé le

if (window.location === 'url_de_l_article_5') 



mais je bloque sur l'url... il n'y a pas d'url fixe mis à part article=5.html pour la construction de la page des articles de cette rubrique.
Pour l'instant mon script ressemble à ça

$('#page').bind('onAjaxNavReq', function () 
 $('#bg').animate(opacity : 0, '3000', function () 
 $('#conteneurc').animate(height : '0', 3000) ;
 $('#conteneurm').animate(height : '0', 3000) ;
 $('#conteneur8').animate(height : '0', 3000) ;
 $('#conteneur7').animate(height : '0', 3000) ;
 $('#conteneur5').animate(height : '0', 3000) ;
 $('#conteneur71').animate(height : '0', 3000) ;
 $('#conteneur51').animate(width : '40%', 3000) ;
 ) ;
 ) ;
 $('#page').bind('onAjaxNavLoad', function () 
 $('#bg').animate(opacity : 1, '5000', function () 
 $('#conteneurc').animate(height : '80%', 3000) ;
 $('#conteneur8').animate(height : '80%', 3000) ;
 $('#conteneur7').animate(height : '80%', 3000) ;
 $('#conteneur5').animate(height : '80%', 3000) ;
 $('#conteneur71').animate(height : '80%', 3000) ;
 $('#conteneurm').animate(height : '80%', 3000) ;
 if (window.location === 'article=5.html') 
 $('#conteneur51').animate(width : '0', 3000) ;
 $('#navigation').animate(width : '80%', 3000) ;
 
 ) ;
 ) ;

Je constate que je ne peux pas ajouter par exemple un

$('#page2').bind('onAjaxNavReq', function () 
 $('#bg').animate(opacity : 0, '3000', function () 
 $('#conteneur51').animate(width : '40%', 3000) ;
 ) ;
 ) ;
 $('#page2').bind('onAjaxNavLoad', function () 
 $('#bg').animate(opacity : 1, '5000', function () 
 if (window.location === 'article=5.html') 
 $('#conteneur51').animate(width : '0', 3000) ;
 $('#navigation').animate(width : '80%', 3000) ;
 
 ) ;

Comment me sortir de l'impasse ? Merci des réponses apportées :)


Navigation AJAX
Pour infos, le problème des boutons spip-admin est réglé par la dernière mise-à-jour !


Navigation AJAX
Et ce qu'il ne devrait pas y avoir la balise #ANCRE_PAGINATION dans le fichier inc-photos.html ? Pour faire mes tests j'ai grosso modo recopié le code qui se trouve sur ici http://programmer.spip.org/Paginations-AJAX.
Avec ce code ça fonctionnait, mais ça ne veut pas dire que le problème ne viens pas de chez moi…


Navigation AJAX
Clair, cela ne m'embête pas plus que ça ! Très beau boulot en tout cas :-)
Cependant, il me duplique toujours ma div à chaque pagination. C'est peut-être dans mon squelette que vient le problème ?
Mon squelettes (inc-list-photos.html)
 [(#INCLURE{fond=inc-path,env})]
[(#INCLURE{fond=inc-photos,ajax,env})]
 
Ma boucle appelée en Ajax dans inc-photos.html :

[(#PAGINATION{page})]
 ... 
[(#PAGINATION{page})]

Et ma « div-path » se répète à chaque changement de page.
La « div-path » indique l'arborescence (la position ou se trouve le visiteur). Mais si je la sort de la div « contenu », je perd le trace du visiteur, la boucle ne fonctionne pas...
Une idée ? Je vais encore chercher !


Navigation AJAX
Le problème des paginations devrait être réglé par la mise à jour que je viens de faire.

Pour les boutons spip-admin, j'ai aussi le problème en fait. Par contre je ne vois pas trop comment le régler pour l'instant… Enfin c'est un peu moins grave de toute façon.


Navigation AJAX
Je profite de ta réactivité pour signaler un autre souci :-)
J'utilise la  #PAGINATION{page} en Ajax sur certaines pages (galerie d'images). Et la aussi, le code du lien se charge dans l'URL et certains éléments de ma page se dupliquent a chaque changement de page. Peut-être à moi d'intervenir dans mon squelette ?
Merci encore !


Navigation AJAX
Cool pour Tickbox ! :-)
Oui effectivement j'ai oublié de préciser ceci. Quand je rafraichi la page les boutons s'affichent bien avec le plugin activé. Mais sans rafraichissement de la page, pas de boutons...
Le plugin désactivé, les boutons s'affichent bien aussi.
Merci !


Navigation AJAX
Bonjour,
Il y a bien un problème avec thickbox. Je viens de mettre une nouvelle version sur le svn qui devrait régler le souci.
Sinon pour les boutons spip-admin, je n'arrive pas à reproduire le problème chez moi, donc difficile de vous aider… Est-ce qu'ils réapparaissent si vous rechargez la page, ou si vous désactivez le plugin ?


Navigation AJAX
Bonjour,
J'ai testé ce plugin sur un site qui utilise la visionneuse d'image thickbox3. Lors ce que l'on clique sur l'image pour lancé la visionneuse il se produit un bug. L'image s'inscrit dans dans la barre d'adresse et s'ouvre dans une page vierge.
Seconde chose, je n'ai pas les boutons privé spip_admin dans mes pages (bien que cela ne me dérange pas tant que ça). Je suis bien logué en admin et spip-admin est bien mentionné dans la configuration du plugin.
Merci pour vos lumière !


Navigation AJAX
Effectivement ça va mieux. Merci.

Le site a réalisé doit être parfaitement fluide, il y a pas spécialement beaucoup de page, mais elles ont toutes des div différentes pour la mise en page.
Je pensais qu'il fallait un script à mettre en sommaire avec les différentes animations sur les différentes div et que cela chargeait quelque soit la page.
Je vais procéder autrement dans ce cas :)


Navigation AJAX
Je ne suis pas sûr de bien comprendre, il est peut-être un peu tard pour écrire une bonne réponse mais je me lance quand même :-)

Pour que le plug fonctionne bien il est important que les pages de type ajax aient tout en commun sauf les div à charger en ajax.
Imaginons que je suis sur la page rubrique 1 et que je clique sur le lien vers l'article 5, et que j'ai décidé dans la config du plug que les div “en-tete” et “image” sont à charger en ajax. La page sur laquelle je vais arriver n'est pas la page de l'article 5, mais la page de la rubrique 1 dans laquelle j'ai remplacé les div “en-tete” et “image” par les div “en-tete” et “image” de l'article 5. Du coup, même si l'url du navigateur est maintenant celle de l'article 5, le head est toujours celui de la rubrique 1. Du point de vue du navigateur, il n'y a pas eu de chargement de page, le code javascript qu'on a mis dans la div “en-tete” de l'article 5 n'est donc pas exécuté. Pour que le plugin fonctionne sans accros, il faut vraiment que les pages rubrique 1 et article 5 soient pareilles, sauf pour les divs “en-tete” et “image”.
Pour exécuter un code js spécifique lors du chargement de l'article 5, il faut utiliser un code du genre :
$('#IdDeMaDiv').bind('onAjaxNavLoad', function () { if (window.location === 'url_de_l_article_5') { // choses à faire lors du chargement de l'article 5 }
});
Ce code doit être mis dans toutes les pages à charger en ajax. En fait vous devez mettre le code de toutes les animations dans toutes les pages de type ajax, puisqu'une fois que le visiteur arrive sur une de ces pages, la navigation ne déclenche plus aucun script, à part ceux explicitement appelés par les événements 'onAjaxNavReq' ou 'onAjaxNavLoad'.
Voilà, j'espère que je suis compréhensible…


Navigation AJAX
Oui c'est bien cela. Si ce n'avait pas été le cas j'aurais pu bidouiller.
Petit retour...

Si je comprends bien le principe, un script d'appel de div qui permet de loader le contenu de la page appelée et « effacer » celle que l'on quitte.

Bien, dans ce cas, je place un seul script sur le inc-head. Si j'ai d'autres scripts utilisés uniquement sur certaines pages je les bascule dans la div utilisée.
Là je teste avec l'ID d'une image, l'effet ne marche que lorsque je recharge la page avec mon navigateur. Mais là n'est pas le soucis. Comment se fait-il que les autres objets de mes pages apparaissent ? Logiquement seules les images ayant la même ID devraient apparaître non ?


Navigation AJAX
Vous voulez dire une page html statique, sans boucles ni balises ?
Le plugin ne marche qu'avec des pages appelée en tant que squelette. Il faudrait donc mettre le fichier “ma_page.html” dans le dossier des squelettes est l'appeler avec l'url “www.monsite.org/spip.php?page=ma_page”. Le type de page à renseigner dans la configuration du plug sera alors “ma_page”.
Après s'il faut que l'url de la page soit quand même “www.monsite.org/ma_page.html”, vous pouvez utiliser le type d'url “html” dans “Configuration->Fonctions avancées” ou bidouiller vous-même une redirection dans le fichier .htaccess.


Navigation AJAX
C'est encore moi ! J'ai un petit soucis sémantique, quid des pages construites en html ? Dans les types de page dois-je mettre « page » ou le nom de ma page ?
Merci du retour.


Navigation AJAX
J'ai rien dit. Cela marche parfaitement !
Cool ce plugin !


Navigation AJAX
Bonjour,
Je ne parviens pas à appliquer ce plugin. J'ai une page blanche qui se charge :-(
J'utilise des squelettes différents pour certaines rubriques en utilisant cette appellation de fichier dans spip :

rubrique-1.hmtl, rubique-2.html, etc...

Dans chacun des ces fichiers html j'ai un #INCLURE qui appelle un squelette différents pour chaque rubrique.
Cela fait-il une différence pour « Les types de page » ? ou autres chose ?
Merci pour votre intérêt !


Navigation AJAX
Super ! C'est parfait ! Je vais donc pouvoir tester sur un site en dev. si ça marche super, j'enverrai le lien pour exemple :)


Navigation AJAX
Oui c'est bien ça, le plugin se charge de faire les appels ajax, et de découper les squelettes pour ne servir que les morceaux de page demandés.

Pour pouvoir animer les chargements, le plugin déclenche des événements javascript lorsqu'une requête est faite et lorsqu'elle est terminée. Pour votre exemple il faudrait faire quelque chose du genre :
$('body').bind('onAjaxNavReq', faireUnFondu);
$('#idDeMaDiv').bind('onAjaxNavLoad', faireGlisser);
Et bien sûr écrire les fonctions “faireUnFondu” et “faireGlisser”…


Navigation AJAX
Plug très intéressant pour moi. Je dois construire un site où les éléments doivent s'animer à chaque nouvelle page.
Si je comprend bien, il va servir à faire un appel Ajax pour récupérer le contenu de la future page !
Donc je peux animer des éléments de ma page sortante (effet de fondu du body) et ceux de ma page entrante après (glissement d'une div).
Merci de votre confirmation :)


Navigation AJAX
Ca y est, j'ai mis la nouvelle version en ligne. Le plugin marche avec tous les types d'urls maintenant.
En bonus, il met en cache les blocs à charger en ajax, ce qui améliore les performances.


Navigation AJAX
Bonjour,
Oui il ne fonctionne qu'avec un format d'url.
Sebastian - Hinz


Navigation AJAX
J'ai une version qui fonctionne avec les urls propres et la gestion du cache, mais comme j'ai du changer beaucoup de choses, je ne veux pas la publier tout de suite. Par contre si vous voulez m'aider à tester tout ça, n'hésitez pas à me contacter par message privé !

Et en SPIP 3 ^^ (car la béta 2 ne le fait pas apparemment..)

Il semblerait que ça fonctionne déjà, p. ex pour les paginations de spip-contrib comme l'a dit Cédric un peu plus bas. Par contre, je pense que ça demande d'adapter ses squelettes pour utiliser les inclure ajax. J'avoue que je n'ai pas essayé pour l'instant…


Navigation AJAX
Et en SPIP 3 ^^ (car la béta 2 ne le fait pas apparemment..)


Navigation AJAX
Oui ce serait très bien avec les URL propres :)


Navigation AJAX
Oui je l'envisage activement ! Seulement, cela demande de revoir en profondeur l'architecture du plugin, et ça prend un peu de temps. Je travaille aussi à ce que le plugin mette à profit le système de cache de SPIP, ce qui n'est pas le cas pour l'instant…


Navigation AJAX
salut

juste une petite question : si j'ai bien lu, il ne fonctionne qu'avec un format d'url « page » ; Serait il envisageable de pouvoir l'utiliser avec des url type « propre » ou d'autres ?
merci pour ce beau boulot !

et merci de vos réponses :-)


Navigation AJAX
Pour le bouton, je trouve que ça n'est pas vraiment nécessaire. Comme le réglage du plugin se fait une fois pour toute, ou en tout cas rarement, je me dis que la configuration n'a pas besoin d'être super facile d'accès. Au pire, si on a besoin de faire des aller-retours fréquents durant la phase de développement, on peut toujours laisser la page de config dans un onglet du navigateur et tester le site dans un autre, ce qui est de toute façon plus rapide qu'un bouton dans le menu…
Après si vous avez de bons arguments (ou d'autres suggestions !), je peux peut-être me laisser convaincre :-)


Navigation AJAX
Bonjour,

 il manque l'icône pour accéder ver la configuration du plugin dans un des menus.

Je ne vois pas bien de quel menu vous parlez. L'icône de configuration est sensée être accessible dans la liste des plugins installés, ce n'est pas le cas chez vous ?

Oui ,l'icône d'appel pour la configuration, est bien accessible dans la liste des plugins. Je voulais seulement dire qu'il serait plus simple de la trouver aussi dans le menu « configuration » de l'espace privé ou ailleurs (le choix vous en incombe !).
je mets à jour avec la nouvelle version et vous tiens au courant.


Navigation AJAX
Bonjour,

merci pour votre retour !

Le problème du chemin des fichiers est corrigé fait dans la version que je viens de “commiter”. Vous pouvez la récupérer tout de suite sur le SVN de spip-zone, ou alors attendre quelques heures que le zip soit mis à jour automatiquement.

il manque l'icône pour accéder ver la configuration du plugin dans un des menus.

Je ne vois pas bien de quel menu vous parlez. L'icône de configuration est sensée être accessible dans la liste des plugins installés, ce n'est pas le cas chez vous ?


Navigation AJAX
Bonjour,

je teste actuellement ce plugin et j'ai constaté une anomalie. En effet les chemins d'accès aux differents fichiers script ou autres sont codés en dur (ex : href='../plugins/ajax_nav/prive.....). Mais si les plugins de votre site sont stockés dans un répertoire « plugins/auto/xxxx » et bien cela ne fonctionne pas bien !

J'ai donc adapté les fichiers suivants : 

Ajax_nav_header_prive.php

Ajax_nav_insert_head.php

Ajax_nav_affichage_final.php

Dans ces fichiers j'ai modifié le chemin en ajoutant le répertoire « Auto ». Je pense qu'il faut rendre transparent le chemin vers ces fichiers. 

D'autre part il manque l'icône pour accéder ver la configuration du plugin dans un des menus.

Voila mes petites remarques en espérant qu'elles contribuent à l'amélioration de ce bel outil.
Le site de test
Cordialement


Navigation AJAX
Bonjour,
Le code complet serait plutôt :

En théorie vous pouvez mettre ceci n'importe où dans la page, mais l'usage veut qu'on le mette soit dans la balise “head,” soit tout à la fin de la page, après la balise “body”.
Il y avait une erreur dans le code que j'ai donné dans l'article, peut-être que vos problèmes venaient de là…


Navigation AJAX
Bonjour,
je teste actuellement le plugin et j'ai un petit soucis. Je ne suis pas un pro du Dev et donc je ne comprends pas ou il faut insérer le code pour les animations Effets pré- et post-chargement.
D'avance merci pour votre aide.


Navigation AJAX
Ce plugin ne pose absolument aucun problème de référencement. En effet, pour un utilisateur qui a désactivé javascript (et donc pour les robots des moteurs de recherche), le site s'affiche comme avant que l'on ait activé la navigation ajax. Le plugin est juste un plus pour les utilisateurs qui ont activé javascript et dont le navigateur supporte le html5. À moins d'activer l'option “activer les urls hash pour les vieux navigateurs”, aucune url n'est jamais altérée. C'est là tout l'intérêt de l'API History.


Navigation AJAX
Ahem... *Kof ! Kof !*
http://oseox.fr/blog/index.php/795-referencement-ajax


Navigation AJAX
Ce que tu propose est une version très simplifiée de ce que fait l'option “activer les urls hash pour les vieux navigateurs”. Cette implémentation simple fonctionnera mal avec les anciennes versions de ce bon vieux Internet Explorer ;-)


Navigation AJAX
C'est une très bonne question, je n'avais pas pensé à ce cas de figure. Même si l'économie de bande-passante est dérisoire (la libraire pèse 8k), c'est important parce que la version de Modernizr utilisée dans ce plugin est un “build” qui ne contient que le test pour la fonctionnalité History. Si la version du plugin prend le pas sur celle que tu utilises, cela risque de casser les tests que tu as mis en place…
Je vais inclure une option pour désactiver cette libraire, ainsi que la libraire History.js. En attendant, tu peux remplacer la ligne 22 du fichier “ajax_nav_insert_head.php” par :
$flux = "


Navigation AJAX
Pour information, dans SPIP3, l'History API est intégrée est prise en charge nativement sur tous les liens ajax. Tu peux le voir sur toutes les paginations ajax de SPIP-Contrib par exemple.


Navigation AJAX
J'avais trouvé une solution intéressante aussi qui pourrait être implémenté.

Utilisant aussi history api.
http://lea.verou.me/2011/05/change-url-hash-without-page-jump/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+leaverou+%28Lea+Verou%29


Navigation AJAX
Merci pour ce plugin.

ça fait plaisir de voir un peu de forward dans SPIP :).

Par contre, peut on se passer de Modernizr s'il est déjà chargé ?