Neue Fenstergröße

Question

Ich weiß, dass diese Frage tonnenweise gestellt wurde, aber ich frage nicht genau das. Dieser Code gehört zur Menüleiste der Website, also muss ich diesen Code behalten, sonst wäre das Design völlig anders. Code:

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

So wie kann ich machen, dass dieser Code-Fenster in entschieden Größe öffnet?

Answer 1

Sie müssen Javascript verwenden.

Erhalten Sie einen Verweis auf Ihr Objekt und behandeln Sie das Klickereignis. Verwenden Sie in diesem Fall window.open mit den richtigen Parametern, um die Breite und Höhe Ihres Popup-Fensters festzulegen.

Stellen Sie sicher, dass Sie das ursprüngliche Ereignis stornieren, damit Sie nicht mit zwei Pop-ups enden.

Etwas wie:

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

Oder, wenn Sie dieses Verhalten auf einen Link bewerben möchten, zuerst ein id-Attribut zu Ihrem Link hinzu:

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

Das Skript dann so vereinfacht werden sollte es gilt nur für dieses Element:

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