web-dev-qa-db-ja.com

ページの読み込み時にjavascript(jqueryなし)を使用してウィンドウをセルフサイズ変更および中央揃え

これは通常行うことではありませんが、(バナー広告からの)clickTagによって開かれた空白のウィンドウにビデオをロードして、可能な限りモーダルウィンドウのように感じさせようとしています。

javascriptを使用して、clickTagによって開かれた空白のウィンドウのサイズを自分で変更し、画面の中央に配置することはできますか?

  • クリックされたリンクには何も適用できないので...
  • ページが読み込まれると、すべてが自己実行する必要があります
  • 可能であれば、ブラウザのタブとアドレスバーが表示されないようにするとよいでしょう。
  • Jqueryをロードしていません
  • ブラウザのセキュリティアラートは潜在的な問題ですか?

基本的に、ユーザーはクリックして動画を視聴します。まったく別のサイトにアクセスしたように感じずに動画を視聴してもらいたいのです。

これまでのところ、ウィンドウのサイズを変更することはできますが、ウィンドウを中央に配置する方法がわかりません。

<script language="javascript">

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

// Then...

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

正しい方向へのポインタをいただければ幸いです。

乾杯

ベン

5
CMSCSS

私は個人的にポップアップに対してJavascriptウィンドウの操作についてアドバイスしたいと思います。 (ポップアップブロッカー、Javascriptエラーなどのために...)オーバーレイの方がおそらく良いでしょう。

これが他の解決策です。

ファイル1(リンクはビデオ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>

ファイル2(ヘルパーを閉じるビデオ)

<html>
<body onload="window.opener.close();">
</body>
</html>
6
winner_joiner

動作するようになりました:

<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>
10
CMSCSS