Facebox aus iFrame über ganze Seite legen @ tutorials.de: Tutorials, Forum & Hilfe

borsti87 · 20.04.09 17:21

Hallo,

ich möchte gerne eine auf jQuery basierende Facebox aus einem iFrame heraus öffnen, so das sich die Facebox über die ganze Seite legt und nicht nur über den iFrame.
Wie kann ich das lösen?

Gruß
Borsti87

Maik · 20.04.09 17:25

Hi,

vielleicht bist du mit iBox, LightWindow, oder Lytebox besser bedient, da hier der Aufruf aus einem iFrame heraus implementiert ist.

mfg Maik

borsti87 · 20.04.09 18:04

Hi Maik,

die Lytebox würde mir da schon ganz gut gefallen, doch wie bekomme ich es hin das sie sich in der Größe dem Inhalt der zu öffnenden HTML-Seite anpasst, wie es die Facebox macht?

Ergänzung:
wobei optisch gefällt mir die Facebox doch noch eine ganze Ecke besser!
Gibt es den da keine Möglichkeit die aus einem iFrame zu laden?

Mfg
borsti87

**Quaese** · 21.04.09 08:44

Hi,

binde das facebox-PlugIn in das Dokument ein, in das der iFrame eingebettet ist.

Im iFrame-Dokument rufst du die Methode facebox aus dem Hauptdokument auf.

Beispiel (Bild öffnen):

Code :

1	<button onclick="top.jQuery.facebox({image: 'bild.gif'}); return false;">show</button>

Die Möglichkeit AJAX-Inhalte zu öffnen findest du zu Beginn des facebox-JS unter "Usage".

Ciao
Quaese

borsti87 · 21.04.09 18:56

Zitat von Quaese

...
Im iFrame-Dokument rufst du die Methode facebox aus dem Hauptdokument auf.
...

Hi wie meinst du das mit der faxebox Methode im iFrame us dem Hauptdokument aufrufen?

Maik · 21.04.09 19:44

Hi,

Zitat von borsti87

Hi wie meinst du das mit der faxebox Methode im iFrame us dem Hauptdokument aufrufen?

So, wie Quaese es dir erläutert, und anhand seines Codebeispiels demonstriert hat

index.html (Hauptdokument)

HTML-Code:

<html>
<head>
<script src="jquery.js" type="text/javascript"></script>
<script src="facebox.js" type="text/javascript"></script>
<link href="facebox.css" media="screen" rel="stylesheet" type="text/css">
</head>
<body>
    <iframe src="iframe_doc.html"></iframe>
</body>
</html>

iframe_doc.html (iFrame-Dokument)

HTML-Code:

<html>
<body>
    <form>
        <button onclick="top.jQuery.facebox({image: 'bild.gif'}); return false;">show</button>
    </form>
</body>
</html>

Zitat von facebox.js - Chris Wanstrath, Facebox (for jQuery) version: 1.2 (05/05/2008)

Code :

 * Usage:
 
 * ...
 
 *  You can also use it programmatically:
 *
 *   [B] jQuery.facebox[/B]('some html')
 *
 *  The above will open a facebox with "some html" as the content.
 *
 *    [B]jQuery.facebox[/B](function($) {
 *      $.get('blah.html', function(data) { $.facebox(data) })
 *    })
 *
 *  The above will show a loading screen before the passed function is called,
 *  allowing for a better ajaxy experience.
 *
 *  The facebox function can also display an ajax page or image:
 *
 *    [B]jQuery.facebox[/B]({ ajax: 'remote.html' })
 *    [B]jQuery.facebox[/B]({ image: 'dude.jpg' })
 *

mfg Maik

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

Overlay über ganze Seite

LOader über die ganze seite!

ganze Seite aus iFrame heraus laden

Eine View über eine ganze Splitterframe legen

WYSIWYG iFrame über textarea legen

Stichworte

E-Mail:

Abonnieren Abbestellen