问题标签 [shadowbox]
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.
javascript - 从 javascript 函数打开 Shadowbox
我正在尝试从 asp.net 网络表单上的单选按钮 onclick 事件中打开 Shadowbox,但没有成功。我最初使用按钮单击打开它,效果很好,但现在需要确保它在选择单选按钮选项时发生。然后我尝试单击 javascript (button.click()) 中的按钮,但这仅适用于 IE 和较新版本的 firefox。所以我选择使用 Shadowbox.open,但它会引起一些问题。这是我的代码:
这似乎只是显示了覆盖,但没有打开其中的网页。有人知道我要去哪里错了吗?
loading - 使用 Shadowbox 时,如何保持“正在加载...” div 显示直到页面完全加载?
我正在使用 shadowbox 在单击链接时打开页面,并且在单击链接时确实会打开页面。
问题是“正在加载...”图标出现 1 秒钟然后消失,而我的页面需要大约 5 秒钟才能加载。
如何在页面完全加载并准备好之前保持“正在加载...” div?
非常感谢,
jquery - 是否存在有效的 jQuery Shadowbox 表单示例?
我有
在 onload 函数内部,我稍后调用 Shadowbox.open()。当然,我正在传递选项。无论如何,我的表单提交了整个页面并且未能返回 false 。
我一直在寻找一个实际的工作示例,说明如何处理已提交给 Shadowbox 的表单的表单提交。如果你能给我指出一个,那将是惊人的。
谢谢
c# - 想要在关闭 Shadowbox 后进行回发
我有一个网站,当用户点击一个小图标时,它使用Shadowbox-JS 调出设置页面。这些设置是为了让用户能够自定义他们在主应用程序中查看的内容的视图。
设置页面是一个完整(但紧凑)的 .aspx 页面,其中包含要应用的设置、更新到数据库、从数据库读取等的所有相关代码,因此这一切都是动态的。我想要的是在用户关闭影子框后进行回发,以便主页上的视图自动更新以反映他们的更改。
一旦用户在设置区域中按下“保存”,就会出现以下链接:
这基本上只是刷新了整个页面,当然,在这个过程中,影子盒已经不复存在了。这种方法效果很好,但问题是用户还可以选择通过单击阴影框外部来关闭阴影框。我需要在发生这种情况时捕获并在发生这种情况时导致回发(或页面刷新),以便在关闭 shadowbox 时始终应用什么设置。
onload - 启动 Shadowbox onload -- 如何让它加载页面?
我在一个链接上使用过 Shadowbox 很多次,并且知道 href 指示 Shadowbox 在框中加载什么页面,如下所示:
但是,我现在需要在用户进入页面后立即出现一个影子框。不是onclick,而是onload。
我正在使用以下代码:
来自http://www.shadowbox-js.com/usage.html
正如任何比我更了解 shadowbox 的人所意识到的那样……这会导致一个带有链接词“clicky”的黑色 shadowbox,当您单击时,父页面会指向该链接。
我很抱歉在这里问了这样一个基本问题,但我已经用谷歌搜索了几个小时并阅读了 shadow-js.com 上的一堆东西,但我没有找到打开 onload shadowbox 所需的语法链接。我试过添加这一行:
但也不是这样。我还阅读了一些关于 .setup 的信息,但并不完全了解如何使用它。如果有人可以为我指出正确的教程方向或解释一些很棒的代码。谢谢你。
javascript - 在 IE 中获取图像的“真实”宽度和高度
我目前正在构建一个站点并使用 Shadowbox JS 插件来显示图像。
因为我们通过 JSP 提供图像(而不是直接链接到图像文件),Shadowbox 似乎无法动态确定它们的宽度和高度,因此只能以屏幕大小的覆盖打开图像。
可以使用“rel”手动将宽度和高度传递给 shadowbox 插件,因此我使用以下代码解决了 FF/Chrome/Safari 的问题:
但是我在 IE 中找不到任何方法来做同样的事情。
javascript - 鼠标悬停显示 DIV
你最近在谷歌上搜索过吗?google 显示搜索后,如果您将鼠标放在搜索词上,google 会在右侧显示站点预览,并允许用户控制(关闭)DIV。
我如何实现该脚本?
谢谢
jquery - 使用 jCarouselLite 时阴影框中的图像编号错误
我的页面中有一个画廊,里面有很多图片。我正在使用 jCarouselLite 来显示所有这些图像。当我单击这些图像之一时,我想用 Shadowbox 显示它们。它工作正常。问题是由于 jCarouselLite,shadowbox 底部显示的图像数量增加了两倍。因此,我看到的不是“1 of 4”,而是“1 of 12”。有没有办法纠正这个数字?
提前致谢
jquery - JQuery '噢,快!在 Chrome 中但不会使任何其他浏览器崩溃
我在管理管理页面时遇到了一些困难,我经常在 Chrome 中看到“Aw Snap”。
我有一个“商品”管理页面,您可以在其中向网站添加新产品。
如果用户选择“T 恤”作为产品类型,则会出现一些新选项。即大小和颜色。
大小只是一个多选框,但单击“添加颜色”会初始化一个阴影框。
阴影框允许用户输入颜色名称并选择十六进制颜色(通过Wheel Color Picker插件)并上传代表图像(通过Uploadify)。在提交时,Uploadify 脚本会上传文件,然后在完成后脚本通过 JQuery AJAX 将其他颜色信息发送到数据库。
提交按钮脚本:
上传“完成时”:
AJAX 操作完成后,会显示一条反馈消息“完成”。
这段时间之后,JQuery 代码以编程方式关闭 shadowbox,并在父页面上创建一个小 div 来表示提交的颜色。
使用此方法可以添加多个。
获取颜色函数:
我的问题是,在上述功能期间,也许在关闭影子盒期间,我在 Chrome 中得到了一个 Aw Snap。上面颜色 div 的屏幕截图是使用 Safari 制作的,我从来没有遇到任何问题。
我有几个插件(shadowbox、wheel color picker、uploadify、jquery),所以这些插件的冲突会导致错误吗?
更新。
我刚刚设法在更多浏览器中对此进行了测试,这绝对是仅与 Chrome 相关的问题。
javascript - 使用 2 种方法从 iframe 内部关闭 Shadowbox
我已经搜索过类似的问题,但没有一种方法对我有用。
我有一个暗箱,点击后会打开:
这很好用,我的表单最适合这种方法(即我可以使用轻松关闭我的表单
问题.. 我有一个 ajax 在数据中的页面,我想为这些“未来”元素加载一个影子框,我想通过使用 jquery 委托函数来做到这一点。
问题是我无法使用上述“外部”加载的阴影框关闭使用委托方法打开的表单,
他们这样做是更好的方法吗?如何关闭使用委托方法加载的影子框。
编辑
我不断收到错误无法调用未定义的方法“关闭”。
编辑 2 很好,因为没有答案,我发现我可以使用:
要重定向到父窗口,虽然这不是我想要的,但它可能是某人的解决方案。