Modern ismeretek WEB oldalon : Javascript ismertető HTML formátumban
Area objektum |
|
Az area objektum bemutatása |
Az area objektum bemutatásaAz 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:
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. |
|