Tag: iframe

Colorbox iframe – 仅加载特定div

我正在使用wordpress和jquery colorbox插件，我正在从我的网站加载内部页面到iframe。 我想要只加载一个特定的div ID，或者隐藏特定的div ID或类。 我从iFrame上读过Colorbox Load Specific div，但不幸的是我无法使这段代码工作，整个页面继续显示在iframe中。 我的链接用类.colorbox-link标识，我试图只在iframe中显示#main的div。 这是我在header.php中放置的当前代码： $(window).load(function () { var $iframe = $(“.colorbox-link”); $(“.colorbox-link”).colorbox({ href: $(“.colorbox-link”).attr(‘href’) + ” #main”, }); }); 对不起，如果这是一个jquery新手问题 – 提前感谢任何帮助！

访问iframe中的javascript ckeditor对象

假设我有一个带有iframe的页面，并且在iframe中我有一个ckeditor实例，我想从包含页面中销毁它。 我通常会尝试这样的事情： var iframe_document = document.getElementById(“iframe_id”).contentWindow.document; for(var i in iframe_document.CKEDITOR.instances) iframe_document.CKEDITOR.instances[i].destroy(); 但是，似乎无法以这种方式访问​​ckeditor实例。 是否有可能从文档外部销毁类似于此的实例？ 澄清确切的错误是“无法读取未定义的属性’实例’”

在Jquery独立工作div

