bildanzeige popup öffnen/schließen

Dummy2006 · 07.06.2006, 23:33

hallo leute,

folgendes ich lasse verschiedene bilder als thumps auf der page anzeigen, via java kann man die zur vergrößerung in einem "popup" anzeigen lassen.
so weit so gut funzt alles,
mein wunsch wäre jedoch diese "popup" mit einem button, link oder ähnlichem zu ver4sehen wo man das fenster wieder schließen kann.

in mein php habe ich folgendes eingebaut:

Code:

<script type="text/javascript">
function popup (url) {
 fenster = window.open(url, "Info-Bild", "width=400,height=400,status=yes,scrollbars=yes,resizable=yes");
 fenster.focus();
}
</script>

<?
include "body.php";
.......



<table border="0" align="center">
<tr><td>
[img]img/Fotos/<? echo $DAT->F1; ?>[/img]</td>

<?
echo "<td><a href=\"img/Fotos/$DAT->F2\" target=\"_blank\" onclick=\"popup(this.href); return false\"><img src=\"img/Fotos/$DAT->F2\" border=\"0\" width=\"50\" height=\"50\"></a></td>";

echo "<td><a href=\"img/Fotos/$DAT->F3\" target=\"_blank\" onclick=\"popup(this.href); return false\"><img src=\"img/Fotos/$DAT->F3\" border=\"0\" width=\"50\" height=\"50\"></a></td>";

echo "<td><a href=\"img/Fotos/$DAT->F4\" target=\"_blank\" onclick=\"popup(this.href); return false\"><img src=\"img/Fotos/$DAT->F4\" border=\"0\" width=\"50\" height=\"50\"></a></td>";

echo "<td><a href=\"img/Fotos/$DAT->F5\" target=\"_blank\" onclick=\"popup(this.href); return false\"><img src=\"img/Fotos/$DAT->F5\" border=\"0\" width=\"50\" height=\"50\"></a></td></tr>";

echo "<tr><td><a href=\"img/Fotos/$DAT->F6\" target=\"_blank\" onclick=\"popup(this.href); return false\"><img src=\"img/Fotos/$DAT->F6\" border=\"0\" width=\"50\" height=\"50\"></a></td>";

echo "<td><a href=\"img/Fotos/$DAT->F7\" target=\"_blank\" onclick=\"popup(this.href); return false\"><img src=\"img/Fotos/$DAT->F7\" border=\"0\" width=\"50\" height=\"50\"></a></td>";

echo "<td><a href=\"img/Fotos/$DAT->F8\" target=\"_blank\" onclick=\"popup(this.href); return false\"><img src=\"img/Fotos/$DAT->F8\" border=\"0\" width=\"50\" height=\"50\"></a></td>";

echo "<td><a href=\"img/Fotos/$DAT->F9\" target=\"_blank\" onclick=\"popup(this.href); return false\"><img src=\"img/Fotos/$DAT->F9\" border=\"0\" width=\"50\" height=\"50\"></a></td>";

echo "<td><a href=\"img/Fotos/$DAT->F10\" target=\"_blank\" onclick=\"popup(this.href); return false\"><img src=\"img/Fotos/$DAT->F10\" border=\"0\" width=\"50\" height=\"50\"></a></td>";
?></tr></table>

normalerweise ist ja der befehl bei java:

Code:

close

aber wo soll bzw. muß ich das im string einsetzten,
...oder hat jemand eine bessere idee um das selbe ergebniss zu bekommen?

Simon9990 · 07.06.2006, 23:42

Da wirst du wohl mit PHP eine Seite gernerieren lassen müssen.
Denn du zeigst ja das Bild an.
Dort kannst du keinen code hinzufügen!

Dummy2006 · 07.06.2006, 23:47

Zitat:

Zitat von Simon9990

Da wirst du wohl mit PHP eine Seite gernerieren lassen müssen.
Denn du zeigst ja das Bild an.
Dort kannst du keinen code hinzufügen!

hast du zufällig n schnippsel beihand?

XLB · 08.06.2006, 00:04

Du könntest den Code für das Popup komplett per JS dynamisch generieren.

