thomas hirt . visuelle kommunikation
Stop the clash of civilizations
Extension Comment, Email Benachrichtigung ohne Bestätigung des Kommentars
 
Dienstag, 26. Aug 2008

Mit Javascript ein Popup Fenster nach einem Seitenwechsel schließen

Meine Javascript Kenntnisse halten sich in Grenzen deswegen habe ich länger gebraucht um eine Lösung für dieses kleine Problem zu finden. Vielleicht auch für andere nicht ganz uninteressant?

Wenn man die Seite der Fotografin Julia Wesely besucht wird Musik abgespielt. Diese Musik sollte Seiten übergreifend, aber ohne Frames, abgespielt werden und bei einem Seitenwechsel nicht abreißen. Mit HTML nicht unbedingt leicht zu lösen, oder? Die einfachste Lösung ist es, das Musikstück in einem eigenen Fenster abzuspielen und dieses bei Bedarf via Javascript zu schließen.

Hier der Code für den Head Bereich der Seite:

<script type="text/javascript">
<!--
function openPopUp ()
  window.open("http://www.beispiel.at/beispiel.html","popUp","width=460,height=20);
   window.name = "popupOffen";
}
//-->
</script>

<script type="text/javascript">
<!--
function closePopUp () {
   window.open("","popUp").close();
   window.name = "";
}
//-->
</script>

Wichtig dabei ist "window.name". Mit diesem Tag erzeugt man eine eindeutige Referenz zum Popup-Fenster und kann es daher auch von einer anderen Seite aus schließen.

Im Bodyteil der Seite kommt folgender Code:

<a href="javascript:openPopUp()">open window</a> |$nbsp;<a href="javascript:closePopUp()">close window</a>

Natürlich muss es das Popup an der richtigen Adresse geben; in diesem Fall "beispiel.html".

 
 
Kommentar hinzufügen




*

 
 
kalender
August 2008
M D M D F S S
< Jul   Sep >
 01023
0456078910
11121314151617
18192021222324
25262728293031
 bücher   bugs   css   extensions   grafik   hardware   howto   humor   javascript   mac   musik   mysql   nachhaltigkeit   philosophie   phpmyadmin   privat   snippets   terminal   typo3   typoscript   weltfriede   wirtschaft