我正在尝试创建一个独立工作的div，其中包含一个表单。 我使用jquery来计算产品的价格，具体取决于用户在表单中的选择。 但是，用户可以在他的“购物车”中添加多个项目，以便将表单复制到另一个div。 问题是计算模式不能将这两个div分开，计算结果不正确。 表单也是交互式的，因此它将由用户的输入生成。 这是非常复杂的设置，并且通过’产品编号’重命名每个变量对我来说听起来不是很有效。 我有点卡在这里，我真的不知道如何解决这个问题。 我有一个想法，如果我把一个iframe放在div里面并加载我的表单及其计算脚本，然后使用post命令将产品的价格转移到’主页’来计算总价用户想要的所有产品。 然而，似乎jQuery脚本在这些iframe中不能独立工作，它们仍然具有连接，因此它们相互破坏。 我会感谢任何建议，并帮助解决这个问题，谢谢！ 这是迄今为止的代码 inheritance人身体 var productNumber = 1; Add new product 添加新项目 $(‘#newProduct’).click(function () { $(”) .appendTo(‘#div_structure’) .html(‘Product ‘+productNumber +’ ‘+ ‘Remove’); $(”).appendTo(‘#product’+productNumber+”); $(”).appendTo(‘#div_product’+productNumber+”); productNumber++; }); 它还有一个允许用户删除插入的div的function。 这里只是productform的几行 $(document).ready(function() { $(‘#productCalculation’).change(function () { shape = $(‘input[name=productShape]:checked’, ‘#productCalculation’).val(); alert(shape); }); }); Select the shape of the product R1 […]

如何在iFrame body标签上设置jQuery data（）并从iFrame中检索它？

我试图在我创建的iFrame上设置data() 。 这就是我正在做的事情： // options > my configuration object // options.src = eg “path/foo.html” // options.id = uuid // options.parent = $(elem) // options.param = JSON object newHTML = document.createElement(“iframe”); newHTML.setAttribute(“src”, options.src); newHTML.setAttribute(“frameborder”, 0); newHTML.setAttribute(“seamless”, “seamless”); newHTML.setAttribute(“data-id”, options.id); newParentElement = options.parent.parent()[0]; options.parent.replaceWith( newHTML ); // select newRootElement = newParentElement.querySelectorAll( ‘[data-id=”‘+options.id+'”]’ ); // add configuration $( […]

具有i-frame跨域的Fancybox，部分使用Explorer10兼容模式呈现

打开fancybox i-frame的网站，在i-frame中有一个aspx -ajax页面的其他域。 只有IE10处于兼容模式（其他浏览器没有问题），页面只是部分渲染，当我点击一个按钮（例子来改变包的颜色）时，页面被正确渲染。 首次呈现： 点击橙色后： 更新： 1）在单独的i-frame（没有fancybox）上，页面完美运行。 2）这不是跨域问题，我的电脑上也存在问题。

如何在页面重新加载后跟踪哪些按钮被按下？

我是Javascript和JQuery的新手。 在搜索互联网寻求解决方案后，我决定发布这个问题。 问题：当用户点击iframe中的链接时，它会更新父级的进度条，只会触发一次。 但是，当用户转到另一个页面并返回时，iframe中的页面将被重新加载，javascript也是如此，这意味着可以再次更新该按钮的进度条，这是我不想要的。 在重新加载和禁用该function后，有没有办法跟踪哪些元素被点击？ URL参数？ iframe中的HTML： positioning comparisons iframe页面中的Javascript： $(‘#sidenav ul li a’).one(‘click’, window.parent.updateBar);

搜索单词并为其着色

我试图在iframe中搜索一个单词并使用angularjs和jquery为它着色。 对于jquery代码，我从@andrew stackoverflow获得了帮助。 在Jquery代码中，如果条件存在，控制器不会进入条件。 请帮我解决问题。 这是我的完整代码，其中包含角度代码和jquery代码。 Angular代码工作得很好，在控制台中我能够看到所有的控制台，首先我解析数组并只取出在jquery中搜索所需的字符串。 之后，我使用该搜索词在iframe中搜索。 但是我遇到了jquery代码的一些问题。 Sample var myApp = angular.module(‘app’, []); myApp.controller(‘ToddlerCtrl’, function($scope) { // Define an array of Toddler objects $scope.toddlers = [ [100, [“sample”]], [100, [“used”]], [100, [“tag”]], [33.33333333333334, [“file”]] ]; for (var key in $scope.toddlers) { if ($scope.toddlers.hasOwnProperty(key)) { var temp = JSON.stringify($scope.toddlers[key][1]) var final_string = temp.slice(2, -2); […]

在Iframe中使用Jquery Fancybox自动高度？

我正在使用Fancybox iframe表单。 表格高度350px完成后，结果只有两行。 任何人都可以告诉我如何为窗口制作自动高度 我的javascript代码是 $(document).ready(function() { $(“#send_friend”).fancybox({ ‘width’ : 310, ‘height’ : 350, ‘autoScale’ : false, ‘transitionIn’ : ‘none’, ‘transitionOut’ : ‘none’, ‘type’ : ‘iframe’, ‘showCloseButton’ :false, ‘padding’ : 0, ‘margin’ : 0, ‘transitionIn’ : ‘elastic’, ‘transitionOut’ : ‘elastic’, ‘overlayOpacity’:’0.3′, }); }); 提前致谢

在不同的主机上读取cookie

我有两个网站 – 都是我的项目。 在第二站，我需要检查用户是否在站点1登录。 我想这样做我应该创建一个脚本，将cookie放入iframe的主体，然后读取站点2上的iframe内容。 但我不能。 这是我为测试目的而制作的代码： http://jsbin.com/oqaza/edit 我收到一个错误，说： “从获取属性HTMLDocument.nodeType的权限被拒绝。”

在iframe中插入div元素

我试图在iframe中插入一个div元素，我希望最终应用一个完美的滚动条。 截至目前，我已经能够在div中插入iframe并为其应用完美的滚动条。 有任何想法吗？ 我的代码如下： perfect-scrollbar #Sidebar { position:relative; margin:0px auto; padding:0px; width: 230px; height: 463px; overflow: hidden; } #iframe { position: relative; } $(function() { Ps.initialize(document.getElementById(‘Sidebar’)); $(‘#iframe’) .contents().find(‘body’) .append(‘ Left Admin Panel ‘) }); 我试图在iframe中作为div插入的部分如下： < MyOGI APPLICATIONS GLOBAL APPLICATIONS