Discussion :

[jojo_ol76]

Bonjour,

J'ai un soucis sur ma page, je constate que lorsque je met en commentaire l'appel au script revolution.js, l'appel de la méthode $("#login_form").on('click' fonctionne par contre cela ne fonctionne plus dès qu'il n'est plus en commentaire, de plus lorsque je sélectionne la langue du dropdown, languageSelected n'est jamais appelé.

Extrait du script revolution.js commence par :

Code :

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

1
2
3
4
5
6
 
(function($,undefined){ 
$.fn.extend({
 
});
})(jQuery);

Ma page index.jsp:

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
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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
 
<script type="text/javascript"
src="js/revslider.jquery.themepunch.revolution.js"></script>
 
<script>
function setCookie(c_name, value, exdays) {
    var exdate = new Date();
    exdate.setDate(exdate.getDate() + exdays);
    var c_value = escape(value)
            + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString());
    document.cookie = c_name + "=" + c_value;
}
 
function getCookie(c_name) {
    var i, x, y, ARRcookies = document.cookie.split(";");
    for (i = 0; i < ARRcookies.length; i++) {
        x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
        y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
        x = x.replace(/^\s+|\s+$/g, "");
        if (x == c_name) {
            return unescape(y);
        }
    }
}
 
function languageSelected() {
    //= $('#country-options')[0].value;
    var languageSelected = $('#country-options').val();
    alert(" tt " + languageSelected);
    var selected = $('#country-options').options[$('#country-options').selectedIndex];
    selected.setAttribute("selected", "selected");
    var oldselected = $('#country-options').options[0];
    oldselected.removeAttribute("selected");
    if (languageSelected !== "fr") {
        setCookie("selectedLanguage", languageSelected, 1);
        alert("Welcome again " + languageSelected);
    } else {
        alert("W " + languageSelected);
    }
 
    $('#countryform').submit();
}
 
$(document).ready(function() {
 
    // --- language dropdown --- //
 
    // turn select into dl
    createDropDown();
 
    var $dropTrigger = $(".dropdown dt a");
    var $languageList = $(".dropdown dd ul");
 
    // open and close list when button is clicked
    $dropTrigger.toggle(function() {
        $languageList.slideDown(200);
        $dropTrigger.addClass("active");
    }, function() {
        $languageList.slideUp(200);
        $(this).removeAttr("class");
    });
 
    // close list when anywhere else on the screen is clicked
    $(document).bind('click', function(e) {
        var $clicked = $(e.target);
        if (!$clicked.parents().hasClass("dropdown"))
            $languageList.slideUp(200);
        $dropTrigger.removeAttr("class");
    });
 
    // when a language is clicked, make the selection and then hide the list
    $(".dropdown dd ul li a").click(function() {
        var clickedValue = $(this).parent().attr("class");
        var clickedTitle = $(this).find("em").html();
        $("#target dt").removeClass().addClass(clickedValue);
        $("#target dt em").html(clickedTitle);
        $languageList.hide();
        $dropTrigger.removeAttr("class");
    });
 
 
 
 
 
 
    $('#country-options')[0].value = getCookie("selectedLanguage");
 
 
    $('#country-options').bind('change', function() { // bind change event to select
        var url = $(this).val(); // get selected value
        alert("WFFFFFF " + url);
        if (url != '') { // require a URL
            window.location = url; // redirect
        }
        return false;
    });
 
       $("#login_form").on('click', function(){
 
           $(".social_login").hide();
           $(".user_login").show();
           return false;
         });
 
});
 
// actual function to transform select to definition list
function createDropDown() {
    var $form = $("div#country-select form");
    $form.hide();
    var source = $("#country-options");
    source.removeAttr("autocomplete");
    var selected = source.find("option:selected");
    var options = $("option", source);
    $("#country-select").append('<dl id="target" class="dropdown"></dl>')
    $("#target").append(
            '<dt class="' + selected.val()
                    + '"><a href="#"><span class="flag"></span><em>'
                    + selected.text() + '</em></a></dt>')
    $("#target").append('<dd><ul></ul></dd>')
    options.each(function() {
        $("#target dd ul").append(
                '<li class="' + $(this).val() + '"><a href="'
                        + $(this).attr("title")
                        + '"><span class="flag"></span><em>'
                        + $(this).text() + '</em></a></li>');
    });
}
</script>
 
<body class="wide">
<form name="countryform" action="languageSelected();">
    <select id="country-options" name="country-options">
        <option  selected="selected" value="">Pick a Website</option>
        <option title="index.jsp" value="fr">France</option>
        <option title="index.jsp" value="uk">United Kingdom</option>
        <option title="index.jsp" value="es">Espana</option>
        <option title="index.jsp" value="de">Germany</option>
    </select>
</form>
 
</body>

Merci d'avance.

[devyan]

Bonjour,

Extrait d'une solution :

Tu devrais faire ...

... et voilà ça fonctionne.

Si le clic sur #login_form ne fonctionne plus avec l'ajout d'un fichier script c'est que dans ce fichier quelque chose supprime la gestion de l'événement.
C'est tout ce que je peux dire avec les informations données.


devYan.