Schließe Pop-Up -> Öffne Link (im alten Fenster)

[WorldWideWeb]

Hallo,

ich habe auf einer Homepage auf eine externe Seite verlinkt. Bei einem klick auf die Verlinkung wird der Pop-Up-Befehl von SelfHTML (klick) ausgeführt.

Der Pop-Up-Fenster-Link sieht bei mir folgendermaßen aus:

<a href="../../extern/gaijin_at.htm" target="_blank" onclick="return popup(this.href);" class="ul">Gaijin.at</a>

Wenn ich das Pop-Up geöffnet habe erscheint eine Meldung (siehe Anhang) in einem Pop-Up, das wir für den Inhalt der externen Seite keine Haftung übernehmen...

Nun hat der Besucher die Möglichkeit Abbrechen zu drücken, bei der folgendes passiert:

<a href="javascript:window.close()">Abbrechen</a>

oder aber der Seitenbesucher möchte trotzdem weiter und klickt auf Weiter. Bei einem klick auf Weiter soll sich das Pop-Up schließen und die Seite (in diesem Fall gaijin.at) im alten Fenster öffnen.
Mein Code sieht momentan so aus:

<a onclick="window.close()" href="http://www.gaijin.at" target="_blank" >Weiter</a>

Dummerweise wird hier das Fenster geschlossen, nachdem der Link aufgerufen wurde .

Danke schon im Vorraus für die Hilfe

PS: Fensterstruktur ist auch im Anhang

 

[threadi]

Ich würde dir raten das nicht über Popups sondern mit Flyouts zu realisieren. Dadurch umgehst Du die Peinlichkeit, dass manche Browser solche Popups unterdrücken oder die Seite in einem Tab anzeigen. Und Du hast dann wirklich die volle Kontrolle über die Links in dem Flyout.

 

[WorldWideWeb]

Ich weiß leider nicht wie ich das ganze realisieren soll. Wäre nett, wenn
du mir da einen Code oder ein Beispiel Posten könntest.

VG WorldWideWeb

 

[threadi]

Ein Flyout ist auch nur ein HTML-Element, welches per CSS absolut positioniert wird und dadurch über die Webseite selbst gelegt werden kann. Das beste Beispiel dafür ist die Lightbox:
http://www.huddletogether.com/projects/lightbox2/

Für deinen Fall bräuchtest Du jedoch ein Flyout, welches per iframe eine fremde Seite einbinden kann. Wenn Du das nicht selbst schreiben willst, könntest Du auch die Greybox dafür verwenden - das ist wie die Lightbox eine JavaScript-Bibliothek, welche die Darstellung von Flyouts über der Webseite ermöglicht. Beispiele gibts bei dem Projekt, welches diese Bibliothek programmiert:
http://orangoo.com/labs/greybox/examples.html

Und wenn Du es selber machen willst, probier es einfach mal mit

HTML

<div id="flyout">Inhalt der über der Seite liegt</div><a href="#" onclick="document.getElementById('flyout').style.display = 'block';">einblenden</a>

CSS

#flyout {
 display: none;
 left: 0;
 position: absolute;
 top: 0;
}

für den Anfang. Gestaltung ist dann völlig dir überlassen.