Bonjour,

j'aimerai utiliser le plugin ajaxify (http://max.jsrhost.com/ajaxify/). J'arrive à le faire fonctionner seulement, je n'arrive pas à faire fonctionner le hash.
Je n'arrive pas à modifier l'url de mon site lorsque mon contenu externe est chargé dans mon conteneur de ma page index.html.

J'ai beau essayer de suivre les instruction sur le site du plugin cependant quand je les suis rien ne marche. Je doit louper quelques chose.

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<html>
<head>
<title>Title</title>
 
<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="js/jquery.livequery.pack.js"></script>
<script type="text/javascript" src="js/jquery.ajaxify.js"></script>
<script type="text/javascript" src="js/jquery.history.js"></script>
<script type="text/javascript" src="js/jquery.history.fixed.js"></script>
<script type="text/javascript" src="js/jquery.metadata.min.js"></script>
<script type="text/javascript">
$(function () {
    function ajaxify(file) {
        $('<div id="loading"></div>').html("Loading Content: " + file + " ...").appendTo('body').fadeIn();
        $.get(file, function (data) {
            $("#wrapper").slideUp('slow', function () {
                $(this).html(data).slideDown('slow', function () {
                    $('#loading').fadeOut('slow', function () {
                        $(this).remove();
                    });
                });
            });
        });
    }
    $(".ajaxify").click(function () {
        $('.ajaxify').removeClass('current');
        $(this).addClass('current');
        ajaxify($(this).attr('href'));
        return false;
    });
    ajaxify('homepage.html');
});
 
 
</script>
 
<style type="text/css">
/* CSS goes here */
/* keep this! */
#loading {display:none;} /*hide the loading element by default*/
</style>
</head>
<body>
 
<a class="ajaxify" href="#">Home</a>
<a class="ajaxify" rel="dock" href="/portfolio/dock.html">Services</a>
<a class="ajaxify" rel="about" href="about.html" target"#wrapper">About me</a>
 
 
<!-- content holder -->
<div id="wrapper">essai defaut home page</div>
</body>
 
 
</html>
En espérant que quelqu'un puisse m'aider car je cherche depuis de nombreuses heures une solution...

Merci d'avance!