Question

我尝试了大量搜索而没有运气而且我被卡住了所以我希望有人可以帮助我编写一个代码，如果用户点击网页上的相机Feed，它会在新窗口中打开该Feed更大的视图。

我的朋友是小型数据中心的经理，而DVR则设置为通过IP网页查看摄像头。问题是通过IP网页，您只能看到100px x100px的多个凸轮非常小，并且没有查看单个凸轮的选项。他可以以管理员身份登录并使用DVR的控制面板查看单个凸轮，但视图再次为100px x 100px。除非他在实际的DVR，然后他可以看到全屏而不是远程。他在服务器机柜中设置了50个摄像头，可以查看灯光和温度。如果没有在较大视图中使用摄像头，则很难在服务器上看到临时指示器。

作为一项测试，我创建了一个包含25行和2列表格的网页，以制作50个单元格。我从网页的源代码中复制了网络订阅源代码并将其粘贴到单元格中。然后我在源代码中添加了一个脚本，并给出了“IMG”600px x 600px。它工作和流式传输。看起来不错。现在，由于一个凸轮工作，我复制了其他49个凸轮的代码，只有少数凸轮将显示在600px x 600px以下，但所有凸轮将显示在100px x 100px以下。抓住我的头！

唯一想到的选择是在50个凸轮进给单元中的每个单元中都有一个onclick脚本，这样如果他点击该凸轮进给，它将复制该单元格中的代码，并打开一个新窗口。更大的观点。

有什么建议吗？

这是我放在每个单元格中的脚本。每个单元代码唯一改变的是摄像机编号。出于安全考虑，我将xxx用于摄像机IP地址。这不是我的公司所以我不能提供这些信息。

<center>
<img id="jpeg_3" width="600" height="600" class="auto-style5">
<span class="auto-style5">

<script type="text/javascript">
    var camera_2 = {
        addEvent: function(elem, event, func ){
            if (typeof (window.event) != 'undefined')
                {elem.attachEvent('on' + event, func);}
            else
                {elem.addEventListener(event, func, false);}
        },
        initCamera: function(jpeg, serverUrl, token, id, interval){
          this.addEvent(jpeg, 'load', function(){setTimeout(function() {camera_2.showJpegFrame(jpeg, serverUrl, token, id);}, interval);});
          this.showJpegFrame(jpeg, serverUrl, token, id);
        },
        showJpegFrame: function(jpeg, serverUrl, token, id){
            jpeg.src = serverUrl+"/Jpeg/"+id+"?authToken="+token+"&"+new Date().getTime();
        }
    }

camera_2.initCamera(jpeg_2, "http://xxx.xxx.xxx.xxx:8100", "27e4d1dd-058e-47a8-b768-ac8cd6cbe29a", 2, 40);
</script>

Answer 1

嗯，据我所知，你可以做的是为每个单元格设置一个onclick属性到一个window.open()函数，传递凸轮作为50个单元格中每个单元格的参数。但是，这是一个＆＃34;时间浪费＆＃34;，因此您可以使用document.getElementsByTagName()作为参数传递td来选择所有50个单元格。然后，您可以使用for循环来设置，如下所示：

// Locate cells using the DOM:
var cells = document.getElementsByTagName("td");

for(var i = 0; i < cells.length; i++) {
    cells[i].onclick = window.open(/* add link to cams */);
}

希望这有帮助！

在新窗口中打开凸轮流

1 个答案: