Kezdőlap

Cégismertető
Partnereink
Kapcsolat

Eszközök
Quoted-printable kódoló
Base64 kódoló
Html kódoló
Url kódoló
Guid generátor
Machine key generátorÚj









A kép új ablakban történő feldobása egy javascript blokk segítségével történik, mely az ezen az oldalon megjelenő képet magába foglaló hivatkozás onclick eseményéből van meghívva.

A működéshez az oldalon elhelyezendő a következő javascript blokk - praktikusan a head tag környékén (ne felejtsük el körülötte a script tag-eket) - és a képre történő hivatkozás:

function OpenNewWindow(bigurl, width, height)
{
    var newWindow = window.open("", "pictureViewer", "location=no, directories=no, fullscreen=no, menubar=no, status=no, toolbar=no, width=" + width + ", height=" + height + ", scrollbars=no");
    newWindow.document.writeln("<html>");
    newWindow.document.writeln("<body style='margins: 0 0 0 0;'>");
    newWindow.document.writeln("<a href='javascript:window.close();'>");
    newWindow.document.writeln("<img src='" + bigurl + "' alt='Click to close' id='bigImage'/>");
    newWindow.document.writeln("</a>");
    newWindow.document.writeln("</body></html>");
    newWindow.document.close();
}

 

A script blokkban látható, hogy nem történik más, mint az új böngészőablak megnyitása után egy mini html oldalt írunk bele az új böngészőbe. 

Amikor az oldalba betűzzük a képet, rá kell tennünk egy hivatkozást (anchor) is. A hivatkozás onclick mezőjébe betesszük a függvényünk meghívását, melyet már az oldalba illesztettünk. A függvény három paramétere közül az első a megjelenítendő kép neve, majd a nyitandó ablak szélessége és magassága.

A képhivatkozásnál a függvényhívás a következőképpen néz ki:

<a href="#" onclick="OpenNewWindow('images/bigpicture.jpg', 500, 500); return true;"><img src="images/smallpicture.jpg" alt="Click..."/></a>

 



Copyright © 2014 NOWAN Informatikai Szolgáltató és Tanácsadó Bt.