Discussion :

[Michelk12]

Bonjour,

Je débute en jquery et voici mon premier soucis, soit ce code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
        $(document).ready(function () {
            var lien_langue = document.getElementById('divflagPrinc');
                alert("ok1");
            //lien_langue.onclick=function(e) {
            $('#divflagPrinc').click(function (e) {
                alert("ok2");
                e.stopPropagation();
             }
        }
</script>

Au chargement de la page, Firefox, Chrome et IE affichent le "OK1".
Sur click sur un div nommée divflagPrinc, seul Chrome affiche "OK2".

J'ai tenté avec la ligne en commentaire et là : rien ne fonctionne!

J'imagine que j'ai fait une boulette

[Bovino]

Il manque des parenthèses fermantes pour .click() et .ready() :

Code :

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

1
2
3
4
5
6
7
8
9
$(document).ready(function () {
    var lien_langue = document.getElementById('divflagPrinc');
        alert("ok1");
    //lien_langue.onclick=function(e) {
    $('#divflagPrinc').click(function (e) {
        alert("ok2");
        e.stopPropagation();
    });
});

[Michelk12]

Ha... j'ai vite couru dans le source mais... non.
En fait j'ai copié/collé un bout de mon code et oublié un morceau, en réalité il est davantage ainsi :

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
<script type="text/javascript">
        $(document).ready(function () {
            var lien_langue = document.getElementById('divflagPrinc');
            //lien_langue.onclick=function(e) {
            $(".flagPrinc").click(function (e) {
                alert("ok2");
                e.stopPropagation();
                if ($(".flagsSecond").css("display") == "none") {
                    $(".flagsSecond").show("normal");
                } else {
                    $(".flagsSecond").hide("fast");
                }
            });
        });
</script>

ajout :
J'ai ajouté un bouton autour de ma div

Code :

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

1
2
3
<button id="ButtonFlag" type="button" value="">
...
</button>

Maintenant, le

Code :

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

$("#ButtonFlag").click(...

fonctionne pour IE et Firefox