prentje tonen in nieuw venster

[MiekeDM]

Hallo allemaal,

op mijn website staat een plannetje, maar ik vrees dat de straatnamen erop voor sommigen niet leesbaar zijn omdat het plannetje zo klein is. Daarom zou ik willen dat als een gebruiker op het venster klikt, er een nieuw venster geopend wordt (de oude pagina moet dus tegelijk open blijven staan) waarin het kaartje zo groot mogelijk getoond wordt.

Twee vragen:
hoe zeg ik dat de pagina met het uitvergrote kaartje in een nieuw venster geopend moet worden?
bestaat er een manier om het kaartje automatisch uit te vergroten zodat het het volledige venster inneemt?

 

[peter vazed]

We kennen wel de gewone popup windows.
Maar deze kun je ook op de plaats zetten die je wenst.
De positie van een popup window is net zo belangrijk als het venster zelf.
Met een beetje opletten bij het coderen kun je het netjes voor elkaar krijgen.
Bekijk even het voorbeeld script hierna.
Dit venster komt in het midden tevoorschijn.
Dit gebeurt door atributen in de Script tag!
Hier is de code:

 <A HREF="javascriptnotallowedvoid(0)"
ONCLICK="open('2_wolven_bl.jpg','miniwin','toolbar=0,location=0,directories=0,status=0,men
ubar=0,scrollbars=0,resizable=0,width=300,height=170,screenX=300,screenY=400,top=300,left=
400')">klik hier voor groot plaatje</a>

Let er even op om TWEE sets attributen te gebruiken voor de "X" en "Y" coordinaten.
ten behoeve van Netscape, terwijl "top" en "left" voor Explorer zijn.
En let op de code achter elkaar te zetten. Op EEN regel, anders krijg je een
foutmelding..
Dit aanpassen aan de afmetingen van je plaatje width=300,height=170

 

[MiekeDM]

Met mijn aangepaste code (zie hieronder) wordt er op mijn computer (met IE6) wel een nieuw venster geopend, maar het resultaat ziet er nogal vreemd uit. In bijlage stuur ik ook een prentje waarop je kan je zien wat het resultaat is...

CODE:
<A HREF="javascriptnotallowedvoid(0)" ONCLICK="open('./images/route.gif','miniwin','toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,width=400,heith=200,screenX=100,screenY=400,top=100,left=400')"><img src="./images/route.gif" ALT="Klik hier om dit routeplan uit te vergroten!" border=0></a>

 

[MiekeDM]

Oeps, zo kan je de code dus niet zien...

Hm, zo eens proberen:

<A HREF="javascriptnotallowedvoid(0)"  ONCLICK="open('./images/route.gif','miniwin','toolbar=0,location=0,directories=0,
status=0,menubar=0,scrollbars=0,resizable=0,width=600,height=400,
screenX=200,screenY=400,top=200,left=400')">
<img src="./images/route.gif" ALT="Klik hier om dit routeplan uit te vergroten!" border=0></a>

 

[MiekeDM]

Prentje blijkt er nog niet aan te hangen...
En dat lukt niet ook, ik zal het dus proberen beschrijven:

Er wordt een nieuw venster geopend MAAR in dat nieuw venster zie je een stuk van de ORIGINELE pagina (maw die van waarop ik op het kaartje geklikt heb), nl dat stuk dat in het originele venster op de plaats van het nieuwe venster stond (kan je nog volgen?). In het centerframe waar de originele pagina in stond, wordt een nieuwe pagina geopend (de pagina "javascriptnotallowedvoid(0)"), maar die wordt niet gevonden.

 

[peter vazed]

Tja,
j a v a s cr i p t wordt hier op het forum omgevormd
dit is beter:

<A HREF="j a v a s c r i p t : v o i d (0) "

alles wel aan elkaar, nu zitten er spaties tussen voor de duidelijkheid.

 

[MiekeDM]

Ik vermoed dat dit nu op andere computers wel zal werken, maar dus niet op die van mij. Ik kan hier immers nooit naar een URL gaan die via javascript een nieuw venster opent om daarin de pagina te tonen. Weet je of dit bij veel browsers voorkomt? (Anders zou ik liever een andere oplossing willen gebruiken)
En wat kan ik op mijn computer veranderen om van dat irritante probleem af te geraken?

 

[peter vazed]

Je werkt met frames.
Voeg een een target toe:
TARGET="_blank" in nieuw venster - huidig venster blijft in taakbalk-
TARGET="_top" wordt huidig venster vervangen
TARGET="new" wordt in nieuw venste geopend

Dus: of blank of new.

Maar je zou ook je plan in een losse html pagina kunnen zetten, en dan deze html pagina laten openen, ipv het plaatje zelf.
Daar kun je dan ook nog een close op zetten.

close link code is:

<a href="java s c ript:self.close();">close window</a>
Print code is:
<a href="java s c ript:self.print();">print</a>

j a v a sc ript zonder spaties in je pagina opnemen