✔ URL aus Input-Feld lesen und im Fenster ausgeben
- Themenstarter todi
- Beginndatum
con-f-use
Erfahrenes Mitglied
Poste doch mal, was du bisher schon an Code hast! Wir mussen ja nicht alles doppelt machen. Ich mocht dir auch mal die Forensuche ans Herz legen denn ähnliche Threads mit "Fenstergröße an Bild anpassen" gibt's hier tausende. Ich gehe mal davaon aus, dass das dein einziges Problem ist, denn ein PopUp zu öffnen, seinen Inhalt zu verändern und die URL aus einem input-Feld lesen sollte kein Problem darstellen.
Das mit dem Fenster in der Größe des Bildes öffnen geht meines Wissens mit JavaScript gar nicht, da du die Größe nicht auslesen kannst. Es gibt aber Workarounds:
Das mit dem Fenster in der Größe des Bildes öffnen geht meines Wissens mit JavaScript gar nicht, da du die Größe nicht auslesen kannst. Es gibt aber Workarounds:
- DasBild in einen Layer packen, die Größe des Layers nach laden des Bildes auslesen und dann das Fenster auf diese Größe resizen. Nachteil: Das Fenster öffnet nicht unmittelbar in dieser Größe, es gbit also einen Hässlichen resize-Effekt.
- Eine Lösung mit PHP wurde hier im Forum auch schon mal angesprochen. Die ist allerdings nur Sinnvoll, wenn dich ein Submit nicht stört, da die URL ja nicht vorher bekannt ist müsstest du nämlich die URL per Submit an PHP übergeben, dass dann die imagesize ausliest und das Fenster öffnet. Es ließe sich - zwar etwas aufwendiger - allerdings auch ohne reload oder submit mit PHP uns JS lösen. Nachteil: Du brauchst einen PHP-fähigen Server
Zuletzt bearbeitet:
Also das ist das Formular
<form name=modform action=index.php method=post>
<input type=text id="imgurl" name="imgurl" value=$imgurl size=80 maxlength=150>
<input type=button value='"._MD_SHOW."' onclick='javascript:showimage("imgurl");'>
<input type="submit" value="Save">
und zwar wird aus einer db der Dateipfad ausgelesen und als value dem Formular übergeben.
Aus Platzgründen will ich nun die URL(also das Bild) in einem neuen Fenster anzeigen, aber nur wenn ich diesen Button anklicke.
Das script hab ich noch, da ich keine Ahnung von javascript hab.Ich hoffe ihr könnt mir da helfen.
<form name=modform action=index.php method=post>
<input type=text id="imgurl" name="imgurl" value=$imgurl size=80 maxlength=150>
<input type=button value='"._MD_SHOW."' onclick='javascript:showimage("imgurl");'>
<input type="submit" value="Save">
und zwar wird aus einer db der Dateipfad ausgelesen und als value dem Formular übergeben.
Aus Platzgründen will ich nun die URL(also das Bild) in einem neuen Fenster anzeigen, aber nur wenn ich diesen Button anklicke.
Das script hab ich noch, da ich keine Ahnung von javascript hab.Ich hoffe ihr könnt mir da helfen.
con-f-use
Erfahrenes Mitglied
Ohne Ahnung von JavaScript, wird dir wohl niemand helfen, da keiner Lust hat das Script fertig für dich zu schreiben. Wir können dir hier nur Hinweise geben, die du dann umsetzten musst, ansonsten würden wir wohl Geld für unsere Dienste verlangen 
Die PHP-Methode aus meinem obigen Post bietet sich da an. Mit folgenden Code bekomsmt du die Größen des Bildes:
Mif Folgenden Code von Datic aus einem anderen Post kannst du dein ein Neues Fenster öffnen:
Der Button müsste dann so aussehen:
Du übergbist quasi die php-Variablen die die Höhe und Breite des Bildes enthalten an den onclick-Event, der die Funktion aufruft.
Die PHP-Methode aus meinem obigen Post bietet sich da an. Mit folgenden Code bekomsmt du die Größen des Bildes:
PHP:
$size=getimagesize("Ort_des_Bildes");
$breite=$size[0]; //Auslesen der Breite
$hoehe=$size[1]; //Auslesen der Höhe
HTML:
<script language="JavaScript" type="text/javascript">
function showImg(imgURL, w, h) {
var d = open("", imgURL, "height="+h+", width="+w);
d.document.open();
with(d.document) {
write('<html><head><title>' + imgURL + '</title></head>');
write('<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">');
write('<img name="img1", src="' + imgURL + '" width="'+w+'" height="'+h+'" alt="ALT" />');
write('</body></html>');
}
d.document.close();
}
</script>
HTML:
<input type="button" value="pop up!" onclick="showImg('<?php echo $imageurl; ?>',<?php echo $hoehe; ?>,<?php echo $breite; ?>)" />
Zuletzt bearbeitet:
