Discussion :

[sniffle83]

Bonjour à tous,

Voilà j'ai un problème: sur mon site j'utilise l'ajax pour l'affichage des pages seulement dans une des pages j'aimerai y insérer un menu en javascript ( je crois qu'il est connu sous le nom de naccordion) mais évidemment cela ne fonctionne pas alors je m'en remet à vous, voici mon code:

Code php :

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
<script type="text/javascript" src="jquery-1.2.1.js"></script> 
<?php
echo '' 
 
<!-- 
$(document).ready( function () { 
    // On cache les sous-menus : 
    $(".navigation2 ul.subMenu").hide(); 
    // On sélectionne tous les items de liste portant la classe "toggleSubMenu" 
 
    // et on remplace l'élément span qu'ils contiennent par un lien : 
    $(".navigation2 li.toggleSubMenu span").each( function () { 
        // On stocke le contenu du span : 
        var TexteSpan = $(this).text(); 
        $(this).replaceWith('<a href="" title="Afficher le sous-menu">' + TexteSpan + '<\/a>') ; 
    } ) ; 
 
    // On modifie l'évènement "click" sur les liens dans les items de liste 
    // qui portent la classe "toggleSubMenu" : 
    $(".navigation2 li.toggleSubMenu > a").click( function () { 
        // Si le sous-menu était déjà ouvert, on le referme : 
        if ($(this).next("ul.subMenu:visible").length != 0) { 
            $(this).next("ul.subMenu").slideUp("normal"); 
        } 
        // Si le sous-menu est caché, on ferme les autres et on l'affiche : 
        else { 
            $(".navigation2 ul.subMenu").slideUp("normal"); 
            $(this).next("ul.subMenu").slideDown("normal"); 
        } 
        // On empêche le navigateur de suivre le lien : 
        return false; 
    });     
 
 
} ) ; 
// --> 
?> 
<p><?php echo 'Choisir:'; ?></p>
 
<ul class="navigation2"> 
 
 
    <li class="toggleSubMenu"><span>Propolis brute</span> 
        <ul class="subMenu"> 
            <p>  Propolis brute de grattage ou de grilles récoltée par les apiculteurs: <br/>
 
                  Réf. CPROPOLIS   &nbsp; &nbsp; &nbsp; 	Propolis brute en vrac
            </p>
 
        </ul> 
    </li> 
    <li class="toggleSubMenu"><span>Propolis en poudre</span> 
        <ul class="subMenu"> 
            <p>
                 Fabriquée à partir d’extrait alcoolique de propolis, cette poudre peut-être utilisée dans                     la fabrication <br/>
 de gélules, capsules etc... . Très fine et très fluide de couleur beige cette poudre se    dissous dans <br/>
 l’eau et se prête à tous les mélanges secs.  <br/><br/>
 
Réf. CPM30  	&nbsp;&nbsp;&nbsp;	Propolis micronisée
             </p>
        </ul> 
    </li>
 
 
</ul>

Ceci est donc le menu et le script qui va avec pour faire l'effet accordion mais cela ne produit rien sur le site, rien ne s'affiche car je crois et après quelques recherches qu'il y'a une écriture spécial pour insérer un script dans une page Ajax mais je ne vois pas comment modifier mon code pour que cela fonctionne j'ai vraiment besoin de vous.

Merci d'avance de votre aide =)
++

[Bovino]

Si je comprends bien ton code, tu demandes à PHP d'exécuter le code jQuey ?

Essaye d'aller voir sur le navigateur du serveur pour voir le résultat

Sérieusement, le code JavaScript (et donc jQuery) est exécuté dans le navigateur du client, il faut donc le mettre entre balises <script> et hors du code PHP...

[sniffle83]

Non, je me suis trompé dans le copier/coller. Le <?php echo " " n'a rien à faire dans ce code. As-tu une solution ?
Merci de ton aide.

[matlow]

Tu n'as pas mis les balises <script></script> autour du js

[bewidia]

Est-ce que tu exécutes le morceau de code JS normalement exécuté sur document.ready après l'appel ajax ?

Sinon charger les pages en ajax est une assez mauvaise idée, en terme de référencement, de bookmark etc.