Discussion :

[rems033]

Salut à tous,

J'utilise CakePHP dans le cadre d'un projet ainsi que jquery.
Voici la fonction qui me pose probleme :

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
 
function toggle_menu(cCible)
{
    // Toggle du div
    $("#" + cCible).slideToggle();
 
    // Remplacement de l'image
    x = document.getElementsByID(cCible + "_titre_toggle").src;
    Alert(x)
    if(v == "img/remove.png")
        v = "img/add.png";
    else
        v = "img/remove.png";
    document.getElementsByID(cCible + "_titre_toggle").src = v ;
}

et l'appel de cette fonction :

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
 
<div id="menu_utilisateur" class="cbb">
        <div>
            <!-- Titre -->
            <div id="menu_titre">
                <h1 class="cbb_h1">Gestion Utilisateur</h1>
            </div>
            <!-- Img pour toggle -->
            <div id="menu_toggle">
                <img src="img/remove.png" border="0" id="users_menu_titre_toggle" onclick="toggle_menu('users_menu')">
            </div>
        </div>
        <div style="clear:both;"></div>
        <!-- Le menu en lui même -->
        <div id="users_menu">
            <hr />
            <ul>
                <li><a href="#">my sample link #1</a></li>
                <li><a href="#">my sample link #2</a></li>
                <li><a href="#">my sample link #3</a></li>
                <li><a href="#">my sample link #3</a></li>
                <li><a href="#">my sample link #3</a></li>
                <li><a href="#">my sample link #3</a></li>
                <li><a href="#">my sample link #3</a></li>
 
            </ul>
        </div>
    </div>

Ce que je souhaiterai faire c'est à chaque clic sur mon image pour collapse ou expand ma div c'est de remplacer l'image associée par un "+" ou un "-" comme vous l'aurez compris sauf que je n'ai même pas ma fenetre Alert qui s'ouvre...

Merci pour votre aide.

[EDIT] J'ajoute que la fonction slideToggle fonctionne au poil !!!!

[Bovino]

Salut.
En étant plus rigoureux avec la syntaxe et la casse, ça devrait marcher :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
x = document.getElementById(cCible + "_titre_toggle").src;
alert(x);

Au passage, pourquoi utiliser getElementById au lieu de $ ?

[rems033]

Pcq je ne connaissais pas, je suis un véritable newbie sur le javascript et j'apprends au fur et à mesure des projets...
Si je mets $(cCible + "_titre_toggle").src ca marcherai ?

[danielhagnoul]

Bonsoir.

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
$("#monImgID").attr("src","../images/imagetest.png");
 
var urlImg = $("#monImgID").attr("src");
 
alert(urlImg);