2013-02-14 47 views
5

這不是我們通常會做的事情,但我們嘗試將視頻加載到由clickTag打開的空白窗口中(從橫幅廣告中) - 並儘可能讓它感覺像一個模態窗口。在頁面加載時使用javascript(無jquery)自調整大小並居中放置頁面

是否可以使用JavaScript來自我調整由clickTag打開的空白窗口並將其居中在屏幕上?

  • 我們不能將任何東西被點擊這樣的鏈接...
  • 一切都有自我運行在頁面加載
  • 如果可能的話,這將是很好看不清瀏覽器選項卡和地址欄
  • 我們未加載jquery
  • 瀏覽器安全警報​​是否存在潛在問題?

本質上,用戶點擊觀看的視頻,我們希望他們觀看視頻,而無需他們感覺就像他們已經去到一個完全不同的網站。

到目前爲止,我可以調整窗口的大小,但無法弄清楚如何與居中:

<script language="javascript"> 

    function resizeVideoPage(){ 
    resizeTo(400,390); 
    window.focus(); 
    } 
</script> 

// Then... 

<body onload="resizeVideoPage();"></body> 

在正確的方向的任何指針將不勝感激。

乾杯

回答

5

我個人會建議對彈出窗口的使用Javascript窗口操作。 (由於Popup Blockers,Javascript錯誤,...)Overlay可能會更好。

這裏將是另一個解決方案。

一個文件(鏈接應指向這個助手,打開視頻HTML)

<html> 
<body> 
<script> 
    var windowWidth = 400; 
    var windowHeight = 200; 
    var xPos = (screen.width/2) - (windowWidth/2); 
    var yPos = (screen.height/2) - (windowHeight/2); 
    window.open("popup.html","POPUP","width=" 
    + windowWidth+",height="+windowHeight +",left="+xPos+",top="+yPos); 
</script> 
</body> 
</html> 

文件中的兩個(視頻封閉助手)

<html> 
<body onload="window.opener.close();"> 
</body> 
</html> 
+0

感謝你的支持,但發佈商堅持從橫幅廣告中彈出一個窗口 - 我們無法控制鏈接代碼(Flash clickTag)或鏈接頁面上。您的JavaScript可以放置在我們從clickTag加載的頁面中並在頁面加載時運行嗎?乾杯 – CMSCSS 2013-02-14 05:28:53

+0

如果我明白你的意思,我會說它應該工作。這兩個腳本的主要思想是:AdLink打開「文件一」,「文件一」打開真實的彈出窗口(文件二)。彈出窗口關閉「File one」onload,只是離開廣告所在的頁面和Popup。跳它有助於 – 2013-02-14 15:25:07

+0

智能技巧+1 – 2013-09-25 12:59:36

9

得到它的工作:

<script language="javascript"> 

    function resizeVideoPage(){ 
    var width = 600; 
    var height = 400; 
    window.resizeTo(width, height); 
    window.moveTo(((screen.width - width)/2), ((screen.height - height)/2));  
    } 
</script> 

// Then... 

<body onload="resizeVideoPage();"></body> 
+1

你確定嗎?哪裏? – 2013-09-25 12:57:31

+0

好乾淨的方式來做到這一點。 我只是丟棄了 ''只是在關閉head標籤之後,它調整了窗口的尺寸很好 – Elena 2015-12-11 15:32:44

相關問題