== Erläuterung ==
Damit der Aufruf mit aktiviertem und deaktiviertem JavaScript funktionieren kann formulieren wir erstmal einen normalen Link:
Dieser zeigt auf ein normales Iframe. Der target des Links muss dabei mit dem Namen des Iframe übereinstimmen:
Wir unterdrücken die Aktion nun indem wir ein return false einbauen. Keine Aktion passiert. Wir können jedoch mit JavaScript intervenieren und uns zum Beispiel das Ziel des Links ausgeben lassen.
Mit this referenzieren wir das Linkelement und alle Daten stehen uns zur Verfügung.
In unserer Funktion frameclick können wir nun also mit ref.target und ref.href auf die beiden benötigten Attribute zugreifen und das Ziel verändern.
== Code ==
Alles anzeigen
== Demo ==
demo.easy-coding.de/javascript/iframe-control/
Damit der Aufruf mit aktiviertem und deaktiviertem JavaScript funktionieren kann formulieren wir erstmal einen normalen Link:
Dieser zeigt auf ein normales Iframe. Der target des Links muss dabei mit dem Namen des Iframe übereinstimmen:
Wir unterdrücken die Aktion nun indem wir ein return false einbauen. Keine Aktion passiert. Wir können jedoch mit JavaScript intervenieren und uns zum Beispiel das Ziel des Links ausgeben lassen.
Mit this referenzieren wir das Linkelement und alle Daten stehen uns zur Verfügung.
In unserer Funktion frameclick können wir nun also mit ref.target und ref.href auf die beiden benötigten Attribute zugreifen und das Ziel verändern.
== Code ==
Quellcode
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
- "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
- <title>Iframe mit JavaScript steuern</title>
- <script type="text/javascript">
- function frameclick(ref) {
- var frameref = eval("parent."+ref.target);
- frameref.location.href = ref.href;
- return false;
- }
- </script>
- </head>
- <body>
- <h1>Iframe mit JavaScript steuern</h1>
- <p>
- <a href="site1.html" target="Fensterlein" onclick="return frameclick(this)"><b>seite 1</b></a>
- <a href="site2.html" target="Fensterlein" onclick="return frameclick(this)"><b>seite 2</b></a>
- </p>
- <iframe src="site1.html" name="Fensterlein">
- <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen</p>
- </iframe>
- </body>
- </html>
== Demo ==
demo.easy-coding.de/javascript/iframe-control/
10.523 mal gelesen