[js] pagina stopt met laden na klikkeen op link me

[Bender]

Op mijn wesite staan thumbnails van foto's die een pop-up krijgen als erop geklikt word.

[url="http://home.triloxigen.nl/photos"]http://home.triloxigen.nl/photos[/url]
[niet op de foto's letten ;)]

Als er dus op geklikt word dan stoppen de thumbnails met laden, dit is niet echt prettig aangezien er nogal wat foto's staan en er steeds meer komen, ik zou wel graag die popupbehouden, maar hoe los ik dat dan op?

[Annie]

<a href="" onclick="openWindow('bla'); return false;"><img></a>

[Bender]

Op vrijdag 19 juli 2002 12:30 schreef Annie het volgende:
<a href="" onclick="openWindow('bla'); return false;"><img></a>

euh, nope
geen effect
[zowiezo onlick="javascript:openWindow]

maareuhm, geen verschil iig...

[Bosmonster]

Op vrijdag 19 juli 2002 12:39 schreef Triloxigen het volgende:

[..]

euh, nope
geen effect
[zowiezo onlick="javascript:openWindow]

maareuhm, geen verschil iig...

bij event geen javascript:, alleen als je een javascript direct vanuit de href wilt uitvoeren.

Maaruh zou je hier niet ff normale HTML van maken?

code:

<a url="javascript:openWindow('http://photo.triloxigen.nl/triloxigen/Evil.jpg', '491','410');
return:false;" target="">

het is href, geen url. return false heeft daar geen zin, zeker niet als er staat return:false.. het is gewoon return false of return(false). target="" ook weghalen.

Oftewel, doe wat Annie zegt

[Bender]

Op vrijdag 19 juli 2002 12:50 schreef Bosmonster het volgende:

[..]

bij event geen javascript:, alleen als je een javascript direct vanuit de href wilt uitvoeren.

Maaruh zou je hier niet ff normale HTML van maken?

code:

<a url="javascript:openWindow('http://photo.triloxigen.nl/triloxigen/Evil.jpg', '491','410');
return:false;" target="">

het is href, geen url. return false heeft daar geen zin, zeker niet als er staat return:false.. het is gewoon return false of return(false). target="" ook weghalen.

Oftewel, doe wat Annie zegt

hehe, die url= was foutje doordat ik verbeterd had nadat wan annie zei..
ik had oorspronkelijk ook dus href

Alleen wat annie zegt werkt niet

[Morrar]

return:false;

Da's niet echt lekkere JavaScript he... Moet wezen

return false;

Weg dus met die dubbele punt. Drom geeft ie een JavaScript error en volgens mij stopt de page daarom met laden.

Trouwens hier was ik ook niet echt van gecharmeerd:

<select onchange="top.location.href=options[selectedIndex].value">

Beter zo (ook al werkt het wel):

<select onchange="top.location.href=this.options[this.selectedIndex].value">

Suc6

edit:

Ok, die return:false; was ik ff te laat mee... Zal in het vervolg eerst ff leren lezen :-$

[Bender]

<a href="javascript:openWindow('http://photo.triloxigen.nl/triloxigen/gsm.jpg', '229','510')" target="">gsm</a>


dat staat er, ik gebruik geen false etc

wat is hier dan fout aan?

[Morrar]

Misschien ff target="" eruit halen?

Verder om ervoor te zorgen dat je maar 1 popup window gebruikt heb ik hier nog een functie voor je:

var PopWin = null;

function Popup(URL, WinX, WinY, WinWidth, WinHeight, WinFeatures)
{
var ScreenWidth = screen.availWidth;
var ScreenHeight = screen.availHeight;
var Percent = 0;

if(WinWidth.toString().indexOf("%")>-1)
{
Percent = parseInt(WinWidth);
WinWidth = parseInt(Math.round((ScreenWidth / 100) * Percent));
}

if(WinHeight.toString().indexOf("%")>-1)
{
Percent = parseInt(WinHeight);
WinHeight = parseInt(Math.round((ScreenHeight / 100) * Percent));
}

if(WinX.toString().indexOf("%")>-1)
{
Percent = parseInt(WinX);
WinX = parseInt(Math.round((ScreenWidth / 100) * Percent));
WinX -= parseInt(WinWidth / 2);
}

if(WinY.toString().indexOf("%")>-1)
{
Percent = parseInt(WinY);
WinY = parseInt(Math.round((ScreenHeight / 100) * Percent));
WinY -= parseInt(WinHeight / 2);
}

if(PopWin && !PopWin.closed)
{
PopWin.close();
}

PopWin = window.open("","PopWin","innerWidth="+WinWidth+",innerHeight="+WinHeight+",width="+WinWidth+",height="+WinHeight+","+WinFeatures);

PopWin.moveTo(WinX, WinY);

PopWin.location = URL;

PopWin.focus();
}

Met deze functie kun je WinX, WinY, WinWidth en WinHeight ook in percentages van het scherm opgeven... Dus om een popup van 400 x 300 in het midden van het scherm te zetten doe je:

<a href="javascript:Popup('http://www.blaat.nl', '50%', '50%', 400, 300, 'scrollbars=no');">blaat.nl</a>

Suc6

[crisp]

Een href is bedoelt voor navigatie; de browser denkt dan ook bij het klikken op een link dat je naar een andere pagina gaat, en dus wordt het laden van de huidige pagina afgebroken (ook stoppen animated gifs etc.). Om dit tegen te gaan moet je vanuit het click event false teruggeven. Meestal is het dan ook duidelijker om in het geval dat je een JS functie wilt uitvoeren die ook in de onClick handler te zetten, en van de href een dummy te maken.
Ergo:

code:

<a href="javascript:jefunctie()" onClick="return false">link</a>

of (dummy href):

code:

<a href="javascript://" onClick="jefunctie();return false">link</a>

Of (nog mooier imho):

code:

function jefunctie() {

  // de code enzo

  return false;

}

en dan simpelweg:

code:

<a href="javascript://" onClick="jefunctie()">link</a>

[Bender]

@morror:
dat hebbeik toch al gedaan

[Bender]

om ff wat misverstanden uit de wereld te helpen, die hoogte en breedte worden uitgelezen uit van hoe groot h4et plaatje is daarom zijn die variable


maar niks heeft effect