Tag: modal dialog

如何从服务器返回一个HTML模式目标视图?

我想在网站上有一个button,用bootstrap打开一个模式视图。 像这样: <button class="btn btn-primary btn-lg" id="modalButton" data-toggle="modal" data-target="#myModal"> Launch demo modal </button> 所以这个button是针对一个叫#myModal的视图。 我不想从客户端html加载#myModal视图, 而是想向服务器发出一个AJAX请求来获取#myModal视图,因为视图将根据用户是否是admin而不同,并且该variables驻留在服务器上。 所以请求会是这样的: $('#modalButton').click() -> var xmlhttp = new XMLHttpRequest(); xmlhttp.open("GET","/modalFeedback",true); xmlhttp.send(); 然后,/ modalfeedback路由应该检查用户是否是admin,并发回相应的#myModal视图。 我很困惑如何实现这一点, 更具体地说,如何从服务器返回#myModal视图,以便它正常打开。 如果有人能帮我一些伪代码,这将是非常有益的! UPDATE 我得到它与引导远程选项工作(见下面的答案),这里是我如何调用模态: a#uservoice_tab(data-toggle="modal", href="/modalFeedback.html", data-target="#myModal") img(src='/img/icon-idea.png') // You need to have #myModal element in the same place you have the button. Bootstrap injects the […]

玉模板中的节点validation

我对node.js非常陌生,并且在PHP方面有多年的经验,所以我对以下问题的思考可能会受到我支持的方式的影响。 我目前正在使用基础CSS设置节点,并使用它们的揭示模式窗口来显示我的大部分表单。 我想避免在提交时重新显示它们,而是在客户端validation它们。 基本的用户创build将有以下字段: 名称 电子邮件 密码 确认密码 形成我的基本validation我可以使用require来validationinput, input(type="text",name="user[email]",placeholder="@",required) 但是我也希望客户端在用户input之后检查邮件是否已经存在,以及密码是否正确。 我一直在阅读关于validation器模块的内容,但是从我阅读的文档中,我只理解如何在发布后validation值。 我也看到了表单模块,但不再保留,所以我宁愿避免它。 有人能指出我正确的方向吗?

JavaScript函数调用给出意想不到的奇怪结果。

我正在开发一个使用nodejs和socket.io的棋盘游戏 我有一个board.html文件,其中有一个板,聊天框和游戏统计。 该板有三层首先是板canvas( z-index:0 ),典当canvas( z-index:1 )和(最初隐藏, z-index:2 ) iframepopup一个模式,当有东西要显示用户。 我在board.html文件中添加了一个button[show card],并创build了一个只包含模式的modal.html文件。 每当用户点击button, showCard()函数被调用, modal.html文件被设置为popup模式的iframe。 在我的modal.html文件中,我有一个代码,如果用户在模态外单击,则会删除模态。 现在一切正常,现在我再次调用showCard()函数后,当用户在模态外单击时删除模式。 用户在模式外单击的代码。 window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; //Removes the modal, works! showCard(); //After this call the function is being called but somehow the modal is not showing up again. } }; 问题:我预计模态将被删除,并会再次显示。 […]