django 弹出对话框答案

【问题标题】：django forms as a pop up dialoguedjango 弹出对话框
【发布时间】：2015-09-17 14:11:39
【问题描述】：

我刚刚使用以下文档创建了一个 django 表单：https://docs.djangoproject.com/en/1.8/topics/forms/

我的 Forms.py 是这样的：

from django import forms

class NameForm(forms.Form):
    your_name = forms.CharField(label='Your name', max_length=100)

我的 Html 模板与此类似（来自 django doc）：

<dialog id="addForm">
    <form action="{% url "listing" %}" method="post" >
    {% csrf_token %}
    {{ form }}

    <input id="task_submit" type="submit" value="Submit"/>
    </form>
</dialog>

<button onlick="PopUp()">Add Listing </button>

<script>

function PopUp(){
    document.getElementByID("addForm").showModal();
}

</script>

但是，当用户单击一个名为“添加任务”的按钮时，我希望我的表单是一个弹出对话框。在用户单击名为“添加任务”的按钮之前，我不希望表单显示。到目前为止，在使用 Django Forms 时，我还没有找到任何方法。

问题：当用户单击按钮时，如何实现弹出对话框以显示我当前的 django 表单？

【问题讨论】：

那是因为您需要将表单放入模态
您的实际问题是什么？
@Brandon 问题：当用户单击按钮时，如何实现弹出对话框以显示我当前的 django 表单？
你在使用像 Zurb Foundation 的 Twitter Bootstrap 这样的表示层框架吗？
使用 Django 没关系。尝试搜索“javascript modal”以获得一些想法，然后将您的表单放入这样的模态中。

标签： javascript jquery python html django

【解决方案1】：

在这里找到了我正在寻找的解决方案：

http://blog.raventools.com/create-a-modal-dialog-using-css-and-javascript/

【讨论】：