使用新的浏览器窗口控制/显示父窗口上的元素

时间:2018-07-14 01:58:01

标签: javascript jquery html

我对我从客户那里收到的问题有疑问。客户问我是否可以在同一浏览器中从两个不同的窗口控制元素(照片,链接和文本)。客户有一个项目,需要在两个监视器上显示。一个监视器用于显示,另一监视器用于控制。他们想从监视器A的主界面打开一个新窗口,将新窗口拖动到监视器B(它将包含图像和链接的缩略图)。当他们单击图像的缩略图或监视器B上显示的窗口上的链接时,图像的大版本或监视器A的主界面窗口上显示/显示的链接信息。我的客户要求这样做的原因,他们不希望观众看到他们与元素进行交互。长话短说,监视器A窗口将用于显示,监视器B窗口将用于控制。我希望这对某人有意义,并且这个概念是可能的。我喜欢使用javaScript / jQuery / HTML创建它。任何建议将不胜感激。预先谢谢你。

1 个答案:

答案 0 :(得分:0)

我找到了问题的答案。它发布在此处Stackoverflow。答案以“使用jQuery从子窗口加载到window.opener中的img”标题下发布。完美的作品!感谢所有审阅我的帖子的人,如果您需要执行我在原始帖子中写的相同的操作,则下面的代码即可完成。

$(document).ready(function(){
$('a').click(function (event){
    event.preventDefault();
    var linkID =$(this).attr("id");         
    var imgSrcVal = $('img', this).attr("src");

    if (location.href.indexOf("/") != 0) {
        var base = location.href.replace(/(.+)(\/)(.*)/, "$1");
        imgSrcVal = base + "/" + imgSrcVal;
    }

    window.opener.document.getElementById("id_1").src = imgSrcVal;
 });
});