Jörg Kruses Webmaster-Forum > JavaScript

grösse des web- fensters beschränken

1 trudi

hallo wieder ein mal...bräuchte wieder ein rat und zwar: ich möchte dass sich die links (ist eine leere seite mit paar photos drauf, die anzahl photos ändert sich je nach link) auf eine neue web seite öffnet (habe mit target: blank erreicht...); und dazu möchte ich auch dass er nicht die normale ganz bildschirmgrösse annimmt sodern nur gerade so gross wird dass alle bilder drin sind.
wie kann man so was programieren?

vielen dank für jeden hinweis

saluti

trudi

2 Jörg Kruse

Hallo trudi,

die Fenstergröße lässt sich mit JavaScript steuern, über die Parameter der Methode window.open. Beispiel:

<a href="neue-seite.html" onclick="window.open('neue-seite.html', 'Popup', 'width=400, height=400, left=200, top=100');">neue Seite</a>

3 trudi

hallo jörk,

ja es funktioniert jetzt schon, aber er ursrprügliche seite verändert sich auch in der selbe wie die link seite nur wieder in gross format....so hab ich auf 2 seite das gleiche bild...probiere mein code zu schicken...

für den link heisst albion.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <meta name="Description" content="val cama e le sue bellezze in italiano e tedesco" />
  <meta name="Keywords" content="val cama, alp de lagh, ProSpecieRara, mesolcina, escursionismo" />
  <title>val cama</title>
  <link rel="stylesheet" type="text/css" href="styles/basic1.css" />

  </head>

<body>
<div class="bilder"><img src="images/albion_alt.jpg" width="250" height="170" alt="albion" /></div>
<div class="bilder"><img src="images/albion_bau.jpg" width="250" height="170" alt="Baustelle" /></div>
<div class="bilder"><img src="images/albion_bau1.jpg" width="250" height="170" alt="Baustelle" /></div>
<div class="bilder"><img src="images/albion_bau2.jpg" width="250" height="170" alt="Baustelle" /></div>
<div class="bilder"><img src="images/albion.jpg" width="250" height="170" alt="Hütte" /></div>
<div class="bilder"><img src="images/albion_neu.jpg" width="250" height="170" alt="Hütte" /></div>
<div class="bilder"><img src="images/albion_Kamin.jpg" width="250" height="170" alt="Kamin" /></div>
<div class="bilder"><img src="images/albion_innen.jpg" width="250" height="170" alt="Innen" /></div>

</body>
</html>

und die haupseite der ausschnitt:

	<h2 class="verdone">I rifugi</h2>
	<table>
		<tr>
		<td colspan="2"><a style="color:#FFFFFF" href="albion.html" onclick="window.open('albion.html', 'Popup', 'width=900, height=400, left=200, top=100');">
		
		<img src="images/albion.jpg" width="250" height="170" alt="albion" /></a></td>
		<td width="6">&nbsp;</td>
		<td colspan="2"><img src="images/vazzola.jpg" width="250" height="170" alt="vazzola" /></td>
		</tr>
		<tr>
		<td colspan="2" style="font-weight: bold">Alp d&rsquo;Albion 1600 m </td>
		<td>&nbsp;</td>
		<td colspan="2" style="font-weight: bold">Alp de Vazzola 1804 m</td>
		</tr>
		<tr>
		<td width="95" style="vertical-align: text-top">Proprietario</td>
		<td width="165" style="color:#AAC2C7; font-weight: bold; vertical-align: text-top">Comune di Verdabbio</td>
		<td>&nbsp;</td>
		<td width="95" style="vertical-align: text-top">Proprietario</td>
		<td width="165" style="color:#AAC2C7; font-weight: bold; vertical-align: text-top">Comune di Cama</td>
		</tr>
		<tr>
		<td style="vertical-align: text-top">Ubicazione</td>
		<td style="color:#AAC2C7; font-weight: bold; vertical-align: text-top">Val Cama
		<br />738.490/124.400</td>
		<td>&nbsp;</td>
		<td style="vertical-align: text-top">Ubicazione</td>
		<td style="color:#AAC2C7; font-weight: bold; vertical-align: text-top">Val Cama <br />737.190/123.700</td>
		</tr>
		<tr>
		<td style="vertical-align: text-top">Carta 1:25000</td>
		<td style="color:#AAC2C7; font-weight: bold; vertical-align: text-top">1294 Grono</td>
		<td>&nbsp;</td>
		<td style="vertical-align: text-top">Carta 1:25000</td>
		<td style="color:#AAC2C7; font-weight: bold; vertical-align: text-top">1294 Grono</td>
		</tr>
		<tr>
		<td style="vertical-align: text-top">Apertura</td>
		<td style="color:#AAC2C7; font-weight: bold; vertical-align: text-top">Sempre aperto</td>
		<td>&nbsp;</td>
		<td style="vertical-align: text-top">Apertura</td>
		<td style="color:#AAC2C7; font-weight: bold; vertical-align: text-top">Sempre aperto</td>
		</tr>
		<tr>
		<td style="vertical-align: text-top">Posti letto</td>
		<td style="color:#AAC2C7; font-weight: bold; vertical-align: text-top">4 materassi, senza coperte</td>
		<td>&nbsp;</td>
		<td style="vertical-align: text-top">Posti letto</td>
		<td style="color:#AAC2C7; font-weight: bold; vertical-align: text-top">4 posti, materassi</td>
		</tr>
		<tr>
		<td style="vertical-align: text-top">Vie d&rsquo;accesso</td>
		<td style="color:#AAC2C7; font-weight: bold; vertical-align: text-top">4 min. - Cama</td>
		<td>&nbsp;</td>
		<td style="vertical-align: text-top">Vie d&rsquo;accesso</td>
		<td style="color:#AAC2C7; font-weight: bold; vertical-align: text-top">5 ore - Cama</td>
		</tr>
		<tr>
		<td style="vertical-align: text-top">Informazioni</td>
		<td style="color:#AAC2C7; font-weight: bold; vertical-align: text-top">Comune di Verdabbio <br />091 827 3144</td>
		<td>&nbsp;</td>
		<td style="vertical-align: text-top">Informazioni</td>
		<td style="color:#AAC2C7; font-weight: bold; vertical-align: text-top">Comune di Cama<br />091 830 1441</td>
		</tr>
		<tr>
		<td style="vertical-align: text-top">Caratteristiche</td>
		<td style="color:#AAC2C7; font-weight: bold; vertical-align: text-top">Abbandonata costruzione alpestre riattata e trasformata in rifugio, fine restauro 2005. Camino, stufa a gas per uso cucina, piatti e padelle a disposizione, acqua all&rsquo;esterno. 
		<p>Nel periodo di caccia alta, riservata ai cacciatori.</p></td>
		<td>&nbsp;</td>
		<td style="vertical-align: text-top">Caratteristiche</td>
		<td style="color:#AAC2C7; font-weight: bold; vertical-align: text-top">Costruzione in sasso con tetto in piode, camino, stufa a legna, non vi sono utensili per la cucina, acqua all&rsquo;esterno. Molto semplice.
		<p>Nel periodo di caccia alta, riservata ai cacciatori.</p></td>
		</tr>	
	</table>

