Hallo zusammen,
gibt es eine Möglichkeit, das ich einen iframe (oder ähnliches) auf "klick" ein und ausblenden kann?
Ich möchte quasi einen "Veranstaltungskalender" auf klick ein und ausblenden lassen, damit ich es dem "User" überlasse, ob er den Kalender sehen möchte oder nicht.
Vielleicht kann man das auch mit einem cookie irgendwie "speichern"?
Schöne Grüße und vielen Dank!
Philipp
Seite 1 von 1
Iframe Per Hyperlink Einblenden
Anzeige
#2
geschrieben 07. Oktober 2009 - 10:39
Einfach um das iFrame ein div legen und das dann per onClick ein- und ausblenden lassen.
So in etwa sollte das funzen:
So in etwa sollte das funzen:
<p style="cursor: pointer;" onclick='document.getElementById("div1").style.display = (document.getElementById("div1").style.display == "none")?"block":"none";'>Klick mich</p> <div id="div1" style="display: none;"> <iframe name="iframe1"> Your browser does not support inline frames or is currently configured not to display inline frames. </iframe> </div>
#3
geschrieben 07. Oktober 2009 - 10:47
Wenn du ein Framework wie jQuery verwenden möchtet (zugegeben für eine simple Funktion etwas oversized), könntest du Einblendungen mit schönen Animationen verfeinern.
... <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $("div1").hide(); $("klick").click(function() { $("div1").fadeIn(); }); </script> </head> ... <a id="klick">IFrame einblenden</a> <div id="div1"> <iframe ... </div>
#4
geschrieben 07. Oktober 2009 - 11:29
DANKE!
Das funktioniert perfekt.
Wie kann ich es umdrehen? Dass es quasi als Default eingeblendet ist?
DANKE
Das funktioniert perfekt.
Wie kann ich es umdrehen? Dass es quasi als Default eingeblendet ist?
DANKE
#5
geschrieben 07. Oktober 2009 - 11:40
bei meinem machst du einfach aus
beim jQuery sollte man einfach nur die $("div1").hide(); Zeile ändern und aus "hide" "show" machen. Dafür allerdings keine Garantie
<div id="div1" style="display: none;">das hier
<div id="div1" style="display: block;">
beim jQuery sollte man einfach nur die $("div1").hide(); Zeile ändern und aus "hide" "show" machen. Dafür allerdings keine Garantie
Dieser Beitrag wurde von slurp bearbeitet: 07. Oktober 2009 - 11:44
#6
geschrieben 07. Oktober 2009 - 11:44
div ist ein Block Element, anstatt "display:inline" verwendest du lieber "display:block".
#7
geschrieben 07. Oktober 2009 - 11:45
sehr gut. danke fürs aufmerksam machen. ich merk grad, wie erkältet ich bin ^^
Dieser Beitrag wurde von slurp bearbeitet: 07. Oktober 2009 - 11:45
#8
geschrieben 08. Oktober 2009 - 07:43
Danke zusammen,
funktioniert einwandfrei...
Kann geschlossen werden
funktioniert einwandfrei...
Kann geschlossen werden
- ← Entwickler Für Browserspiel Gesucht
- Skript/Web-Programmierung
- Mysqli Execute() Mit Try Catch Abfangen →
Thema verteilen:
Seite 1 von 1