Venster over venster

  • Onderwerp starter Onderwerp starter vpw
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.

vpw

Gebruiker
Lid geworden
24 okt 2001
Berichten
426
Ik wil graag het volgende:

Als er op een link geklikt wordt er een nieuw venster geopend. Dat venster moet kleiner zijn dan het huidige venster. Zodat het binnen het huidige venster valt. Hoe doe ik dit in html?
 
Hi,

Bij onderstaande code kun je op iedere regel aan de woorden zien wat het doet
Code:
<head>
<script type="text/javascript">
var wd; //window
function OpenWin() {
	wd = window.open("", "", "width=200,height=400,top=100,left=100");
	wd.document.write('<a href="javascript:window.close();">Sluit dit venster</a>');
	wd.resizeTo(400,200);
	wd.moveBy(250,250);
	wd.document.title="Mijn titel";
	wd.focus();
}
</script>
</head>
<body>
<a href="javascript:OpenWin()">Open een nieuw venster</a>
</body>

Suc6. Have fun.
 
Hi Bron,

Bedankt voor je uitgebreide antwoord, maar ik ben denk ik niet volledig geweest in mijn vraag:o Ik heb een tabel met adressen. Nu wil ik dat als men op de plaatsnaam klikt er een plaatje tevoorschijn komt van een dat gebouw. Volgens mij gaat dat niet lukken met jouw script. Ik hoop dat ik nu duidelijk genoeg bent.:(
 
Dat is inderdaad een heeeel andere vraag :)

Gebruik je een <div> of <span> of <td> in je html voor elke foto?
Graag een stukje html wat je hebt als voor de tabel met foto's.
 
In de tabel staan adresgegevens. Van ieder gebouw heb ik een aparte pagina. Die moet dus te voorschijn komen als er op de link geklikt wordt. Of heb jij misschien een ander idee dan een pagina aanmaken. Ik houd me graag aanbevolen. Bedankt alvast
 
Je vraag is te algemeen. Heb je een linkje?
 
Deze website is sterk verouderd (framesets). De oplossing hieronder past bij deze oude techniek. Op alle pagina's moet in ieder geval de bovenste 5 regels in orde worden gemaakt.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
..... (dan de rest) .....

Verder zou ik uitgaan van een simpele tabel en aparte pagina's voor de foto's.
Code:
<style type="text/css">
body { background-image: url(../afbeeldingen/achtergrond_muzieknoten.jpg); }
table { width: 80%; margin: 20px auto; font-size: 24px; color: white; background-color: rgb(74, 122, 180); text-align: left; border-spacing: 0; border-collapse: collapse; border-top: 1px solid white; border-left: 1px solid white; }
tr { width: 100%; }
th, td { padding: 15px; text-align: left; border-right: 1px solid white; border-bottom: 1px solid white; }
table a { color: yellow; }
table a:hover { color: white; }
</style>
</head>
<body>
<table summary="informatie">
<tbody>
<tr>
<th>Adresgegevens</th>
<th>Adresgegevens</th>
<th>Adresgegevens</th>
</tr>
<tr>
<td>Naam<br>Adres<br><a href="foto-pagina.htm">Postcode Plaats</a></td>
<td>Naam<br>Adres<br><a href="foto-pagina.htm">Postcode Plaats</a></td>
<td>Naam<br>Adres<br><a href="foto-pagina.htm">Postcode Plaats</a></td>
</tr>
<tr>
<td>Naam<br>Adres<br><a href="foto-pagina.htm">Postcode Plaats</a></td>
<td>Naam<br>Adres<br><a href="foto-pagina.htm">Postcode Plaats</a></td>
<td>Naam<br>Adres<br><a href="foto-pagina.htm">Postcode Plaats</a></td>
</tr>
</tbody>
</table>

Suc6 met de website.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan