Beitrag von H.G. (29 Beiträge) am Montag, 22.Mai.2006, 14:42.
verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren
Antworten
Beitrag von Claus (4645 Beiträge) am Montag, 22.Mai.2006, 15:07. WWW: jobmarder.de
Re: verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren
Antworten
Beitrag von H.G: (2 Beiträge) am Montag, 22.Mai.2006, 22:56.
Re: verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren
Antworten
Beitrag von H.G: (2 Beiträge) am Montag, 22.Mai.2006, 22:58.
Re: verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren
Antworten
Beitrag von Thomas H. (180 Beiträge) am Montag, 22.Mai.2006, 23:39.
Re: verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren
Hier eine JavaScript Variante.
Hat der User kein Javascript aktiviert,
dann hat er ( oder Du ) allerdings Pech.
<html>
<head>
<title>Dynamic Popup</title>
<script language="JavaScript">
function popup(w,h,site) {
x = screen.availWidth/2-w/2;
y = screen.availHeight/2-h/2;
var popupWindow = window.open(
'','','width='+w+',height='+h+',left='+x+',top='+y+',screenX='+x+',screenY='+y);
popupWindow.document.write(site);
}
</script>
</head>
<body>
<a href="javascript:popup(Breite,Höhe,'<html> ... </html>')">Popup</a>
</body>
</html>
Aufgerufen wird das Popup innerhalb eines Scripts einfach direkt über die Funktion popup():
popup(Breite,Höhe,'<html> ... </html>')
Oder, wie in obigem Beispiel, mit einem Link:
<a href="javascript:popup(Breite,Höhe,'<html> ... </html>')">Popup</a>
Der Inhalt der Seite wird in ganz normalem HTML geschrieben. Beachten Sie jedoch, dass Anführungsstriche gegebenenfalls mit einem Backslash maskiert werden müssen (\" und \' statt " und ').
Antworten
Beitrag von H.G. (29 Beiträge) am Dienstag, 23.Mai.2006, 01:43.
Re: verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren
Danke hat super funktioniert
Antworten
Beitrag von mk (966 Beiträge) am Dienstag, 23.Mai.2006, 08:24.
Re: verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren
hab ich nicht das auch schon gesucht?
gib mal ein Link wo du das einsetzt.
Michael
Antworten
Beitrag von Thomas H. (180 Beiträge) am Dienstag, 23.Mai.2006, 10:31.
Re: verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren
Hallo Michael,
ich selbst hatte es mal eine zeitlang eingesetzt aber
jetzt wieder gelöscht. Grund: wie schon gesagt.
Hat der User JavaScript deaktiviert geht gar nix mehr.
Und die Deaktivierung führen einige Sicherheitsprogramme,
( z.B. Norton Internet Security ) manchmal sogar von selbst durch.
D.h. der User weis z.t. gar nicht, daß JavaScript bei
ihm nicht aktivivert ist.
Bin gerade dabei, eine CSS Variante zu testen.
Gruß
Thomas
Antworten
Beitrag von H.G. (29 Beiträge) am Dienstag, 23.Mai.2006, 17:39.
Re: verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren
Ich habe jetzt noch eine Lösung ohne Java gefunden die funktioniert:
Und zwar so:
<a href="#"
onclick="window.open('/files/$_raw{HIEROBJEKTBILD}','Grundriss','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width=300,height=300,top=0,left=0')"><img
border="0" src="http://DEINEDOMAIN/files/$_raw{HIEROBJEKTBILD}" width="135"
alt="Klck für Vergrößerung" align="center" hspace="2">
Beispiel:
Seite Details
<loop db=DEINE DATENBANK>
Dann einlesen des OBJEKTBILDES inklusive Link zum Popup-Fenster
<a href="#"
onclick="window.open('/files/$_raw{HIEROBJEKTBILD}','Grundriss','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width=300,height=300,top=0,left=0')"><img
border="0" src="http://DEINEDOMAIN/files/$_raw{HIEROBJEKTBILD}" width="135"
alt="Klck für Vergrößerung" align="center" hspace="2">
</loop>
So, wenn die Seite Details geöffnet wird, erscheint das Objektbild in der
verkleinerten Grösse 135 pixel. Klickt man auf das Bild, öffnet sich ein
popupfenster in der Größe 300 x 300 pixel.
Das wars.
Gruß
H.G.
Antworten
Beitrag von Christoph Bergmann (8110 Beiträge) am Dienstag, 23.Mai.2006, 19:28.
Re: verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren
Antworten
Beitrag von H.G. (29 Beiträge) am Dienstag, 23.Mai.2006, 22:13.
Re: verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren
Aber sicher, war wohl ein wenig durcheinander.
Also es funktioniert aber auf alle Fälle und ist so wie ich es haben wollte.
Aber jetzt noch etwas anderes:
Ich lese über die DB 4 Bilder nach dem gegebenen Muster ein. Leider werden mir hier auch Leerfelder angezeigt, wenn in der DB nur 3 Bilder verfügbar sind bzw hochgeladen wurden.
Wie kann ich es verhindern, dass Leerfelder entstehen.
Ins Leerfeld soll dann eine Grafik " Kein Bild" erscheinen.
Eine Ahnung?
Gruß
H.G.
Antworten
Beitrag von mk (966 Beiträge) am Dienstag, 23.Mai.2006, 18:21.
Re: verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren
Antworten
Beitrag von Thomas H. (180 Beiträge) am Dienstag, 23.Mai.2006, 21:43.
Re: verkleinerte Bilder per Mausklick in Popup-fenster vergrößeren
Meine JS Kentnisse sind doch sehr beschränkt,
da komme ich leider auch nicht weiter.
Gruß
Thomas
Antworten