Tag: popup

在jquery中弹出完整日历

我需要在jquery完整日历中创建一个弹出窗口（如谷歌日历中的气球弹出窗口）。 弹出窗口的任何最好的插件，显示为气球，还处理点击事件（我用来创建/编辑/删除弹出窗口中的事件）？

如何从第一个弹出窗口打开第二个jquery-mobile弹出窗口

使用jquery-mobile我试图在用户单击删除时从第一个弹出窗口打开第二个弹出窗口（确认）。 我在这里看到了一个与jsfiddle代码http://jsfiddle.net/EWQ6n/520/类似的线程： 在JQuery Mobile的Dialog中打开Dialog 但是，即使将此工作弹出代码复制并粘贴到我的jsfiddle中也行不通。 我正在使用jQuery 1.10.1和1.4.2移动版。 上面的线程中的工作jsfiddle使用1.9。 与移动1.30b.1 当我将我的jquery更改为旧版本时，它的工作原理。 （我知道，这似乎是简单的答案，但现在改变将搞乱其他代码依赖和样式。我想了解这个问题。） Contact Info Name: Number: OK Cancel Delete Delete Contact? Are you sure you want to delete # from your contacts? This action cannot be undone. OK Cancel 我也注意到在jsfiddle中，我的第一个弹出代码中的最后2个div是红色的。 （这是否意味着它们无效？）在我的编辑器中，它们看起来似乎是有效的HTML – 至少我找不到任何问题。 这是我的非工作jsfiddle： http ： //jsfiddle.net/gmdavis62/7AuNC/2/

页面加载后显示弹出窗口

我按照在线教程创建了一个jQuery弹出窗口。 我希望在页面加载后显示此弹出窗口/页面加载后出现+如何编码它就像它在页面加载5秒后出现一样。 由于我对jQuery的了解不足，我无法按照我的要求使其工作。 知道怎么做吗？ Javascript成为 function PopUp(){ document.getElementById(‘ac-wrapper’).style.display=”none”; } CSS- #ac-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.6); z-index: 1001; } #popup{ width: 555px; height: 375px; background: #FFFFFF; border: 5px solid #000; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; box-shadow: #64686e 0px 0px 3px 3px; -moz-box-shadow: #64686e 0px 0px 3px […]

如何制作window.open弹出Modal？

我目前正在使用window.showModalDilog打开一个模式弹出窗口，该窗口不允许父窗口执行任何操作。 但在谷歌搜索中，我发现它不是标准方法，各种浏览器已停止支持此function。 事实上我在Opera中遇到了这个问题。 Opera给了我javascript错误并在那时停止执行。 在那次错误之后什么都不会发生。 所以，我只剩下一个选项，那就是window.open。 但我想禁用父窗口（同样在showModalDilog中）。 我尝试下面的代码来做到这一点： $(window).load(function() { window.opener.document.body.disabled=true; }); $(window).unload(function() { window.opener.document.body.disabled=false; }); 但我在这方面失败了。 可以任何人建议我的代码，以便我可以使window.open弹出Modal？ 希望我能很好地解释我的问题。 如果您需要更多信息，请询问我。 先感谢您…. 更新： 我想在弹出窗口中打开一个Url，然后在打开url后执行某些操作，包括提交表单。 我的代码打开一个弹出窗口： window.open(“https://www.picpixa.com/wp-content/plugins/create-own-object/plugin-google-drive/index.php”, “socialPopupWindow”, “location=no,width=600,height=600,scrollbars=yes,top=100,left=700,resizable = no”); 请帮我…. 更新1： 如果我只需点击多个按钮就可以打开一个弹出窗口，这对我也有帮助。 我的意思是如果我点击btn1弹出名为“temp”的应该打开。 但是当我点击btn2然后不再打开一个新的弹出“temp”将重新加载。 如果你能给我这个建议，它也可以帮助我解决80％的问题。

在jQuery PopUp中显示PDF

我想知道是否有人知道如何使用Fancybox / Lightbox等在jQuery中显示PDF？ 我试过没有成功！

弹出窗口阻塞，jquery window.open成功：AJAX？ 外面好的

任何人都可以帮助，我有一些jquery和chrome阻止我正在创建的弹出窗口。 经过一些调查后，在ajax调用的成功事件中， window.open似乎是一个问题。 这有什么办法吗？ 我的jquery ajax调用需要返回我需要打开的URL，所以我有点卡住了。 如果我将open.window放在ajax调用之外它可以工作，但是在内部（成功）它被阻止。 我认为这与CONTEXT有关，但我不确定…… 任何想法真的很感激…… 这是我有的： window.open(“https://www.myurl.com”); // OUTSIDE OF AJAX – no problems // with popup $.ajax({ type: “POST”, url: “MyService.aspx/ConstructUrl”, data: jsonData, contentType: “application/json; charset=utf-8”, dataType: “json”, success: function(msg) { // Normally loads msg.d that is the url that is returned from service but put static url in for […]

设置一个jQuery cookie只显示一次弹出窗口

我是jQuery的绝对新手。 我正在学习，但有一条圣诞节信息，我需要立即启动并运行。 我已将它们包含在页面的标题中： ` 然后使用jQuery弹出窗口跟随消息。 这里是： $(document).ready(function() { var id = ‘#dialog’; //Get the screen height and width var maskHeight = $(document).height(); var maskWidth = $(window).width(); //Set height and width to mask to fill up the whole screen $(‘#mask’).css({‘width’:maskWidth,’height’:maskHeight}); //transition effect $(‘#mask’).fadeIn(1000); $(‘#mask’).fadeTo(“slow”,0.7); //Get the window height and width var winH = $(window).height(); var winW […]

Rails 3.2模式弹出show动作

这个论坛上的所有问题似乎都没有解决我的具体需求。 基本上，我有一个“详细信息”按钮。 我希望它在点击时显示一个modal dialog，其中显示了从模型的show.html.erb中提取的信息。 我有一个book.rb模型。 在索引页面中我有： 通常单击此按钮会将我带到book / id页面，使用show动作。 但我不希望它离开页面，而是我想要一个可以关闭的模态弹出窗口。 我在这个论坛上尝试了相关主题的所有jquery和javascript代码，但似乎都没有。 大多数似乎只针对创建或自定义操作。 为了避免重复，我尝试了以下方法，其中没有一个有效： 这个： You could look at modal dialogs by www.jqueryui.com. Add jquery ui to your application. Put a hidden div (display:none) in your layout page. Your link should be an ajax link: true %> Your controller should accept ajax response: def show @event […]

Window.Open POST

我有一个链接，当点击我打开一个window.open窗口，如下所示。 window.open(“edit.jsp?clientId=” + clientId + “&eventId=” + eventId , ‘height=600,width=800,scrollbars=1,location:no,menubar:no,resizable=1,status:no,toolbar:no’); 我不希望参数传递到这里，而是我希望像post这样的人不能复制url。