新しいウィンドウのサイズ

Question

この質問は何度も尋ねられていますが、正確には求めていません。このコードはウェブサイトのメニューバーに属しているので、私はこのコードを保存しなければなりません。さもなければ、デザインはまったく違うでしょう。 コード：

<li class="removable-parent"> 
<a class="removable-parent" href="http://88.88.209.56:12/player.html" data- 
link-type="EXTERNAL" target= "_blank"> 
<span id="4884dd90" class="preview-element Link item-link magic-circle- 
holder text-element custom" data-menu-name="PREVIEW_LINK" >Spiller</span> 
</a> 
<script> 
function clickHandler() { 
window.open(this.href, "_blank", "width=640,height=480"); 
return false; // to prevent default action. 
} document.getElementById("http://88.88.209.56:12/player.html").onclick=clickHandler 
    } 
</script> 
</li> 

それでは、どのように私はこのコードが決めたサイズでウィンドウを開くことを確認することができますか？

Answer 1

javascriptを使用する必要があります。

オブジェクトへの参照を取得し、clickイベントを処理します。この場合、window.openを適切なパラメータとともに使用して、ポップアップウィンドウの幅と高さを設定します。

元のイベントをキャンセルして、2つのポップアップで終わらないようにしてください。

のようなもの：スクリプトはそのように単純化されなければならない

<a class="removable-parent" id="myelement" href="http://88.88.209.56:12/player.html" data-link-type="EXTERNAL" target= "_blank"> 

：

<script> 
    function clickHandler() { 
     window.open(this.href, "_blank", "width=640,height=480"); 
     return false; // to prevent default action. 
    } 

    var elems = document.querySelectorAll(".removable-parent"); 
    for (var i = 0, elem; elem = elems[i]; ++i) { 
     elem.onclick = clickHandler; 
    } 
</script> 

それとも、あなたは一つのリンク上で、この動作を適用したい場合は、最初にあなたのリンクにid属性を追加しますその要素にのみ適用されます：

<script> 
    function clickHandler() { 
     window.open(this.href, "_blank", "width=640,height=480"); 
     return false; // to prevent default action. 
    } 
    document.getElementById("myelement").onclick = clickHandler; 
</script>