plugin history

Bonjour,

je voudrais terminer mon site web qui contient du javascript afin de charger des div directement sur mon index.html sans rechargement total de page.

Pour finir, j'aimerais gérer la navigation avec le plugin Jquery History.

Cependant je n'arrive pas à bien l’implémenter.

Voici mon code :

Code:

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
27
28
29
30
31
32
    function pageload(hash) {
     if(hash) {
       $("#page").load(hash+".html #page")
     }
    }
 
    $(document).ready(function(){
     $.historyInit(pageload);
    });
 
    $(document).ajaxComplete(function(){
 
     // sélection de tous les liens a ayant l'attribut rel égal à history (valeur arbitraire)
     $("a[@rel='history']").click(function(){
 
       //suppression du mot cle history, pour que les liens ne soient surchargés qu'une seule fois
       this.rel = this.rel.replace(/history/, '');
 
       // mise à jour de l'ancre
       var hash = this.substr(0,href.length-5);
 
       // suppression du caractère #
       hash = hash.replace(/^.*#/, '');
 
       // chargement dans l'historique et appel de pageload
       $.historyLoad(hash);
 
       // trés important : désactivation du clic du lien a
       return false;
     });
 
    });

Ma console firebug me renvoit l'erreur : $.historyInit is not a function

Pourtant j'ai bien inclus le fichier jquery.history dans le <head> de mon index.

Si vous trouvez une solution, merci d'avance. ^^

Bonsoir

Je ne connais pas ce plugin, mais :

Attention, depuis de très nombreuses versions de jQuery, il faut écrire : $("a[rel='history']").click(...).
Votre méthode d'initialisation du plugin ne ressemble pas à celle de la documentation : http://tkyk.github.com/jquery-histor...#documentation.

Effectivement, j'ai initialisé comme sur le site et ça marche niquel. :ccool:

Merci de ta réponse !