Firewall on Demand

<div id="user_namechange_placeholder">

<script>

        $(document).ajaxSend(function(event, xhr, settings) {

    function getCookie(name) {

        var cookieValue = null;

        if (document.cookie && document.cookie != '') {

            var cookies = document.cookie.split(';');

            for (var i = 0; i < cookies.length; i++) {

                var cookie = jQuery.trim(cookies[i]);

                // Does this cookie string begin with the name we want?

                if (cookie.substring(0, name.length + 1) == (name + '=')) {

                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));

                    break;

                }

            }

        }

        return cookieValue;

    }

    function sameOrigin(url) {

        // url could be relative or scheme relative or absolute

        var host = document.location.host; // host + port

        var protocol = document.location.protocol;

        var sr_origin = '//' + host;

        var origin = protocol + sr_origin;

        // Allow absolute or scheme relative URLs to same origin

        return (url == origin || url.slice(0, origin.length + 1) == origin + '/') ||

            (url == sr_origin || url.slice(0, sr_origin.length + 1) == sr_origin + '/') ||

            // or any other URL that isn't scheme relative or absolute i.e relative.

            !(/^(\/\/|http:|https:).*/.test(url));

    }

    function safeMethod(method) {

        return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));

    }

    if (!safeMethod(settings.type) && sameOrigin(settings.url)) {

        xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken'));

    }

});

        $(function() {

        $('#change_name_btn').button();

        $('#change_name_btn').click(function() {

                        str = $('#change_name_form').serialize();

            $.ajax({

                type: "POST",

                url: "{% url name-change %}",

                data: str,

                success: function(response){

                        $("#user_namechange_placeholder").html(response);

                }

        });

    return false;

        });

        });

        </script>

        {% load i18n %}

<div><strong>{{user}}</strong>, {% trans "enter your first and last name" %}.</div> 

<div>{% trans "Your name" %}{% if changed %} {% trans "was successfully changed" %}{% endif %}: <strong>{% ifequal name|length 0 %}{% trans "we don't know your name yet" %}{% else %}{{name}}{% endifequal %}</strong></div>

<form method="POST" id="change_name_form">

{% csrf_token %}

        <table>

            {{ form.as_table }}

        </table>

<button id="change_name_btn">{% trans "Change" %}</button>

</form>

</div>