【Django】プルダウンではなくaタグのリンクで言語を変えたい

Question

現状・やりたいこと

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

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

コード

{% load i18n %}

{% get_current_language as LANGUAGE_CODE %}
{% get_available_languages as LANGUAGES %}


...


<form action="{% url 'set_language' %}" method="post">
    {% csrf_token %}
    <input name="next" type="hidden" value="{{ redirect_to }}" />
    <select name="language">
      {% 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>
      {% endfor %}
    </select>
    <input type="submit" value="Go" />
  </form>

Answer 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>

Comments

[inami_173]

ありがとうございます！大変参考になりました！！
国際化についてのドキュメントは読んだつもりでいましたが、しっかりと理解できていませんでした。
今後は言語仕様も読んだ上で質問しようと思います。

本当にありがとうございました。