Javascript Django和使用模态窗口
我在Django创建了这个网站。在“for”循环中有许多项,打开模式窗口后,我需要删除所需项。 如何获取id帖子(在我的例子中是“获取帖子id”)并发送到模式窗口(div)。 但我需要让模态窗口不在循环中 谢谢 我的代码:Javascript Django和使用模态窗口,javascript,python,html,css,django,Javascript,Python,Html,Css,Django,我在Django创建了这个网站。在“for”循环中有许多项,打开模式窗口后,我需要删除所需项。 如何获取id帖子(在我的例子中是“获取帖子id”)并发送到模式窗口(div)。 但我需要让模态窗口不在循环中 谢谢 我的代码: <script> $(document).ready(function(){ $("#popup4").hide(); PopUpHide4(); }); function PopUpShow4(){ $("#popup4").show()
<script>
$(document).ready(function(){
$("#popup4").hide();
PopUpHide4();
});
function PopUpShow4(){
$("#popup4").show();
$(document).keyup(function(ev){
if(ev.keyCode == 27)
$("#popup4").hide();
});
}
function PopUpHide4(){
$("#popup4").hide();
}
</script>
$(文档).ready(函数(){
$(“#popup4”).hide();
PopUpHide4();
});
函数PopUpShow4(){
$(“#popup4”).show();
$(文档).keyup(功能(ev){
如果(ev.keyCode==27)
$(“#popup4”).hide();
});
}
函数PopUpHide4(){
$(“#popup4”).hide();
}
模态窗口:
<div class="b-popup" id="popup4" >
<div class="b-popup-content">
<form action="" method="post">{% csrf_token %}
<p><center><font color=#000000 size="5"><b>ADD</b></font></center></p>
<input id="id_post_request" value="2" type="hidden" maxlength="1" name="post_request" type="text">
<input id="id_get_post_id" value="{{ item.id }}" type="hidden" maxlength="9999" name="get_post_id" type="text">
<div class="photo" data-title="Remove"><input type="image" src="{{ STATIC_URL }}images/delete.png" border="0" width="17" height="17"></div>
<input type="button" value="Cancel" ONCLICK="window.location.href='/'" style="height:30px; width:80px" ></center>
</form>
</div>
</div>
<div class="b-popupdel" id="popup4" >
<div class="b-popup-contentdel">
<form action="" method="post">{% csrf_token %}
<p><center><font color=#000000 size="5"><b>Confirm Delete</b></font></center></p>
<input id="id_post_request" value="2" type="hidden" maxlength="1" name="post_request" type="text">
<center><p><font size="2">Are you sure you want to delete this post?</font></p></center>
<input id="id_get_post_id" id_get_post_id" type="hidden" maxlength="9999" name="get_post_id" type="text">
<center><input type="submit" value="Remove" style="height:30px; width:80px">
<input type="button" value="Cancel" ONCLICK="PopUpHide4()" style="height:30px; width:80px" ></center>
</form>
</div>
</div>
{%csrf_令牌%}
加
调用模式窗口:
<div id="b-container">
<a href="javascript:PopUpShow4()"><div class="photo" data-title="Remove"><input type="image" src="{{ STATIC_URL }}images/delete.png" border="0" width="17" height="17"></div></a>
</div>
<div style="width:5%; float:right;">
<div id="b-container">
<a href="javascript:PopUpShow4({{ item.id }})"><div class="photo" data-title="Remove"><input type="image" src="{{ STATIC_URL }}images/delete.png" border="0" width="17" height="17" ></div></a>
</div>
</div>
使用javascript将所需id传递给模式窗口。 在循环项目中是否有一些按钮用于选择项目?在循环项目中呈现项目id,将onclick事件绑定到按钮,并将项目id传递到模式窗口隐藏输入。谢谢帮助 我要做这件事 以下是代码,以防有人需要) 脚本:
<script>
function PopUpShow4(id){
document.getElementById('id_get_post_id').value=id;
$("#popup4").show();
$(document).keyup(function(ev){
if(ev.keyCode == 27)
$("#popup4").hide();
});
}
function PopUpHide4(){
$("#popup4").hide();
}
</script>
函数PopUpShow4(id){
document.getElementById('id\u get\u post\u id')。value=id;
$(“#popup4”).show();
$(文档).keyup(功能(ev){
如果(ev.keyCode==27)
$(“#popup4”).hide();
});
}
函数PopUpHide4(){
$(“#popup4”).hide();
}
模态窗口:
<div class="b-popup" id="popup4" >
<div class="b-popup-content">
<form action="" method="post">{% csrf_token %}
<p><center><font color=#000000 size="5"><b>ADD</b></font></center></p>
<input id="id_post_request" value="2" type="hidden" maxlength="1" name="post_request" type="text">
<input id="id_get_post_id" value="{{ item.id }}" type="hidden" maxlength="9999" name="get_post_id" type="text">
<div class="photo" data-title="Remove"><input type="image" src="{{ STATIC_URL }}images/delete.png" border="0" width="17" height="17"></div>
<input type="button" value="Cancel" ONCLICK="window.location.href='/'" style="height:30px; width:80px" ></center>
</form>
</div>
</div>
<div class="b-popupdel" id="popup4" >
<div class="b-popup-contentdel">
<form action="" method="post">{% csrf_token %}
<p><center><font color=#000000 size="5"><b>Confirm Delete</b></font></center></p>
<input id="id_post_request" value="2" type="hidden" maxlength="1" name="post_request" type="text">
<center><p><font size="2">Are you sure you want to delete this post?</font></p></center>
<input id="id_get_post_id" id_get_post_id" type="hidden" maxlength="9999" name="get_post_id" type="text">
<center><input type="submit" value="Remove" style="height:30px; width:80px">
<input type="button" value="Cancel" ONCLICK="PopUpHide4()" style="height:30px; width:80px" ></center>
</form>
</div>
</div>
{%csrf_令牌%}
确认删除
你确定要删除此帖子吗