現状・やりたいこと

現在下に書かれているコードでプルダウンで言語を選び国際化をすることは出来ています。
しかし、プルダウンではなく「日本語」「English」などの文字にaタグでリンクを貼りたいと考えています。

英語でもググってみたのですが目的となる解答が得られませんでした。
どのようにしたら良いのかわかる方がいればよろしくお願いします。

コード

Python
1{% load i18n %}
2
3{% get_current_language as LANGUAGE_CODE %}
4{% get_available_languages as LANGUAGES %}
5
6
7...
8
9
10<form action="{% url 'set_language' %}" method="post">
11    {% csrf_token %}
12    <input name="next" type="hidden" value="{{ redirect_to }}" />
13    <select name="language">
14      {% get_language_info_list for LANGUAGES as languages %}
15      {% for language in languages %}
16        <option value="{{ language.code }}"{% if language.code == LANGUAGE_CODE %} selected="selected"{% endif %}>
17          {{ language.name_local }} ({{ language.code }})
18        </option>
19      {% endfor %}
20    </select>
21    <input type="submit" value="Go" />
22  </form>
23

行動規範の内容に同意します

回答1件

ベストアンサー

Django の set_language ビューはユーザが見るサイトコンテンツを変更させ得るため、 POST でしか言語の変更ができない仕様になっています。従って、単純に <a> タグを当該ビューにリンクさせても機能しません。

取り敢えず、見た目を <a> リンクにし、それをクリックすることでの言語切り替えを実現したいのならば、次のような形で JavaScript を用いて隠しフォームを送信させるコードを記述すればよいのではないでしょうか。

{% load i18n %}
{% get_current_language as LANGUAGE_CODE %}
{% get_available_languages as LANGUAGES %}
{% get_language_info_list for LANGUAGES as languages %}

<form id="language-changer" action="{% url 'set_language' %}" method="post" style="display: none;">
    {% csrf_token %}
    <input name="next" type="hidden" value="{{ redirect_to }}" />
    <input name="language" type="hidden" value="" />
</form>

<script type="text/javascript">
    function postLanguageChanger(code)
    {
        var form = document.getElementById('language-changer');

        form.language.value = code;
        form.submit();
    }
</script>

<ul>
    {% for language in languages %}
        <li>
            {% if language.code == LANGUAGE_CODE %}
                {{ language.name_local }}
            {% else %}
                <a href="#" onclick="postLanguageChanger('{{ language.code }}'); return false;">
                    {{ language.name_local }}
                </a>
            {% endif %}
        </li>
    {% endfor %}
</ul>

投稿2018/03/08 07:16