在新窗口中打開凸輪流

我嘗試了大量搜索，但沒有運氣，我卡住了，所以我希望有人可以幫助我編寫代碼，如果用戶單擊網頁單元格上的攝像頭源，它將打開該源在一個更大的視圖中的新窗口中。在新窗口中打開凸輪流

我的朋友是一個小型數據中心的經理，DVR的設置是通過IP網頁查看攝像機。問題是在IP網頁上，您只能看到100px x100px的多個凸輪非常小，並且沒有選項可以查看單個凸輪。他可以以管理員身份登錄並使用DVR的控制面板查看單個攝像頭，但視圖的大小再次爲100px x 100px。除非他在實際的DVR上，否則他可以看到全屏幕，但不能遠程觀看。他在服務器機櫃中安裝了50臺攝像機，用於查看燈光和臨時設備。如果沒有攝像頭大視圖，很難看到服務器上的溫度指示器。

作爲一個測試，我創建了一個表格25行和2列的網頁，使50個單元格。我從網頁的源代碼複製網絡訂閱源代碼並將其粘貼到單元格中。然後，我在源代碼中添加了一個腳本，並給出了「IMG」600px x 600px。它工作和流。看起來不錯。現在，因爲一個凸輪工作，我複製了其他49個凸輪的代碼，只有少數凸輪將顯示在600像素x 600像素以下，但所有凸輪都會顯示在100像素x 100像素以下。抓住我的頭！

是來心裏是有一個onclick腳本在每個50凸輪進細胞，唯一的選項，這樣如果他對凸輪進它複製點擊代碼，在細胞和打開一個新窗口一個更大的視圖。

有什麼建議嗎？

這是我放在每個單元格中的腳本。每個單元代碼唯一改變的是攝像機編號。出於安全考慮，我把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>

來源

2016-01-21 Digitalteck

沒有示例代碼我認爲沒有人可以幫助你。 – Akam

嘛，據我所知，你所能做的就是爲每一個細胞的onclick屬性的window.open()功能的攝像頭通過爲每個50個細胞的參數。但是，這是一個「浪費時間」，因此您可以使用DOM以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 */); 
}

希望這會有所幫助！

來源

2016-01-21 23:55:46

我在我的問題中添加了上面的代碼，因爲註釋部分僅限於字符數量。謝謝 – Digitalteck

那麼，它工作？ –

在新窗口中打開凸輪流

回答

相關問題