V čem udělat klikací mapu? Mám udělat mapu parku, a když se na něco klikne tak se něco otevře ;-) Předsatvoval bych si, že ten program vyrobí nějaké html ...
Fórum › HTML / XHTML
Klikací mapa
na jakpsatweb boli napisane nejake programy na to. ja ti teraz nepoviem presne ako sa volal, pretoze som tesne pro formate disku. mari sa mi nieco geomap, ale to ti neviem zarucit. no necakaj extra vysledok, ja som si to musel trochu doupravovavat sam
Rozhodně to nedělej pomocí IMAGE MAP v HTML, ale udělej to v CSS ;)
http://css.interval.cz/clanky/image-map-menu/
Lukáš Chadraba napsal:
Rozhodně to nedělej pomocí IMAGE MAP v HTML, ale udělej to v CSS ;)
http://css.interval.cz/clanky/image-map-menu/
Na to bych se zdaleka vykakal ;)
Sleduj mě na twitteru – @lukaschury.
To Curo : No ručně bych něco většího taky nedělal. Chtělo by to editor.
To Lukáš Chadraba : pamatuji se, že frontpage to uměl skvěle ;)
Sleduj mě na twitteru – @lukaschury.
To Curo : Já myslel editor toho CSS způsobu :)
Moje první stránky ve Frontpage nesměli být bez image mapy :)
To Paja2 : Jeho nástupci, ale hází dokonale čistý a validní kód. Používám Visual Web Developer 2005 a Expression Web 1.0 ;)...no, ale ten Image mapy nevede :)
Mno, není zas tak strašné spíchnout v JS a php, pokud člověk chce jen html kód (a nechce to nabídnout pro širokou veřejnost):
http://www.rs.webzdarma.cz/map/
Funguje to opravdu primitivně. Člověk prostě nakliká souřadnice ohraničující mnohoúhelník, odešle a může naklikávat další. Kód se generuje dole (edit: plus nutnost napsání si vlastních odkazů), můžete zadat i vlastní cestu k obrázku, na který bude mapa aplikována (nic se neuploaduje, uchovává se jen cesta). Navíc nevhodné pro velké obrázky - div je z jistého důvodu absolutně pozicovaný.
Jinak spíchnuto velmi narychlo a pro radost, takže s optimalizací jsem se neštval. Tzn funguje jen v FF 2 samozřejmě.
Caute udelal sem to z toho linku od orca a toto je zdrojak
<html>
<head>
</head>
<body bgcolor="white">
<map name="for_map"> <area href="index.php" shape="polygon" coords="16, 98, 188, 99, 190, 52, 17, 48">
<img src="map.png" aling="center" widht=90% height=90%>
</map>
</body>
</html>
a toto je vysledek
http://srgv.tym.cz/frames.html
Nevite co s tim ?
To Termikxs : K obrázku musíš přidat navíc atribut usemap="#for_bla". ,)
Jinak dvě poznámky: Jedna klikací oblast ti asi pro celé menu stačit nebude. :) (Stačí si naklikat další oblasti - pokud neklikneš na vymazání oblastí, tak se ti to zachová a kód bude při odeslání další oblasti narůstat.) A za druhý - nevím, jestli se ti nebudou souřadnice oblastí klikací mapy mlátit s 90% velikostí obrázku. ,)
Edit: Ono to stejně budu muset předělat. Na velký obrázky to není stavěný. :/
Za a ) dekuji za b ) nevedel sem jak to napozicovat predtim mi to nejak blblo tak se mto zkusil takhle ... jedna mapa je jen na zkousku ja vim ze das made map a pak znova a znova az ses spokojen ;) ale diky za rady vyzkousim a dam vedet
EDIT Jo trochu se to mlati zasahuje to trochu i do pulky vzkazniku no nic budu muset neco vymyslet ... mimochodem funguje v area href i magicke nazvy cilu ?
To Termikxs : Problém je v tom, že event.clientX/Y bere souřadnice dle toho, kde je myš v okně (nebo prostě v oblasti okna pro stránku či jak to nazvat), a ne dle toho, kde je na stránce. Tzn to ještě budu muset nějak vykoumat, aby to zjistilo, kam už zascrolloval atd. :/ Leda zkusit nějak odhadnout, o kolik je cca další odkaz níž než druhý a přepsat ručně y souřadnice vrcholů.
Co se týče tvé otázky - heh? Magické názvy cílů? Pokud tím myslíš atribut target, tak ten lze přidat jako u norm anchoru. :) ,)
Viz: http://www.jakpsatweb.cz/html/obrazky.html#map
ano mysleno bylo target=_parent aj. a jinak nevis jak udelat aby to mohlo byt 100% a nebylo to kousicek posunute ? dam align center a vzdycky se mi to kousek posune tak ze musim ten scrollbar v ramu posunout (ne nekamenujte me za ramce je to docasne reseni pak to budu layoutovat v psku) jen me ted napada div ale ten se mi taky nikdy nepresunul pres cely html dokument vzdycky tam je maly okraj ... leda zvetsit ramec ..
Přidej příspěvek
Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku
×Vložení zdrojáku
×Vložení obrázku
×Vložení videa
Uživatelé prohlížející si toto vlákno
Podobná vlákna
Klikaci mapa (?) — založil BigBear
Dynamické vs klikací vytváření formů — založil Adam
Klikaci obrazek uvnitr inputu — založil Tomas
Mapa — založil Jim
Moderátoři diskuze