Das Bild könnte dann "herkömmlich" als <img>-Tag eingebunden werden, sowie natürlich auch der "Schliessen"-Link. Dafür ist "grundsätzlich" kein PHP notwendig ...

Dummy2006 · 08.06.2006, 00:49

hmmm, hört sich interessant an, aber das problem ist das die bilder erst durch eine abfrage (als thumb) angezeigt werden:

Code:

 $DAT = mysql_fetch_object(mysql_query("SELECT * FROM IMO_KAUF WHERE id LIKE '$_GET[id]'")); ?>


<table border="0" align="center"><tr><td><font face="Verdana" style="font-size:14px;" color="red"><center><? echo $DAT->Beschreibung; ?>...................

was bedeutet das die ja erst generiert werden, als thumb erscheinen und nun klickbar sien ...für die vergrößerung im "popup"

XLB · 08.06.2006, 01:01

Die URL des Bildes wird der Funktion popup() doch bereits übergeben, was soweit ja auch zu "funzen" scheint (?) Statt das Bild nun direkt als Resource zu laden, könntest du die JS-Funktion (und nur die) so umschreiben, dass für das Popup ein entsprechender HTML-Code generiert wird ...

08.06.2006, 23:48

Ja. Einfach mit fenster.write() in dein Popup schreiben.

XLB · 09.06.2006, 00:14

Zitat:

Zitat von Michigras

Einfach mit fenster.write() in dein Popup schreiben.

So "einfach" nicht. Das Dokument muss erst zum Schreiben geöffnet, anschliessend auch wieder geschlossen werden. Ferner kommt zwischen Fensternamen und Methode/Eigenschaft noch "document".

Ein Beispiel:

Code:

<html>
<head>
<title></title>
<script type="text/javascript">

	function PopUp()
	{

		var MyWin=window.open('','test','height=300;width=400');

		with(MyWin.document)
		{
			open();

			write('<html><head><title>My Popup</title></head><body>Hello, I am Mr. Pop</body></html>');

			close();
		}

	}

</script>
</head>
<body>
öffne Popup
</body>
</html>

09.06.2006, 00:46

Geöffnet hat er es doch bereits. Und ob ducoment oder nicht spielt glaube ich keine Rolle (kann mich aber auch irren). Also so:

Code:

var fenster;
fenster=window.open...
fenster.(document.)write("<html>");
fenster.close();

XLB · 09.06.2006, 01:03

Nö !!! Was glaubst du wohl warum ich das Beispiel gepostet habe ? Haste das mal ausprobiert, in deinem Sinne verändert und festgestellt, das es nicht klappt ?

Dein Code erzeugt/öffnet ein weiteres Fenster/Popup (-> "window") mit dem Bezeichner "Fenster" aber NICHT das Dokument (-> "document" ), in das "für gewöhnlich" mittels write() geschrieben wird. Denn Dieses ist eben eine Methode von document.

Doch vor dem "dynamischen" Erzeugen von Content via JS, sei es im Elternfenster oder im Popup, muss das "document" mittles open() für das Schreiben geöfnet werden ...

Edit : Was würde bei deiner Schreibweise bei fenster.close(); passieren ? :wink:

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Popup, das 100% einer Grafik erreicht?	BartTheDevil89	PHP Tipps 2006	8	07.11.2006 14:37
Daten von popup zu bestehender Seiter!	Broadcast	PHP Tipps 2006	4	07.06.2006 13:02
Daten in Popup übergeben	TAD	PHP Tipps 2006	5	28.05.2006 21:52
JS: Links aus Popup im Hauptfenster öffnen...	R4v3r	HTML, Usability und Barrierefreiheit	3	26.02.2006 21:13
Seite wartet mit dem Laden bis das PopUp geschlossen wurde	Unknown	HTML, Usability und Barrierefreiheit	2	24.09.2005 16:03
popup reload	boehseronkel	HTML, Usability und Barrierefreiheit	1	03.08.2005 14:34
[Erledigt] Mit onBlur kann nicht in Popup geschrieben werden		HTML, Usability und Barrierefreiheit	5	08.06.2005 16:43
IE PoPUP Blocker?	{m-d}	Off-Topic Diskussionen	6	21.04.2005 15:07
[Erledigt] Java, PHP und PopUp Variablen Übergeben.		PHP Tipps 2005	11	28.01.2005 21:01
[Erledigt] Übergabe an ein popup		PHP Tipps 2005	9	26.01.2005 16:42
per javascript ein popup aus einem popup öffnen		HTML, Usability und Barrierefreiheit	5	04.01.2005 15:09
Pic of the Day + Popup Funktion		PHP Tipps 2004-2	10	29.12.2004 14:54
Popup und normales Fenster wird geöffnet.		HTML, Usability und Barrierefreiheit	7	21.12.2004 19:08
Farbwerte aus PopUp in Mutterfenster	php1	HTML, Usability und Barrierefreiheit	1	25.09.2004 17:00
Zugriff vom Popup auf andere Seite	Neo2k3	PHP Tipps 2004	2	05.08.2004 20:51


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

07.06.2006, 23:42
Simon9990 Erfahrener Benutzer Registriert seit: 16.05.2004 Beiträge: 369	Da wirst du wohl mit PHP eine Seite gernerieren lassen müssen. Denn du zeigst ja das Bild an. Dort kannst du keinen code hinzufügen! __________________ Der G-Translator

08.06.2006, 00:04
XLB Erfahrener Benutzer Registriert seit: 31.07.2005 Beiträge: 1.126 PHP-Kenntnisse: Fortgeschritten	Du könntest den Code für das Popup komplett per JS dynamisch generieren. Das Bild könnte dann "herkömmlich" als <img>-Tag eingebunden werden, sowie natürlich auch der "Schliessen"-Link. Dafür ist "grundsätzlich" kein PHP notwendig ...

08.06.2006, 00:49
Dummy2006 Neuer Benutzer Registriert seit: 26.05.2006 Beiträge: 14	hmmm, hört sich interessant an, aber das problem ist das die bilder erst durch eine abfrage (als thumb) angezeigt werden: Code: $DAT = mysql_fetch_object(mysql_query("SELECT * FROM IMO_KAUF WHERE id LIKE '$_GET[id]'")); ?> <table border="0" align="center"><tr><td><font face="Verdana" style="font-size:14px;" color="red"><center><? echo $DAT->Beschreibung; ?>................... was bedeutet das die ja erst generiert werden, als thumb erscheinen und nun klickbar sien ...für die vergrößerung im "popup"

08.06.2006, 01:01
XLB Erfahrener Benutzer Registriert seit: 31.07.2005 Beiträge: 1.126 PHP-Kenntnisse: Fortgeschritten	Die URL des Bildes wird der Funktion popup() doch bereits übergeben, was soweit ja auch zu "funzen" scheint (?) Statt das Bild nun direkt als Resource zu laden, könntest du die JS-Funktion (und nur die) so umschreiben, dass für das Popup ein entsprechender HTML-Code generiert wird ...

08.06.2006, 23:48
Gast Beiträge: n/a	Ja. Einfach mit fenster.write() in dein Popup schreiben.

09.06.2006, 00:46
Gast Beiträge: n/a	Geöffnet hat er es doch bereits. Und ob ducoment oder nicht spielt glaube ich keine Rolle (kann mich aber auch irren). Also so: Code: var fenster; fenster=window.open... fenster.(document.)write("<html>"); fenster.close();

09.06.2006, 01:03
XLB Erfahrener Benutzer Registriert seit: 31.07.2005 Beiträge: 1.126 PHP-Kenntnisse: Fortgeschritten	Nö !!! Was glaubst du wohl warum ich das Beispiel gepostet habe ? Haste das mal ausprobiert, in deinem Sinne verändert und festgestellt, das es nicht klappt ? Dein Code erzeugt/öffnet ein weiteres Fenster/Popup (-> "window") mit dem Bezeichner "Fenster" aber NICHT das Dokument (-> "document" ), in das "für gewöhnlich" mittels write() geschrieben wird. Denn Dieses ist eben eine Methode von document. Doch vor dem "dynamischen" Erzeugen von Content via JS, sei es im Elternfenster oder im Popup, muss das "document" mittles open() für das Schreiben geöfnet werden ... Edit : Was würde bei deiner Schreibweise bei fenster.close(); passieren ? :wink: