Modern ismeretek WEB oldalon : Javascript ismertető HTML formátumban

Area objektum

Az area objektum bemutatása

HTML3.2Az area objektum bemutatása

Az area objektum tulajdonképpen egy link objektum, melyet az <area...> tag-ben hozunk létre. A hívás érzékeny terülere kattintva a böngésző megnyitja a href="location" URL cím által megjelölt dokumentumot.

Példa:

<map name="terkep"> 
<area shape=rect coords="1,1,249,49" href="#horgony"> 
<area shape=rect coords="1,51,149,299" href="fájl1.htm">
<area shape=circle coords="x,y,r" href="../fájl2.htm">
<area shape=polygon coords="1,5,9,50,42,99" href="http://www.hvg.hu/">
<area shape=rect coords="1,301,249,399" nohref>
</map>
<img src="hypgraph.gif" usemap="#terkep" border=1>

Magyarázat:

A fájl törzsrészében, tehát a <body> és </body> között,a <map name="terkep_neve"> által hozzuk létre a térképet (Imagemap), melynek egyben nevet is adunk. A név csak az angol ABC betűit, számokat és aláhúzásjelet tartalmazhat. A <map...> és <map...> tag-ek között, az <area...> által hozzuk létre a hívásérzékeny területeket, melyeknek alakját a shape=rect / shape=circle / shape=polygon határozza meg.

A kattintható terület koordinátáira a coords= utal. Ezek abszolut koordináták, pixelben megadva. Ha nem adjuk meg, akkor ez alapértelmezés szerint téglalap alakú. A kör esetén az első kettő paraméter a kör középpontjára, míg a harmadik a sugarára utal. Polygon esetében tetszőleges számú sarkot jelölhetünk meg, de ügyeljünk arra, hogy az utolsó koordináta-pár az elsőhöz csatlakozik.

Figyelje meg:

A name="area_neve" lesz a kattintható terület hivatkozási neve.

Az <img src=> utal a térképre, melyen a kattintható területeket kijelöljük .

A nohref hatására a kijelölt területre nem visz sehova, nem nyit meg új dokumentumot..

Azért, hogy a kívánt pixel koordinátákat megtudjuk, érdemes egy grafikus programmot használni. Ilyen pl. a Paint rajzolóprogramm a Windows eszköztárában.

A usemap= által a hívásérzékeny terület koordinátáit egy másik fájlban is megadhatjuk .

A target="ablak_neve" által, megadhatjuk a célablak / keret nevét.

A title="Rövid szöveg" által, ha az egér kurzort áthúzzuk a kattintható terület felett megjelenik egy kis ablakban (Tooltip) a szöveg. Az MS Internet Explorer a 4.x verziótól kezdve képes erre. ( a Netscape még a 4.x-ben sem )

A tabindex= által, lehetséges a  Tabulátor kiválasztási sorrend meghatározása.

StartVissza egy lapotFel a lap elejéreTovább egy lapot

Készült : 1999-10-13Lengyel Sándor