Replaced select/options by flag icons
authorveltr
Mon, 12 Mar 2012 17:15:03 +0100
changeset 148 9b8354e224fb
parent 147 04fc9f5b060c
child 149 e1bed43f3a1b
Replaced select/options by flag icons
web/hdalab/static/hdalab/css/facettes.css
web/hdalab/static/hdalab/img/flag_en.png
web/hdalab/static/hdalab/img/flag_fr.png
web/hdalab/templates/facettes.html
--- a/web/hdalab/static/hdalab/css/facettes.css	Mon Mar 12 15:21:38 2012 +0100
+++ b/web/hdalab/static/hdalab/css/facettes.css	Mon Mar 12 17:15:03 2012 +0100
@@ -1,3 +1,15 @@
+.langbutton {
+    width: 19px; height: 13px; margin: 2px; padding: 0; border: none; text-indent: -999px; background-position: 0 -26px; cursor: pointer;
+}
+
+.langbutton:hover {
+    background-position: 0 -13px;
+}
+
+.langbutton.selected {
+    background-position: 0 0; cursor: default;
+}
+
 .barrebloc {
     float: left; width: 473px; border: 1px solid #b0b0b0;
      background-image: url(../img/bgdhdalab.png); background-position: 0 -22px; background-repeat: repeat-x; cursor: pointer; cursor: hand;
Binary file web/hdalab/static/hdalab/img/flag_en.png has changed
Binary file web/hdalab/static/hdalab/img/flag_fr.png has changed
--- a/web/hdalab/templates/facettes.html	Mon Mar 12 15:21:38 2012 +0100
+++ b/web/hdalab/templates/facettes.html	Mon Mar 12 17:15:03 2012 +0100
@@ -46,12 +46,10 @@
                 <form action="{% url django.views.i18n.set_language %}" method="post" id="lang_form">
                 {% csrf_token %}
                     <!--input name="next" type="hidden" value="" /-->
-                    <select name="language" onchange="this.form.submit()">
                     {% get_language_info_list for LANGUAGES as languages %}
                     {% for language in languages %}
-                        <option value="{{ language.code }}" {% if language.code == LANGUAGE_CODE %}selected="selected"{% endif %}>{{ language.name_local }} ({{ language.code }})</option>
+                        <input type="submit" name="language" class="langbutton {% if language.code == LANGUAGE_CODE %}selected{% endif %}" style="background-image: url({{STATIC_URL}}hdalab/img/flag_{{ language.code }}.png)" value="{{ language.code }}" />
                     {% endfor %}
-                    </select>
                 </form>
             </div>
             <div id="apartager"><a href="#">{% trans "Partager la session" %}</a></div>