plus de javascript aprés requéte ajax pour mon menu

**pouktoro** · 22/10/2009, 16h39

bonjour,

j'ai fait un menu accordéon avec Jquery qui marche très bien tous seul

le fichier index.html

Code html :

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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<html>
 
<head>
 
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
 
<script type="text/javascript">
$(document).ready(
    function () {$("ul.menu_body li:even").addClass("alt");
});
 
$(document).ready(function () {
        $("ul.menu_body li:even").addClass("alt");
    $('img.menu_head').hover(function () {
        $('ul.menu_body').slideDown('medium');
                $('ul.menu_body_bis').slideUp();
    });
        
        $("ul.menu_body_bis li:even").addClass("alt");
        $('img.menu_head_bis').hover(function () {
        $('ul.menu_body_bis').slideDown('medium');
                $('ul.menu_body').slideUp();
    });
        
    $('ul.menu_body li a').mouseover(function () {
        $(this).animate({ fontSize: "14px", paddingLeft: "20px" }, 50 );
    });
    $('ul.menu_body li a').mouseout.(function () {
        $(this).animate({ fontSize: "12px", paddingLeft: "10px" }, 50 );
    });
});
</script>
 
</head>
 
<body>
 
<img src="image/navigate.png" width="184" height="32" class="menu_head" />
 
<ul class="menu_body">
    <li><a href="#">Qui sommes-nous ?</a></li>
    <li><a href="#">Portfolio</a></li>
 
    <li><a href="#">Clients</a></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">Forums</a></li>
 
    <li><a href="#">Gallerie</a></li>
    <li><a href="#">Contact</a></li>
</ul>
</br>
<img src="image/navigate.png" width="184" height="32" class="menu_head_bis" />
 
 
<ul class="menu_body_bis">
    <li><a href="#">Qui sommes-nous ?</a></li>
    <li><a href="#">Portfolio</a></li>
 
    <li><a href="#">Clients</a></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">Forums</a></li>
 
    <li><a href="#">Gallerie</a></li>
    <li><a href="#">Contact</a></li>
</ul>
</body>
 
</html>

le fichier CSS

Code css :

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
56
57
58
59
60
61
62
63
64
65
66
67
68
body{
    background:#534741;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}
ul, li{
    margin:0;
    padding:0;
    list-style:none;
}
.menu_head{
    border:1px solid #998675;
}
.menu_body{
    width:184px;
    border-right:1px solid #998675;
    border-bottom:1px solid #998675;
    border-left:1px solid #998675;
}
.menu_body li{
    background:#493e3b;
}
.menu_body li a{
    color:#FFFFFF;
    text-decoration:none;
    padding:10px;
    display:block;
}
.menu_body li.alt{
    background:#362f2d;
}
.menu_body{
    display:none;
    width:184px;
    border-right:1px solid #998675;
    border-bottom:1px solid #998675;
    border-left:1px solid #998675;
}
 
.menu_body_bis{
    width:184px;
    border-right:1px solid #998675;
    border-bottom:1px solid #998675;
    border-left:1px solid #998675;
}
.menu_body_bis li{
    background:#493e3b;
}
.menu_body_bis li a{
    color:#FFFFFF;
    text-decoration:none;
    padding:10px;
    display:block;
}
.menu_body_bis li.alt{
    background:#362f2d;
}
.menu_body_bis{
    display:none;
    width:184px;
    border-right:1px solid #998675;
    border-bottom:1px solid #998675;
    border-left:1px solid #998675;
}
.menu_body li a:hover{
    padding:15px 10px;
    font-weight:bold;
}

lorsque je le lance tous marche bien mai lorsque je l'inclut dans ma vrais page index la fonction Jquery ne fonction plus

pour mon vrais si j'utilise un moteur template (phplib)
j'affiche mon menu a la place d'une <DIV> grâce a une class PHP

et donc je voudrais savoir si c'est pas un problème au niveau DOM qui ne reconnais pas ou mal mon menu inclut en Ajax

j'ai beaucoup cherche une réponse mais j'ai strictement rien trouver
donc si quelqu'un a déjà eu ce problème et qu'il la résolu je suis preneur

merci

**Bovino** · 23/10/2009, 12h11

Ta fonction est appelée au moment où la page est chargée dans le DOM. Si ton menu est présent, c'est bon, mais s'il est chargé avec Ajax, au moment où ta fonction se lance, le menu n'existe pas, il est donc impossible de lui attribuer un comportement

Lance ta fonction dans le callback de ta requête !

**pouktoro** · 23/10/2009, 13h44

je pensais justement au fait que tous charger en même temps poserais problème
pour le moment je fait mon appel AJAX avec PROTOTYPE mais je vais changer pour Jquery je connaissais pas avant mais c'est franchement bien comme frameworks je vais tester tous sa et je mettrais ma fonction direct dans le callback ajax et je repasserais pour la conclusion

plus de javascript aprés requéte ajax pour mon menu

jQuery

Discussions similaires

Partager

Partager