vielen dank

trudi

4 Jörg Kruse

Ja, da muss noch ein "return false;" rein:

<td colspan="2"><a style="color:#FFFFFF" href="albion.html" onclick="window.open('albion.html', 'Popup', 'width=900, height=400, left=200, top=100'); return false;">

Dann wird der Link nur im Popup-Fenster geöffnet

5 trudi

hallo jörg,

vielen vielen dank, super wie immer!!!!

6 zingsturlaub (Gast)

...ähnliches Anliegen:
Ich habe eine Seite, auf der ein Bildlink anklickbar ist.
Das Bild öffnet sich in einem neuen Fenster, allerdings in voller Fenstergröße. Wie könnte man das neue Fenster auf die Bildgröße beschränken? Auch mit Java oder geht das per HTML?
Danke vorab!

<a href="stadtliga/sm2007m.jpg" target="_blank" height="558" width="695"><img src="stadtliga/fa.gif" alt="Mannschaftsfoto" width="16" height="13" border="0" title="Mannschaftsfoto"></a>

7 Rudy

Schau mal hier nach: Bilder in vorgegebener Fenstergröße öffnen

8 zingsturlaub (Gast)

Danke Rudy. Habe zwar die Suche benutzt, dies aber nicht gefunden.

9 Markus Schmitt

hallo,
ich habe auf meiner Homepage mit dem Befehl eine neues Fenster geöffnet.
Habe jetzt aber auf der Seite kein Scroll-Balken. Kann man das ändern?
Hier mal mein html-code:

<a href="http://www.fcbfanclubhardberg.de/Bilderseite/10jahre2.html" onclick="window.open('http://www.fcbfanclubhardberg.de/Bilderseite/10jahre2.html', 'Popup', 'width=1050, left=0, top=0'); return false;"><IMG SRC="http://www.fcbfanclubhardberg.de/Bilder/Pfeil_v.bmp" NAME="Grafik2" ALIGN=MIDDLE WIDTH=106 HEIGHT=53 BORDER=0></A>

10 Jörg Kruse

Was für einen Scrollbalken möchtest du dort haben?

Wenn du auch eine Höhe angibst für das Popup-Fenster, wird u.U. ein vertikaler Scrollbalken eingefügt

<a href="http://www.fcbfanclubhardberg.de/Bilderseite/10jahre2.html" onclick="window.open('http://www.fcbfanclubhardberg.de/Bilderseite/10jahre2.html', 'Popup', 'width=1050, height=400, left=0, top=0'); return false;"><IMG SRC="http://www.fcbfanclubhardberg.de/Bilder/Pfeil_v.bmp" NAME="Grafik2" ALIGN=MIDDLE WIDTH=106 HEIGHT=53 BORDER=0></A>

nach oben

grösse des web- fensters beschränken

Beitrag schreiben (als Gast)