1. Mapy odsyłaczy 2. Prostokąt 3. Okrąg 4. Wielokąt
Transkrypt
1. Mapy odsyłaczy 2. Prostokąt 3. Okrąg 4. Wielokąt
1 Mapy HTML <html> 1. Mapy odsyłaczy Mapy odsyłaczy są specjalnym rodzajem obrazów, które są czułe na klikanie. Przy wykonywaniu klasycznych połączeń opartych na elementach graficznych, kliknięcie w obojętnie jakim miejscu obrazu zawsze prowadzi pod ten sam adres. W przypadku map odsyłaczy, obraz posiada zdefiniowane „aktywne obszary”, których wybranie spowoduje przejście pod róŜne adresy docelowe. Mapy odsyłaczy działające po stronie klienta definiowane są za pomocą znacznika <MAP>...</MAP>. <MAP NAME="nazwamapy">współrzędne i adresy</MAP> Wartością atrybutu NAME jest nazwa definicji mapy. JeŜeli na stronie umieszczonych zostanie kilka takich map, kaŜda z nich musi posiadać inną nazwę. Pomiędzy znacznikami <MAP>...</MAP> wprowadzane są współrzędne kaŜdego z obszarów map odsyłaczy oraz adresy URL punktów przeznaczenia, do których obszary prowadzą. Z pomocą znacznika <AREA> definiuje się czułe na kliknięcie obszary na mapach. Typ zastosowanego kształtu obszaru jest deklarowany za pomocą atrybutu SHAPE, który moŜe przyjmować następujące wartości: • • • RECT - prostokąt; CIRCLE - okrąg; POLY - wielokąt. Współrzędne obszaru podawane są jako wartości atrybutu COORDS. 2. Prostokąt <AREA SHAPE="rect" COORDS="x1,y1,x2,y2" HREF="URL"> COORDS informuje o współrzędnych, przy czym pierwsze dwie liczby w wierszu podają współrzędne lewego górnego rogu prostokąta, a następne dwie - prawego dolnego. Określając współrzędne warto unikać nakładania na siebie obszarów map, choć przeglądarka akceptuje nakładanie. HREF="..." stanowi przywołanie dokumentu HTML. 3. Okrąg <AREA SHAPE="circle" COORDS="x,y,r" HREF="URL"> Pierwsze dwie liczby (x, y) informują o połoŜeniu środka okręgu, ostatnia (r) – o długości promienia. 4. Wielokąt <AREA SHAPE="poly" COORDS="x1,y1,x2,y2,x3,y3,[e1],xN,yN" HREF="URL"> Pary x, y reprezentują wierzchołki wielokąta. Po zdefiniowaniu map odsyłaczy naleŜy umieścić na stronie obraz dodając do znacznika <IMG> atrybut USEMAP. <IMG SRC="obraz.gif" USEMAP="#nazwamapy"> Andrzej Mazur – [email protected] 2 Mapy HTML <IMG SRC="obraz.gif" USEMAP="#mapa1" BORDER="0"> <MAP NAME="mapa1"> <AREA SHAPE="rect" COORDS="15,5,70,60" HREF="1.html"> <AREA SHAPE="rect" COORDS="14,62,80,80" HREF="2.html"> <AREA SHAPE="rect" COORDS="75,10,105,70" HREF="3.html"> <AREA SHAPE="rect" COORDS="86,66,105,81" HREF="4.html"> <AREA SHAPE="rect" COORDS="1,47,14,75" HREF="5.html"> <AREA SHAPE="rect" COORDS="107,47,118,74" HREF="6.html"> </MAP> Andrzej Mazur – [email protected] <html> "nazwamapy" to nazwa mapy zdefiniowanej za pomocą znacznika <MAP NAME="nazwamapy">. Zatem pełna treść polecenia opisującego mapę ma postać: