window.open / variable Größe möglich?

**BigSwopa** · 22.01.2002 15:17

Hallo erstmal!

Ich bin gerade dabei eine Bildergalerie einzurichten mit verschieden großen Bildern (was die Bildmaße betrifft, nicht die Dateigröße). Gibt es eine Funktion in JavaScript die ein zusätzliches Fenster öffnet was sich automatisch der Bildgröße des zu öffnenden Bildes anpasst? Ich hab nämlich keine lust für jedes Bild eine gesonderte Funktion zu schreiben mit den jeweiligen Bildgrößen.

Also nicht so:

OpenWin = this.open(page, "CtrlWindow","toolbar=no,target=top,menubar=no,location=no,width=650,height=448,scrollbars=no,resizable=yes");

...,sondern 'width' & 'height' sollen nicht fest definiert sein.
Kennt da jemand von euch ein fertiges Skript oder hat jemand eine Idee wie man sowas umsetzen könnte?

Danke schonmal!

BigSwopa

**mrb** · 22.01.2002 15:54

Hy,

versuche dir die größe der datei mit
document.all.offsethight bzw width auszulesen und zu übergeben.

auszug aus selfhml:

<html><head><title>Test</title>
</head><body id="DieseDatei">
<script language="JavaScript">
alert(document.all.DieseDatei.offsetWidth);
</script>
</body></html>

Das Beispiel gibt mit alert() die reale Höhe des <body>-Tags der Datei aus. Das Ergebnis ist die tatsächliche Anzeigehöhe des Fensters, in dem das Dokument angezeigt wird. Die Eigenschaft läßt sich aber ebensogut auf HTML-Elemente innerhalb der angezeigten Inhalte anwenden.

hoffe das tuts.

**BigSwopa** · 22.01.2002 17:09

versuche dir die größe der datei mit
document.all.offsethight bzw width auszulesen und zu übergeben.

auszug aus selfhml:

<html><head><title>Test</title>
</head><body id="DieseDatei">
<script language="JavaScript">
alert(document.all.DieseDatei.offsetWidth);
</script>
</body></html>

Das Beispiel gibt mit alert() die reale Höhe des <body>-Tags der Datei aus. Das Ergebnis ist die tatsächliche Anzeigehöhe des Fensters, in dem das Dokument angezeigt wird. Die Eigenschaft läßt sich aber ebensogut auf HTML-Elemente innerhalb der angezeigten Inhalte anwenden.

Das hört sich ja soweit ganz gut an, aber das würde ja bedeuten, dass ich an jedes Bild, das geladen werden soll eine ID vergeben muß. Sprich ich müßte für jede ID wieder eine gesonderte Funktion schreiben.
Oder könntest du einmal für ein einziges Bild ein kleines Skript posten wie es aussehen könnte. Was Programmieren angeht bin ich nämlich ne totale Flasche.
Ich hab dir im Anhang mal meine html Datei mit der Bildergalerie gepostet. Brauchst dann nur die Stellen zu modifizieren.
http://www.8ung.at/bigswopa/galerie.html

Können sich auch gerne andere dran versuchen

Danke!
BigSwopa

**Hydrax** · 22.01.2002 17:12

Wenn du wirklich nur ein Bild aufpoppen lassen willst, dann mach das so.

Code:

<script language="JavaScript">
<!--
function popup(bild, titel, breite, hoehe) {
  galerie=window.open('bild.html','fenster','scrollbars=no,width='+breite+',height='+hoehe+',left=50,top=50');
  galerie.document.open();
  galerie.document.write('<html><title>'+titel+'</title><body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0">');
  galerie.document.write('<img src="'+bild+'" width="'+breite+'" height="'+hoehe+'" alt="click in window to close screen">');
  galerie.document.write('</body></html>');
  galerie.document.close();
  galerie.focus();
}
//-->
</script>

das ganze wird dann so aufgerufen

Code:

<a href="#" onClick="popup('cs-big-de.gif','CharacterSheet german version','300','424')"><img src="cs-small-de.gif" width="100" height="141" alt="german version" border="0"></a>

Der Befehl an sich:

Code:

<a href="javascript:popup('bild.datei','Beschreibung','Breite','Hoehe');">BLA</a>

Das ganze Funktioniert so, das Popup öffnet ein Fenster in der angebenen Dateigröße. Im Popup wird erstmal die Datei bild.html reingeladen, die dann aber gleich überschrieben wird. Es wird dann so überschrieben, das das entsprechende Bild reingeladen wird ohne Abstand zum Fensterrand.

Bei Bedarf kann dann noch nen onClick="self.close()" oder onBlur="self.close()" im body tag angeben werden, fürs autoamtische schließen des popups.

Anmerkung: Der IE hat probleme mit Leerzeichen und - im titel der datei. und die bild.html sollte auch existieren. die bild.html sollte bestenfalls eine leere html-datei sein (nur die wichtigstens tags).

Hoffe das hilft.
bin in eile... vielleicht hab ich irgendwo kauderwelsch geschrieben.
;-)

**Hydrax** · 22.01.2002 17:15

ich seh grad das smilies im CODE Bereich einer Nachricht deaktiviert werden sollten

)

hihhi

: p (ohne leerzeichen) soll das sein.

**BigSwopa** · 22.01.2002 18:41

Genau so soll das sein! Klappt einwandfrei!! Tausend Dank!!
Ich bin total hängengeblieben mit meiner Arbeit wegen dem Problem.

Nochmal danke!

BigSwopa

**BigSwopa** · 22.01.2002 21:09

Weißt du vielleicht warum der verdammte NS6 mal wieder nicht mitspielt?? Der öffnet zwar das popupfenster, zeigt aber nur die kahle Hintergrundfarbe von 'bild.html' an.

BigSwopa

**BigSwopa** · 22.01.2002 21:10

Ich korrigiere mich: Habs nochmal getestet...Der NS6 zeigt für ca. 1 Sekunde das Bild an so wie es sein soll und wird dann von der Hintergrundfarbe verdrängt, sprich verschwindet wieder komplett.

BigSwopa

**Hydrax** · 23.01.2002 00:37

hmm
und nun geht es auch mit den NS6 ?

ich hab das immer auf den mozilla getestet. .. und da gabs keine probleme.
hmm

**BigSwopa** · 23.01.2002 13:23

mein NS6 spinnt total! lol

ein bild zeigt er ganz normal an im popup fenster wie es sein soll. ein weiteres bleibt nur eine sekunde lang sichtbar und der rest wird erst gar nicht angezeigt. wie kann denn sowas passieren?
wurde mit NS6 die neue Generation der "launischen Browser" eingeführt?

BigSwopa

zur Startseite vom TP

Thema: window.open / variable Größe möglich?

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

window.open / variable Größe möglich?

document.all.offsetHight/width

Re: document.all.offsetHight/width

SUPER!!!

LOL

Aktive Benutzer

Aktive Benutzer