SWF-Datei in Popup-Fenster einbinden

Webdesign & Technik Javascript
1

Hallo Forum,

wie kann man den ein Video (SWF-Format) in ein popup-Fenster laden.

hier ist mal ein Beispiel wie man es mit Image macht:

<script language="javascript" type="text/javascript">
<!-- // JavaScript-Bereich für ältere Browser auskommentieren
// Funktion öffnet ein JavaScript Bilder PopUp
// Der erste Parameter enthält die URL des anzuzeigenden Bildes
// Die beiden optionalen Parameter left und top geben absolute
// Koordinaten zur Darstellung des DIV-Elements vor. (linke, obere Ecke)
// Sie können als Strings samt Einheit (px, em, ...) angegeben werden.
function open_bilder_popup (url, left, top) {
  // Bild schon mal in einem Image-Objekt laden
  var bild = new Image ();
  bild.src = url;
  // Existiert schon ein Bilder PopUp?
  if (document.getElementById ('bilder_popup') &&
      document.getElementById ('bilder_popup_img'))
    // Dann soll dieses PopUp verwendet werden
    document.getElementById ('bilder_popup_img').src = url;
  else {
    // DIV-Element erzeugen und per Style entsprechend formatieren
    var popup = document.createElement ('div');
    popup.id = 'bilder_popup';
    // Positionierung des DIV-Elements
    // Wurden Angabe zur Positionierung gemacht?
    if (!left && !top) {
      // Es wurde keine Position angegeben!
      // Position wird auf vorgegebene Werte gesetzt
      // Beachten Sie: Fixed funktioniert beim IE erst ab Version 7
      // Alternativ kann die Positionierung
      popup.style.position = 'fixed';
      popup.style.left = '350px';
      popup.style.top = '50px';
    }
    else {
      // Position wird in absoluten Koordinaten gesetzt
      popup.style.position = 'absolute';
      popup.style.left = left;
      popup.style.top = top;
    }
    popup.style.backgroundColor = 'white';
    popup.style.padding = '0em 1em 1em 1em';
    popup.style.border = '1px solid black';
    // Link zum Schließen des PopUps einfügen
    var close = document.createElement ('a');
    close.appendChild (document.createTextNode ('schliessen'));
    close.href = 'javascript:close_bilder_popup ()';
    close.style.textAlign = 'right';
    close.style.display = 'block';
    popup.appendChild (close);
    // Jetzt folgt das eigentliche Bild in einem IMG-Tag
    var img = document.createElement ('img');
    img.id = 'bilder_popup_img';
    img.src = bild.src;
    popup.appendChild (img);
    // Und zum Schluß das DIV-Element in das HTML-Dokument einfügen
    document.getElementsByTagName ('body')[0].appendChild (popup);
  }
}

// Funktion zum Schließen eines zuvor geöffneten PopUp-Fensters
function close_bilder_popup () {
  // Verweis auf ein HTML-Element mit der ID bilder_popup ermitteln.
  var popup = document.getElementById ('bilder_popup');
  // Existiert überhaupt ein Element mit der ID bilder_popup?
  if (popup)
    // Dann kann dieses Element aus dem HTML-Dokumentenbaum
    // gelöscht werden.
    document.getElementsByTagName ('body')[0].removeChild (popup);
}
// -->
</script>

Nur will ich keine Bilder sondern Video abspielen. Oder vielleicht gibt es eine
besser/einfache Möglichkeit.

mfg.

2

Das ist kein Popup, das zeigt das ganze nur als Layer an :wink:

Die einfachere Möglichkeit existiert:

function swf_popup(url)
{
 fenster = window.open(url, "Popupfenster", "width=400,height=300,resizable=no");
 fenster.focus();
 return false;
}

die Funktion swf_popup öffent einfach ein neues Fenster und zeigt die angegebene URL darin an. Das könnte eine SWF-Datei oder eine HTML-Datei sein :wink:

3

Das sieht doch garnicht mal so schlecht aus - vielen dank!

Was nur blöd ist das sich das Hauptfenster (nicht das popup-Fenster) veraendert,
da steht z.B. nur noch false auf weisen hintergrund.

Bei dem Beispiel mit den Bildern funktioniert das nämlich, da ändert sich nix.

mff.

4

gib mal bitte einen Link zu deiner Seite :wink:

5


ollik.bplaced.net/videos.php


ollik.bplaced.net/galerie.php

bei der Bildergalerie funktioniert das mit dem popup wunderbar.

mfg.

6

nimm das onclick raus
Also nur href=javascript:swgf_popup(“xyz”)

7

keine Änderung :frowning:

8

du hast es auch nicht geändert :astonished:

9

sorry, aber jetzt ist es auf jedenfall aktiv, aber wie vorhin geschrieben gleicher effekt.

10

hmm… :ps:

mach das mal so:

function swf_popup(url)
{
  fenster = window.open(url, "Popupfenster", "width=400,height=300,resizable=no");
  fenster.focus();
  return false;
}
<a href="datei.swf" onclick="swf_popup('datei.swf')">Klick Mich</a>

ist meine Schuld…hab da nicht weit genug gedacht :wink:

11 
mach das mal so:

nee so funktioniert es irgendwie nicht.

Kann man das Beispiel mit den Bildern nicht umschreiben, sodaß keine Bilder
geladen werden, sondern das Video.

mfg

12 
<script language="javascript" type="text/javascript">
<!-- // JavaScript-Bereich für ältere Browser auskommentieren
// Funktion öffnet ein JavaScript Bilder PopUp
// Der erste Parameter enthält die URL des anzuzeigenden Bildes
// Die beiden optionalen Parameter left und top geben absolute
// Koordinaten zur Darstellung des DIV-Elements vor. (linke, obere Ecke)
// Sie können als Strings samt Einheit (px, em, ...) angegeben werden.
function open_bilder_popup (url, left, top) {
  // Bild schon mal in einem Image-Objekt laden
  var bild = new Image ();
  bild.src = url;
  // Existiert schon ein Bilder PopUp?
  if (document.getElementById ('bilder_popup') &&
      document.getElementById ('bilder_popup_img'))
    // Dann soll dieses PopUp verwendet werden
    document.getElementById ('bilder_popup_img').src = url;
  else {
    // DIV-Element erzeugen und per Style entsprechend formatieren
    var popup = document.createElement ('div');
    popup.id = 'bilder_popup';
    // Positionierung des DIV-Elements
    // Wurden Angabe zur Positionierung gemacht?
    if (!left && !top) {
      // Es wurde keine Position angegeben!
      // Position wird auf vorgegebene Werte gesetzt
      // Beachten Sie: Fixed funktioniert beim IE erst ab Version 7
      // Alternativ kann die Positionierung
      popup.style.position = 'fixed';
      popup.style.left = '350px';
      popup.style.top = '50px';
    }
    else {
      // Position wird in absoluten Koordinaten gesetzt
      popup.style.position = 'absolute';
      popup.style.left = left;
      popup.style.top = top;
    }
    popup.style.backgroundColor = 'white';
    popup.style.padding = '0em 1em 1em 1em';
    popup.style.border = '1px solid black';
    // Link zum Schließen des PopUps einfügen
    var close = document.createElement ('a');
    close.appendChild (document.createTextNode ('schliessen'));
    close.href = 'javascript:close_bilder_popup ()';
    close.style.textAlign = 'right';
    close.style.display = 'block';
    popup.appendChild (close);
    // Jetzt folgt das eigentliche Bild in einem IMG-Tag
    var img = document.createElement ('embed');
    img.id = 'bilder_popup_img';
    img.src = bild.src;
    img.height = 300; //Höhe
    img.width = 400;  /Breite
    popup.appendChild (img);
    // Und zum Schluß das DIV-Element in das HTML-Dokument einfügen
    document.getElementsByTagName ('body')[0].appendChild (popup);
  }
}

// Funktion zum Schließen eines zuvor geöffneten PopUp-Fensters
function close_bilder_popup () {
  // Verweis auf ein HTML-Element mit der ID bilder_popup ermitteln.
  var popup = document.getElementById ('bilder_popup');
  // Existiert überhaupt ein Element mit der ID bilder_popup?
  if (popup)
    // Dann kann dieses Element aus dem HTML-Dokumentenbaum
    // gelöscht werden.
    document.getElementsByTagName ('body')[0].removeChild (popup);
}
// -->
</script>

hmm… sollte gehen :ps: