Feste Fenstergröße bzw PopUp funktioniert nicht!

lara-sophie · 18 Juni 2006

Hallo!

Bin gerade am Gestalten meiner ersten Seite.
Es ist mein Portfolio. Ich habe auf jeder Seite drei Arbeiten von mir, die immer nur im Detail zu sehen sind, und ich möchte, dass man diese Arbeiten, wenn man sie anklickt, in einem neuen, kleineren Fenster sehen kann. Soll so
ähnlich einem PopUp sein, man sollte die eigentliche Seite darunter noch sehen können.
Das fällt doch unter JavaScript, oder? In den Header hab ich bisher immer den Befehl fürs neue Fenster geschrieben, aber ich hab ja mehrere Links auf der Seite, und jeder dieser Fenster soll sich klein öffnen. Ich kann aber nur eine blablabla.html angeben. Wie schaff ich es, dass drei Dateien in einem Quelltext so behandelt werden, obwohl sie unterschiedlich heissen?
Können die Fenster auch unterschiedlich groß sein?

Hab jetzt schon ewig an dem Quelltext rum gebastelt, gebs auf.
Entweder es tut sich gar nix, es öffnet sich ein kleines (richtiges) Fenster UND zusätzlich ein großes, Bildschirmfüllendes oder oder oder.

Hier mein Quelltext:

HTML:

<html>
<head>
<title>Jeden Tag eine neue Idee | Illustrationen | Scribbles</title>
<SCRIPT LANGUAGE="JavaScript">
function newWindow() {
window.open('kind.html','580 x 550','toolbar=no,status=no,scrollbars=yes,location=no,menubar=no,directories=no,resizable=no,width=580,height=550')}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Portfolio -->
<table border="0" width="100%" height="100%">
<tr>
<td valign="middle" align="center">
<table id="Tabelle_01" width="843" height="595" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="11">
			<img src="Bilder/illustration_01.jpg" width="842" height="357" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="357" alt=""></td>
	</tr>
	<tr>
		<td colspan="7">
			<img src="Bilder/illustration_02.jpg" width="238" height="4" alt=""></td>
		<td rowspan="6">
			<a href="kind.html" target="_blank" onClick="newWindow('kind.html','580 x 550','toolbar=no,status=no,scrollbars=yes,location=no,menubar=no,directories=no,resizable=no,width=580,height=550')">
				<img src="Bilder/illustration_03.jpg" width="130" height="179" border="0" alt=""></a></td>
		<td rowspan="7">
			<img src="Bilder/illustration_04.jpg" width="85" height="238" alt=""></td>
		<td rowspan="6">
			<a href="baden.html" target="_blank">
				<img src="Bilder/illustration_05.jpg" width="129" height="179" border="0" alt=""></a></td>
		<td rowspan="7">
			<img src="Bilder/illustration_06.jpg" width="260" height="238" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="4" alt=""></td>
	</tr>
	<tr>
		<td colspan="3" rowspan="2">
			<img src="Bilder/illustration_07.jpg" width="135" height="12" alt=""></td>
		<td rowspan="3">
			<a href="arbeiten.html" target="_self">
				<img src="Bilder/illustration_08.jpg" width="18"

usw.....

Mod-Edit: HTML-Code-Tags hinzugefügt ([noparse]

HTML:

[/noparse]) - Bitte bei HTML-Code immer benutzen (Artemis)

XraYSoLo · 18 Juni 2006

ich kenn' mich zwar net mit js aus, aber 'ne funktion muss doch, nachdem sie erstellt wurde auch aufgerufen werden, oder?

bitte code-tags editieren, danke.

Nils aka XraYSoLo

Artemis · 18 Juni 2006

Du solltest dafür deine Funktion nicht so individuell gestalten, sondern änderbarer.
Also ungefähr so:

Code:

function bildAnsicht(datei, breite, hoehe) {
  window.open(datei+'.html', breite+' x '+hoehe, 'toolbar=no,status=no,scrollbars=yes,location=no,menubar=no,directories=no,resizable=no,width='+breite+',height='+hoehe)
}

Dann kannst du das mit den Bildern so machen:

HTML:

<img src="Bilder/illustration_01.jpg" width="130" height="179" border="0" alt="" onClick="javascript:bildAnsicht('kind', 500, 400)">
<img src="Bilder/illustration_02.jpg" width="130" height="179" border="0" alt="" onClick="javascript:bildAnsicht('erwachsener', 300, 100)">
<img src="Bilder/illustration_03.jpg" width="130" height="179" border="0" alt="" onClick="javascript:bildAnsicht('typ', 200, 400)">

Edit:
Wo ich gerade das hier sehe:

HTML:

<SCRIPT LANGUAGE="JavaScript">
function newWindow() {
  window.open('kind.html','580 x 550','toolbar=no,status=no,scrollbars=yes,location=no,menubar=no,directories=no,resizable=no,width=580,height=550')
}
</script>
...
<a href="kind.html" target="_blank" onClick="newWindow('kind.html','580 x 550','toolbar=no,status=no,scrollbars=yes,location=no,menubar=no,directories=no,resizable=no,width=580,height=550')">
  <img src="Bilder/illustration_03.jpg" width="130" height="179" border="0" alt="">
</a>

Weißt du wirklich, was du da tust, vor allem weißt du, dass das das völlig falsch und unsinnig ist?

Feste Fenstergröße bzw PopUp funktioniert nicht!

lara-sophie

Neues Mitglied

XraYSoLo

Senior HTML'ler

Artemis

Neues Mitglied

Neueste Beiträge