Hi,
mám takovej problém:
potřebuji odeslat formulář pomocí klikací mapy. Pomocí JS není problém, ale co bez něj?
to asi dost dobře nejde, navrhuju použít <input type="image">
(viz http://www.jakpsatweb.cz/formulare-html.html#input)
jakpsatweb.cz - html - formulare - input type=image
jakpsatweb.cz - html - map
jakpsatweb.cz - css - background
jakpsatweb.cz - javascript - priklady (location.href, onsubmit, onclick="funkce()return false")
atd...
peta (peter-mlich.wz.cz):
ehm ... sorry možná jsem natvrdlej, ale co jsem se měl dozvědět?
S HTML už nějakej ten pátek dělám a jakpsatweb.cz mám pročtený od sklepa po půdu. Obrázkové inputy používat umím, obrázkové mapy taky. Ani jedno nefunguje tak, jak chci já - obrázkové tlačítko nenatvaruji tak, jak chci já, obrázkovou mapou zase neodešlu formulář. Javascriptem to už mám vyřešené, pouze jsem chtěl nějakou náhradu pro maníky s vypnutým JS.
Tom (manual.wz.cz)
Souhlasim, jsi natvrdlej.
reseni 1
pouzit input type=image , pokud neni treba vybirat z obrazku urcite casti pro odesilani zvlast, viz RUR
reseni 2
najit si manual k obrazkovym mapam, pripadne v google, treba se tam neco vystoura
reseni 3
pokud neni treba resit to obrazkovou mapou, dali by se odkazy napozicovat. Viz http://axpsu.fpf.slu.cz/~web/ff3.htm
nebo starsi verze u mne na webu v hrach
Lze napozicovat vice obrazku pres sebe, napr.
http://www.fpf.slu.cz/obecne/jirasek/kontakt/
menu vpravo
a nebo odkazy ma interaktivni mapy, pravdepodobne resene pres js
http://www.volny.cz/peter.mlich/www.htm#mssub12
reseni 4
javascriptem se da odkaz z obrazkove mapy presmerovat jinam
A href="blabla" onclick="funkce(); return false;"
lepsi?
Dobrý téma - začínám se bavit...
Lama (lama.webzdarma.cz): no comment ... ;)
peta (peter-mlich.wz.cz):
Ok, asi budu natvrdlej - žádám o funkční ukázku.
Tady máš formulář:
<form name="frm" action="" method="get">
<label for="all"><input type="radio" id="all" name="type" value="KA" checked="checked" />Vše</label>
<label for="pub"><input type="radio" id="pub" name="type" value="KV" />Veřejné</label>
<label for="spe"><input type="radio" id="spe" name="type" value="KS" />Speciální</label>
<input type="hidden" name="loc" value="">
</form>
a tady máš obrázek:
http://manual.wz.cz/download/mapaall.gif
Žádaný výsledek by měl po kliknutí na každý kraj přidat do URL patřičné parametry (podle zvoleného typu, podle kraje). Takže pokud např. vyberu "Všechny" a "Praha", tak abych v url měl ?type=KA&country=praha. Pro "Speciální" a Středočeký kraj ?type=KS&country=stredocesky, atd...
Opakuji že přes JS už to mám a že hledám řešení pouze v HTML (a CSS).
Předem dík ;)
image mapa to resi, ne?
image mapa funguje tak, ze zadas oblast a pak je tam normalni odkaz. V tom odkazu budes mit tvoje udaje.
Bavime se o
http://www.jakpsatweb.cz/html/obrazky.html#map
protoze nekteri lide chapou pojem image mapa trosku po svem.
Coz je pouzitelne reseni pro klikani, jenze uz nemuzes delat hover, protoze to tam nejak nefunguje, mam pocit.
V pripade position je to podobne jako v mem priklade s sestiuhelniky. Proste napozicujes ruzne obdelnikove oblasti. Pokud je potrebujes hoverovat, muzes presouvat polopruhledne hoverovane casti, pouhou zmenou css.
Coz je ctvereckove reseni, ty asi nad tim ohrnes stejne noc, zbytecna prace.
Pokud mas v tom formulari dalsi parametry a nejen kraj, tak se to da udelat jenom presmerovanim odkazu javascriptem.
To vybirani vsechno a praha jsem nepochopil.
Priklad ti delat nebudu, dal jsem ti tip, dal jsem ti odkazy na interaktivni mapy. Nektera myslim byla ciste css.
Ja se taky zacinam bavit :) Na jpw se do mne zase pustili. Tady ti to asi leci Tom. Proc? Mno, RUR prisel tez s input type image, ale priklad je zadan po mne :) Co si o tom mam asi myslet?
OT: peta: z některých tvých reakcí se vkrádá dojem, že jsi bytost z trochu jiného světa než my ostatní a tak to, co si asi o tom můžeš myslet je pro nás neproniknutelná záhada...
Co komu léčím? A ten úkol jsem schválně zadal tobě, protože jsi působil mnohem odbornějším dojmem. Z toho jsem usoudil, že bych u tebe mohl mít největší šanci na úspěch... ;)
Tohle by nebylo řešení?
<p><map name="mapa">
<area href="form.php" shape="rect" name="polozka1" coords="100, 100, 140, 140"></map>
<img src="obrazek.jpg" alt="" usemap="#mapa" width="150" height="150"></p>
Ohodnotím to sám: blbost :-)
Tom (manual.wz.cz)
Aha, pockej, to ti pripomenu :) Chtell jsem ti dat jen par tipu, predpokladam, ze priklad si dokazes udelat sam. Priklad na na pozicovani jsem ti dal s temi hexagony, kde jsem to osidil tim ctvereckovanim a celkem to tam ani nevadi.