Suna cam aiurea titlul dar nu stiam cum sa scriu mai explicit.
Azi, avand de rezolvat o problema, am descoperit un tagﾃつ ﾃつ html foarte intersant. Nu credeam ca exista asa ceva si am fost foarte entuziasmat. Asa ca m-am gandit sa va povestesc si voua, poate are cineva nevoie vreodata.
Este vorba espre tagul <map>. Ce face acesta? Cu ajutorul lui puteti "sparge" orice imagine in regiuni carora sa le atributi cate un link.
Ca sa fie mai clar am realizat si un mic tutorial:
- alegem o imagine simpla, cu un patrat, un cerc si o forma cu mai multe laturi

Scopul este sa avem un link pe patrat , un link pe cerc si inca unul pe semnul de OK
- scriem urmatorul fisier, pe care il intitulam test.html

Acum , daca puneti ambele fisiere in acelasi folder si executati test.html veti putea observa ca atunci cand va deplasati cu mouseul deasupra imaginilor exista cate un link pentru fiecare.
Pentru a delimita figurile care le dorim se foloseste <area> cu urmatoarele atribute:
- pentru dreptunghi :ﾃつ ﾃつ shape ="rect" coords ="x1,y1,x2,y2" . x1, y1 reprezinta coordonatele coltului din stanga sus iar x2, y2, coordonatele coltului din dreapta jos
- pentru cerc : shape ="circle" coords ="x,y,r" . x siy reprezinta coordonatele centrului iar r, raza cercului
- pentru orice figura cu oricate laturi : <area shape ="polygon" coords ="x1,y1,x2,y2, ... xn,yn,x1,y1" alegem pe figura un punct de pornire ce are coordonatele x1,y1 si apoi urmarim conturul imagii si scriem cat mai multe puncte ce se gasesc pe acest contur, avand grija sa ne intoarcem de unde am plecat.

Cu putina imaginatie si rabdare se pot creea lucruri si mai utile pentru un eventual design Eu am folosit chestia aceasta pentru a face "active" unele judete pe harta tarii.

This post was last modified: 03-19-2008 05:14 AM by Seinfeld.

da, stiam de acest tag, dar nu l-am folosit niciodata inca...

interesant tutorial, si sper ca va fi folositor pentru multi. voi incerca sa fac si eu asa ceva pe o imagine

merci

Eu vroiam sa fac ceva in genul hartii de aici. Si cu ocazia asta am invatat ceva nou. Probleme apar cand incepi sa delimitezi judetele, daca vrei sa arate cat mai bine e ceva de munca.
Pentru imagini mai simpliste merge usor treaba.

))))))
nu pot decat  sa zambesc.....

un tag interesant