Odkazy v obraze
Odkazy v obraze
Ahojte chcel by som nejak spravit aby bolo na obrazku v urcitych jeho miestach odkazy na nejaku stranku to by som aj vedel spravit ale chcel by som to tak ze vo vyhladavani na stranke kde date vyhladat napr nejake meno miesta tak ze vam ho vyznaci na tom obrazku aj s tym odkazom slo by to ?
-
audiotrack
VIP
- Príspevky: 25958
- Registrovaný: 09 sep 2005, 18:39
- Kontaktovať používateľa:
-
audiotrack
VIP
- Príspevky: 25958
- Registrovaný: 09 sep 2005, 18:39
- Kontaktovať používateľa:
ja by som to robil tak, že by každá area v tej mape mala svoje id, ktoré by bolo vlastne meno a priezvisko. Po zadaní hladaného reťazca by som si všetky area nahádzal cez javascript do pola a všetkým zrušil classname (aby som upratal pred prípadným predošlým vyhladávaním). Prebehol by som ich ID a kde by bola zhoda, tak by som zmenil classname tej area na nejaký inú (napríklad ohraničenie červenou..). Odhadujem to na javascript do 10 riadkov.
-
audiotrack
VIP
- Príspevky: 25958
- Registrovaný: 09 sep 2005, 18:39
- Kontaktovať používateľa:
návody, hmm ani nie. Skôr ti viem povedať na čo konkrétne sa môžeš zamerať a googliť ako sa to robí
1) tým aream dáš name (všetkým rovnaké), a potom ich máš všetky v poli: document.getElementsByName(meno).
2) pristúpenie k jednému konkrétnemu podľa id (id bude jedinečné, to meno a priezvisko): document.getElementById(meno)
3) hladanie reťazca: string.search(hladany) vrati poziciiu vyskytu (stačí overiť či je >0 a potom mám zhodu)
4) zmena štýlu: document.getElementById(meno).className='názov triedy nového štýlu';
pre zjednodušienie si to pole môžeš nazvať, potom to bude:
potom k jednotlivým prvkom pristupuješ ako pole[1], pole[2]... Budeš to potrebovať kôli cyklu keď budeš mazať všetky predošlé štýly.
Cyklus bude
a ešte jedná dôležitá vec: javascript je casesensitive, teda záleží na malých a velkých písmenách. getelementsbyname ti nevezme, treba to dat getElementsByName (ostatné obdobne)
1) tým aream dáš name (všetkým rovnaké), a potom ich máš všetky v poli: document.getElementsByName(meno).
2) pristúpenie k jednému konkrétnemu podľa id (id bude jedinečné, to meno a priezvisko): document.getElementById(meno)
3) hladanie reťazca: string.search(hladany) vrati poziciiu vyskytu (stačí overiť či je >0 a potom mám zhodu)
4) zmena štýlu: document.getElementById(meno).className='názov triedy nového štýlu';
pre zjednodušienie si to pole môžeš nazvať, potom to bude:
Kód: Vybrať všetko
var pole = getElementsByName(meno);Cyklus bude
Kód: Vybrať všetko
for(var i=0; i<pole.length; i++)a ešte jedná dôležitá vec: javascript je casesensitive, teda záleží na malých a velkých písmenách. getelementsbyname ti nevezme, treba to dat getElementsByName (ostatné obdobne)