2016-06-08 18 views
0

Das macht mich verrückt. Ich bin ein Copy/Paste Typ von Typ (!) Also bitte sei sanft.Kann zentriertes Popup nicht zur Arbeit kommen

Zuvor habe ich this solution (Stack link) verwendet, um ein zentriertes Popup zu erstellen, das perfekt funktioniert hat (auf der internen CMS-Site), aber aus irgendeinem Grund kann ich es nicht auf einer neuen Site (nicht auf das CMS).

Ich weiß, ich vermisse etwas, aber ich kann nicht sehen, was es ist !!

HTML:

<a class="twitter" href="https://twitter.com" onclick="PopupCenter(this.href,'myWindow','550','550');return false" target="_blank">Center Popup</a> 

Javascript:

function PopupCenter(url, title, w, h) { 
    // Fixes dual-screen position       Most browsers  Firefox 
    var dualScreenLeft = window.screenLeft != undefined ? window.screenLeft : screen.left; 
    var dualScreenTop = window.screenTop != undefined ? window.screenTop : screen.top; 

    width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width; 
    height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height; 

    var left = ((width/2) - (w/2)) + dualScreenLeft; 
    var top = ((height/2) - (h/2)) + dualScreenTop; 
    var newWindow = window.open(url, title, 'scrollbars=yes, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left); 

    // Puts focus on the newWindow 
    if (window.focus) { 
     newWindow.focus(); 
    } 
} 

JSFiddle

Antwort

0
<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8"> 
     <title>Pop Up</title> 
     <script src="popup.js"></script> 
    </head> 

    <body> 
     <a class="twitter" href="https://twitter.com" onclick="PopupCenter(this.href,'myWindow','550','550');return false" target="_blank">Center Popup</a> 
    </body> 
</html> 
+0

Huh !? Ist es!!? Irgendwelche Ideen, warum es dann für mich nicht funktioniert? Dies ist der Link, den ich in der Abschnitt haben: Kungfauxn00b

+0

Nein das hat nichts mit Ihrer Funktion zu tun PopupCenter (URL, Titel, w, h) –

+0

Sie sollten eine HTML-Datei wie popup.html und eine JS-Datei als Popup haben .js, die Ihre Funktion enthält Dann in Ihrem popup.html um Ihrem HTML zu sagen, wo Sie Ihre Funktion finden können –

Verwandte Themen