Tutorial JavaScript Fenster laden

Ich habe hier 2 unterschiedliche JavaScripts verwendet.

Hier das JavaScript, das in die HTML des Layouts der Seite gehört. Bitte tragt die Größe des Fensters sowie die gewünschten Parameter ein und natürlich den korrekten relativen oder absoluten Pfad zur Seite ein.

> Layout oder Master-Rahmen markieren > Fenster Layout-Eigenschaften oder Master-Rahmen-Eigenschaften > Button HTML > Zwischen Head Tags

<script>
window.onload = function() {
   var fWidth  = 500;
   var fHeight = 300;
   var fLeft  = (screen.width  - fWidth) / 2;
   var fTop = (screen.height - fHeight) / 2;
   var param = 'width=' + fWidth + ', height=' + fHeight +
   ', top=' + fTop + ', left=' + fLeft +
   ', directories=no' +
   ', location=no' +
   ', menubar=no' +
   ', resizable=no' +
   ', scrollbars=yes' +
   ', toolbar=no';
   window.open('./PfadZurSeite/erfolgsseite.html','MeinFenster',param);
}
</script>

  • 2. JavaScript, das sich über einen Textlink als Popup öffnet (wird nicht von Popup-Sperre gesperrt)

Hier das JavaScript, das in die HTML des Layouts der Seite gehört. Bitte tragt die Größe des Fensters sowie die gewünschten Parameter ein.

> Layout oder Master-Rahmen markieren > Fenster Layout-Eigenschaften oder Master-Rahmen-Eigenschaften > Button HTML > Zwischen Head Tags

<script>
function fenster(url) {
   var fWidth  = 500;
   var fHeight = 300;
   var fLeft  = (screen.width  - fWidth) / 2;
   var fTop = (screen.height - fHeight) / 2;
   var param = 'width=' + fWidth + ', height=' + fHeight +
   ', top=' + fTop + ', left=' + fLeft +
   ', directories=no' +
   ', location=no' +
   ', menubar=no' +
   ', resizable=no' +
   ', scrollbars=yes' +
   ', toolbar=no';
   var fWin=window.open(url,'x', param);
   if (window.focus) fWin.focus();
}
</script>

Schreibt Euren Text für den Link und verlinkt diesen über den Button “Link” ...

Link

... wählt als Link > “javascript

Tragt die oben definierte JavaScript-Funktion “fenster” ein und fügt den Pfad und die aufzurufende Seite, wie unten als Beispiel zu sehen, ein:

fenster('../Erfolgsseite/erfolgsseite.html')

Linkfenster

Guckt Euch auch diese jQuery-Box an, die sich (unabhängig von einer Popup-Sperre) immer öffnen wird sowie auch diese Lytebox-Variante.

Viel Spaß!

Tutorials von Thomas Frei-Herrmann

diese Seite weiter empfehlen


Counter Statistik