• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

iframe einbinden

A

Atlanos

Neues Mitglied
Hallo, bin bei Alter aber noch nicht seniel oder beklopppptt,
aber,

das ist mein 'iframes'
in der Seite .../index2.html im <Body>

<iframe src="http://www.ellange.eu/buch/index2.html" style="border:0px #FFFFFF none;" name="myiframe" scrolling="auto" frameborder="1" align=aus marginheight="0px" marginwidth="0px" height="400" width="600"></iframe>

das will ich 'Hier' einbinden unter dem link Bilder auch auf der Seite 'index2.html', dass im neuen Fenster dieser Code ausgeführt wird:

http://www.ellange.eu/buch/lightbox3/lightbox3.html

<li><a href="http://www.ellange.eu/buch/lightbox3/lightbox3.html"target="_blank">Bilder</a></li>

was mache ich falsch, dass das 'ifram' immer sofort oben beim Start von index2.html erscheint

ganzer Code unter: http://www.ellange.eu/buch/index2.html

Jedem mein Dank für ne Hilfe....
 
Zuletzt bearbeitet:
Werbung:
ich weis nit ob es schon zu spät ist für mich aber ich raff nit was du meinst. wo ist 'hier'?
das iframe das du da gebaut hast ist 600px breit und 400 px hoch und sollte als inhalt die index2.html zeigen. würde es vermutlich auch tun wenn es nicht auskommentiert wäre im quellcode.

würde dir gerne helfen verstehe die frage aber nit wirklich :).
 
ich hab mir die Seite eben angesehen. Mir geht es genau wie "noxTo". Worauf willst du hinaus ? Welche Bilder willst du einbinden. Und was geht nicht.
 
Werbung:
Also,
ich will , ÜBER die Hauptseite 'index2.html' wo der Text 'Bilder' drin steht,ein link erstellen dass ein 2tes Fenster ,durchsichtig, erscheint,in der groesse 605 pixel hoch und 730 pixel breit.
ABER ÜBER DER INDEX2.HTML Seite, also als zweite Seite sichtbar.
'' Das ist Momentan mein link, aber falsch, ?? <li><a href="http://www.ellange.eu/buch/lightbox3/lightbox3.html"target="_blank">Bilder</a></li>
In dem Fenster soll die Seite 'http://www.ellange.eu/buch/lightbox3/lightbox3.html' sich Oeffnen und auch mit einem Button wieder schliessen.
Also sozusagen, wie eine 'Alert-box' nur eben ausführbar.
ich krieg das einfach nicht hin, liegst am CSS oder bin doch Verkalkt dass meine grauen Zellen nicht mehr so wollen wie ich
 
Die Lightbox kann nur Bilder öffnen, keine HTML-Dateien. Wenn Du HTML-Dateien in einem Flyout laden willst, schau dir Greybox oder Fancybox an.
 
Werbung:
Hallo,

da ein iFrame ebenso gehandhabt wird wie ein normales Frame, kann man es durch Links mit target="<Name des iframes>" ansteuern. Dazu muss im iFrame dann ein Name vermerkt werden.

HTML: 
<a href="pfannkuchen.html" title="Pfannkuchen" target="meinFrame">Pfannkuchen</a>

<iframe ... **iframe attribute** name="meinFrame"></iframe>


Somit wird die pfannkuchen.html in das iFrame geladen, sobald man auf den Link klickt. Wenn du in deinem iFrame noch src="http://www.irgendwas.de" verwendest, wird diese Seite als erstes geladen und angezeigt.


lascaux



edit: herrjeh ist das peinlich .. 2 Posts in einem Beitrag ... ähm ja, aber somit hätte ich das gesagt, was zu dem Thema passt :-) Tut mir leid
 
also, ich beschreibe die Sache mal anders.
ich will, in der Hauptseite 'index2.html' einen Text 'Bilder' verlinken, so dass eine neue Seite ( Nennen wir sie 'Fotos' ) mit der groesse 600*700pixs, in der mitte des Bilschirmes sich oeffnet, aber so dass die Hauptseite 'index2.html' sichtbar bleibt.
beispiel: SELFHTML: HTML/XHTML / Frames / Eingebettete Frames
nur hier bleibt die indexseite nicht sichtbar !!!!!
aber ich kann die darin befindlichen links ansteuern!!!!
Mehr will ich nicht
HILFE........
Sorry, wenn ich mich so schlecht Ausdrücke, aber.....
kann ich dass ganze villeicht durch div-container lösen.....?
hab da was gelesen bei Google
meine seite funzt, aber nur mit den blöden Fenstern. schaut mal.: www.ellange.eu/buch/index2.html
wenn ich da 'Bilder' anklicke geht ein neues ,separates, Fenster auf.
und das will ich eben über dem index2.html ( durchsichtig) einblenden und meine Fotos aufrufen
Sorry wenn ich Nerve, aber Ihr seit meine letzte Hoffnung.

bei greybox funzt gb_page nicht !!!!!!
 
Zuletzt bearbeitet:
Werbung:
Werbung:
Ich bin mir nicht sicher, ob ich dort das selbe sehe wie Du. Bei mir wird unten in der Seite ein iframe angezeigt. Dieses liegt aber nicht, wie Du immer wieder geschrieben hast, über der Seite. Wenn Du es so haben willst wie dort, musst Du nur ein iframe einbinden - mehr nicht.

HTML: 
<iframe src="http://www.example.com"></iframe>

Und es per CSS noch in Höhe und Breite anpassen.
 
Das sehe ich nur, wenn ich meinen Werbeblocker deaktiviere.

Und das was ich dann sehe ist weder iframe, noch Lightbox, noch Greybox.

Dabei handelt es sich einfach um ein HTML-Element mit beliebigen Inhalten, welches per JavaScript beim Aufruf der Seite eingeblendet wird. Im einfachsten Fall also z.B. so etwas, geht auch ohne JavaScript zum Einblenden (nur beispielhaft):

HTML
HTML: 
[..]<body>
 <div id="content"><p>Hier der normale Inhalt der Seite, welcher dann überblendet wird.</p></div>
 <div id="flyout_bg"></div>
 <div id="flyout_content"><p>Hier der Inhalt des Flyouts, welches sich über die Seite legt.</p></div>
</body>

CSS
Code: 
#flyout_bg {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #000;
 z-index: 100;
}

#flyout_content {
 position: absolute;
 top: 50%;
 left: 50%;
 width: 500px;
 height: 240px;
 margin: -250px 0 0 -120px;
 z-index: 1000;
}

Hinweis: In #flyout_content kann man natürlich, wenn man es will, dann auch einen transparenten Hintergrund als Grafik einfügen.

Um das wieder auszublenden, braucht man eine einfache JavaScript-Funktion die man an einen Link oder so hängt der zum Schließen dient.

HTML: 
<a href="#" onclick="document.getElementById('flyout_content').style.display='none';document.getElementById('flyout_bg').style.display='none';return false;">schließen</a>

So etwas gibt es sicherlich auch als fertiges Script, in jedem Fall muss man aber den Style (CSS) an die eigenen Wünsche anpassen. Mit meinem Beispiel hier hat man eine gute Grundlage um das auch selbst zu schaffen.
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben