click sur Div, soucis sur IE et Firefox

Version imprimable

Bonjour,

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

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

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

Code:

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();
    });
});

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:

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:

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

Maintenant, le

Code:

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

fonctionne pour IE et Firefox