[Javascript] window.open refresht parent page

[Verwijderd]

Probleem is als volgt. Zodra je op een foto klikt opent hij een grotere versie van de foto
in een nieuw venster. Dit doe ik met behulp van Javascript. Echter zodra die de grotere foto in een
nieuw venster opent, refresht die de parent page, zodat je weer helemaal naar beneden toe moet
scrollen.

Dit is de script:

JavaScript:

<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
<!--
function openWin(url, width, height)
      {
        var left     = (screen.availWidth-width) / 2;
        var top        = (screen.availHeight-height) / 2;
        window.open(url, '_blank', 'location=0, menubar=0, resizeable=0, scrollbars=0, status=0, toolbar=0, top='+top+', left='+left+', height=' + height + ', width=' + width);
      }
//-->
</SCRIPT>

Zo wordt ie aangeroepen vanuit de parent window:

HTML:

<a href="#"  onclick="javascript:openWin('../content/showimage.htm?../images/welkomstfoto640x400.jpg', 
600, 400)">[img]"../images/welkomstfoto240x160.jpg"[/img]</a>

Wat moet ik veranderen om te voorkomen dat ie de parent window niet refresht. Ik heb al gezocht met google op dit page refresh probleem, maar heb tot nu toe helaas geen zinvol antwoord weten te vinden. Als ik binnen GOT zoek op window.open loopt de search vast na 15 sec., helaas.

[ Voor 91% gewijzigd door Verwijderd op 23-04-2005 22:05 ]

[Booster]

code:

<a href="#" ...>

Heel kort door de bocht is dit de rede waarom je pagina refreshed.

Normaal wordt het # gebruikt om naar een bookmark te verwijzen. (bv #top) Omdat er geen bookmarknaam wordt opgegeven skipt je browser naar bovenaan de pagina.

Uit mijn hoofd is het # te vervangen door iets als

code:

javascript:void(0)

om dit op te lossen.

[Verwijderd]

Booster schreef op zaterdag 23 april 2005 @ 22:34:

code:

<a href="#" ...>

Heel kort door de bocht is dit de rede waarom je pagina refreshed.

Normaal wordt het # gebruikt om naar een bookmark te verwijzen. (bv #top) Omdat er geen bookmarknaam wordt opgegeven skipt je browser naar bovenaan de pagina.

Uit mijn hoofd is het # te vervangen door iets als

code:

javascript:void(0)

om dit op te lossen.

Dat was de oplossing, bedankt.

[Glaanie]

Je kan ook aan het einde van de javascript code (dus voor de laatste een 'return false;' plaatsen. Of dezelfde 'return false;' na de aanroep van de functie plaatsen

code:

[...]onclick="javascript:openWin('../content/showimage.htm?../images/welkomstfoto640x400.jpg', 
600, 400); return false;"[...]

[crisp]

Het mooist is gewoon zo:

HTML:

<a href="../content/showimage.htm?../images/welkomstfoto640x400.jpg"  target="_blank" onclick="openWin(this.href, 600, 400);return false">
  <img src="../images/welkomstfoto240x160.jpg" alt="Compilatiefoto" width=240 height=160 border="1" title="Klik voor een uitvergroting">
</a>

[Glaanie]

Natuurlijk, zo vang je ook browsers af die geen javascript ondersteunen/hebben aanstaan. Heel goed gedacht crisp, hoewel het voor een full-time devver zoals jij (dat is de indruk die ik krijg althans) een tweede natuur moet zijn

[crisp]

Glaanieboy schreef op zaterdag 23 april 2005 @ 23:31:
Natuurlijk, zo vang je ook browsers af die geen javascript ondersteunen/hebben aanstaan. Heel goed gedacht crisp, hoewel het voor een full-time devver zoals jij (dat is de indruk die ik krijg althans) een tweede natuur moet zijn

Ik ga inderdaad altijd eerst uit van basis functionaliteit zonder javascript, en gebruik daar bovenop pas javascript om extra's toe te voegen.

En ja, ik ben tegenwoordig full-time devver voor tweakers.net, en wat bovenstaande betreft is er nog genoeg te doen hier