问题标签 [nyromodal]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
802 浏览

sifr - 在 nyroModal 灯箱中使用 sIFR

我在 nyroModal 灯箱中弹出的页面中使用 sIFR,但是当页面显示时,没有显示 sIFR 对象。我需要做什么才能让他们展示?

0 投票
1 回答
1221 浏览

jquery - jQuery nyroModal 与 ASP.NET 使用 Web 服务

我使用 jQuery nyroModal 插件已经有一段时间了,坦率地说,它是我迄今为止使用过的最好的模态插件之一!我希望很多其他人也使用过这个插件,因此我需要一些关于将它与 ASP.NET 一起使用的帮助。

然而,我在过去遇到了一个问题,并试图让它与 ASP.NET 服务器控件一起工作——基本上不能在模式中使用任何服务器控件,因为它创建了另一个表单标记,而且你显然知道,ASP。 NET 只允许一个表单标签。所以我决定改用标准的 HTML 控件,并使用 web-services/page-methods 调用服务器端代码(比如单击按钮)。这很好,但我不明白的是如何在模态中进行适当的回调,换句话说 - 单击按钮,模态缩小到默认大小并显示加载指示器,然后在 HTML 响应时放大已收到,并希望显示请求的状态(即成功失败

我刚刚开始学习 .NET 中的 Web 服务和回调,所以我绝不是专家。请有人对此有所了解并为我提供一个小的“hello world”示例吗?我将永远伟大!

感谢你!

0 投票
3 回答
5853 浏览

jquery - ASP.Net + jQuery + jQuery 验证插件 + UpdatePanel + nyroModal - 在每个字段上成功触发!

我有一个表单,其中包含用户用价格(数字)填充的输入字段列表。我已将他们的 css 类设置为“必需”和“数字”,以便 jQuery 验证插件相应地验证它们。所有这些都运行良好。当每个字段不是数字或缺少值等时会显示错误。

整个表单实际上位于 nyroModal(jQuery 插件)模型弹出窗口中。但这不重要,它只是一个 .aspx 网络表单。其中,我还使用了一个 UpdatePanel 并将所有内容都放入其中,因为我的表单本质上是一个 2 阶段过程。用户必须在表单的第一个“页面”上完成一些基本步骤。当验证并工作时,我只是在 UpdatePanel 中隐藏/显示一些元素,以向用户显示表单的下一个“页面”,即如上所述的所有价格文本框输入字段。

我使用 ImageButton 作为验证表单的触发点。默认情况下,如果您只保留 ImageButton 的原样,.Net 将触发回发,在我的情况下是 AJAX 回发,因为它全部发生在 UpdatePanel 中。这又是需要的。出于明显的原因,我不想要丑陋的完整回发。

经过大量阅读后,我需要一种在 javascript 中附加到 .Net 的 PageRequestManager 的方法,以便我可以根据 jQuery 是否成功验证表单来拦截 .Net 想要进行回发的时间。所以我的逻辑是:默认情况下,不允许回发,但是当 jQuery 成功验证表单时,设置一个变量表示现在允许回发,然后下次回发尝试发生时,它将通过。因此向用户显示成功。

这一切都运行得相当好,但还有一个最后一个问题。

jQuery 验证插件的 validate({success}) 选项似乎在每个单独的字段验证成功后被错误地触发,而不是整个表单。即,如果我在任何一个价格输入字段中输入一个数字,此成功选项将触发并将我的 cancelPostback 变量设置为 false,这反过来意味着表单现在提交,即使它尚未经过验证,只是因为一个字段是有效的。我本来希望这个 validate({success}) 选项只有在整个表单被验证后才会触发。

我是否错误地解释了这一点,实际上它在做它应该做的事情?如果是这样,我如何才能仅在验证整个表单时才将我的 cancelPostback 变量设置为 true?

非常感谢您提供任何见解或提醒。

我实现验证并拦截 .Net 回发事件的 jQuery 代码如下:

0 投票
3 回答
2281 浏览

jquery - jQuery nyromodal + ASP.Net + UpdatePanel/AJAX - endShowContent 不工作、闪烁、失去焦点

我在 ASP.Net 中使用 jQuery nyroModal 插件。我喜欢 nyroModal,总的来说它工作得很好。

但是我正在使用 endShowContent 回调将焦点设置到 nyromodal 完成加载后页面内容上的第一个文本输入元素。为了实现这一点,我在启动 nyromodal 弹出窗口的页面上有以下代码。

$(function() { $.fn.nyroModal.settings.endShowContent = function(elt, settings) { $('input:text:first', elt.content).focus(); }; });

我可以说出它的工作原理,因为当模式出现时,第一个文本字段确实会暂时获得焦点。但随后它会闪烁并再次失去焦点。就好像 nyromodal 决定它仍然没有完全加载,并且发生了其他事情将焦点移开。或者也许是 UpdatePanel 干扰?(我不知道为什么会这样)。在 nyromodal 的 endShowContent 调用发生之后,UpdatePanel 臃肿的自动生成的 AJAX JS 调用是否可能正在执行某些操作?

任何帮助或见解表示赞赏。

0 投票
2 回答
7231 浏览

jquery - ASP.Net UpdatePanel + Gridview + Hyperlinks + jQuery nyroModal 插件 - 整个新窗口打开,但我只想要一个模式

我有一个 UpdatePanel,里面有一个 GridView。

Gridview 有一个包含超链接的 TemplateColumn。

在页面的开头使用 jQuery,我将所有这些超链接设置为 nyroModal 模态超链接。也就是说,当您单击它们时,目标页面将加载到模式对话框中。这段代码是:

如果我删除了 UpdatePanel,那么上面的 nyromodal 代码可以很好地工作。但是有了 UpdatePanel,它会填充 nyroModal 调用,并在 Firefox 中将链接作为原始的全新窗口/标签打开。UpdatePanel 试图太聪明并启动回发等。

我是否必须在渲染时以某种方式注册每个按钮的 nyromodal 调用,或者告诉.Net/UpdatePanel“远离地狱”?我玩了一下 RegisterClientScriptBlock 等,但似乎无法让它开心。使用 .Net 服务器端代码注册客户端脚本似乎很麻烦。我觉得它很麻烦而且令人沮丧:)

非常感谢您的任何建议或见解。

0 投票
4 回答
2373 浏览

jquery - 嵌套的 ASP.Net 网络表单 + nyromodal:回发在模式关闭后消失

我有一个使用母版页模板的 ASP.Net 网页。

该页面有一个带有一些基本 AJAX 功能的 UpdatePanel(更改 DropDownList 的值,UpdatePanel 将刷新)。这一切都很好。

我还有一个链接会弹出一个 nyromodal 模态,在模态内部,加载了另一个 ASP.Net Web 表单。因为我希望这个页面本身有自己的功能,而不仅仅是一个静态页面等。它是一个“创建准确地说是新的”对话。因此它会创建一条新记录,然后当它关闭时,您将返回主“记录列表”页面等。

我正在使用以下 jQuery 代码来启动 nyromodal 调用。此代码还包括各种其他调整和设置,以使 nyromodal 与 ASP.Net 更兼容,因为这是我在 nyromodal 和 ASP.Net 之间面临并解决的第五次连续不兼容问题(课程:远离 ASP.Net)

这段代码运行良好(感谢 Brian),因为它解决了 ASP.Net 和 nyromodal 一起工作的其他几个问题。它甚至使用了 blocker:#aspnetForm 位来阻止 nyromodal 超出 ASP.Net 的名为 aspnetForm 的主要回发表单,这旨在解决几乎相同的问题

但..

我正在加载到我的模式中的网页也是一个 .Net 网络表单。所以它当然也有自己的内置回发aspnetForm。所以当模态出现并且我使用 FireBug 检查 DOM 结构时,我现在实际上有两个 ASP.Net 表单(嵌套)。而且因为 nyromodal 本质上只是一个 div(或几个 div),所以表单标签本质上是嵌套的。

所以我认为这是把事情搞砸了。它实际上完全使 IE7 崩溃(致命异常)。IE7 + FireFox:当我关闭对话框时,我的主 Web 表单将不再回发。我认为它对刚才出现的 2 个表单标签感到非常困惑。

能够使用 nyromodal 打开 ASP.Net Web 表单作为模态的内容应该是一个非常简单的要求。我确实将其归咎于 ASP.Net,因为它如此蹩脚并在每个页面中都放置了一个强制性的“表单”标签。如果我使用的是 PHP,我今天就不会遇到任何这些问题,但我坚持使用 ASP.Bloat 进行工作。

非常感谢任何想法或见解!:)

0 投票
1 回答
2013 浏览

jquery - jqmodal 和 nyromodal 不适用于 Jquery 1.3.2 和 Firefox 工具栏扩展

我一直在尝试使用将使用 jqModal 或 nyroModal 打开和关闭模式对话框的命令创建自己的 firefox 工具栏。在这两种情况下,打开对话框的行为都会导致错误,我找不到任何关于模式会中断的原因。

浏览器:Firefox 3.0.11 JQuery:v1.3.2 jqModal:r14 nyroModal:1.5.0

样本 XUL:`

`

示例 jqm.js 文件:` function jqmShowModal(e) { //loadPageHeadElements(); var body = $(content.document).find("BODY"); if(body.find("#jqmModal").length == 0) body.prepend("Hello jqModal!"); var jq = $("#jqmModal", content.document);

}

函数 nyroShowModal(e) {

}

功能扼流圈(e){警报(“扼流圈!”);} `

0 投票
2 回答
1094 浏览

javascript - 显示图像时如何关闭 NyroModal(灯箱)中的图像计数

当使用 NyroModal 显示图像时,它会在弹出窗口时自动显示 H1 标记中集合中有多少个图像计数,即“1/3”、“2/3”、“3/3”

有谁知道如何关闭它或操纵 h1 标签?

我也对 NyroModal 将 h1 标签自动定位在图像底部而不是默认(顶部)感兴趣。

插件位于:http: //nyromodal.nyrodev.com/

0 投票
2 回答
2360 浏览

jquery - 在 nyroModal 模式窗口中使用 ajax 验证和 javascript 提交

当我单击一个按钮时,我有一个表单 (signup.php) 在 nyroModal 窗口中弹出:

我想在提交表单之前使用某种形式的 AJAX 验证(例如,检查用户名是否已被使用)。

我想到了以下几点:当用户单击“提交”按钮时。它调用 javascript 函数onClick,将所需字段发送到 PHP 脚本,该脚本返回字段是否有效。然后,如果该字段无效,它会通知用户,但当该字段有效时,它会通过类似$('#formid').submit();. 理论上很容易。

问题是,当 nyroModel 从 URL 获取新表单并在 DOM 中创建一个包含内容的 div 时,Firefox 完全忽略了任何<script>标签。使用 Firebug,我可以看到它实际上获取了<script>带有响应的标签,但 Firefox 忽略了它们。另外,我无法在调用模型的页面上创建 jQuery 函数,因为创建文档时,DOM 中还不存在表单。

任何想法如何解决这个问题?

0 投票
3 回答
1431 浏览

javascript - jQuery 模态不显示