Een hotspot een form laten submitten

[Aakab]

Ik heb dus een plaatje, daar heb ik een hotspot van gemaakt. Daarboven heb ik een aantal invulveldjes...ik wil nu als je op het plaatje klikt de info in die invulveldjes verzonden wordt.

normaal gesproken is het gewoon:

<form method="POST" action="a.asp">
<input type="text" name="T1" size="20">
<input type="submit" value="Verzenden" name="B1">
</form>

maar hoe doen we het met een hotspot, dus dat dfe submit knop vervangen word door een hotspot?

<form method="POST" action="a.asp">
<input type="text" name="T1" size="20">

<p><map name="FPMap0">
<area href="a" shape="rect" coords="54, 8, 170, 36">
</map>
[img]"plaatje.jpg"[/img]
</form>

Op deze manier doet ie het niet (had het ook niet verwacht...)

Wie weet hoe het wel moet?

[Annie]

Je kan via javascript het form submitten, bijv:

code:

<area href="javascript:document.forms[0].submit()">

Of een image input gebruiken als je niet meerdere clickarea's wil definiëren.

code:

<input type="image" .... />

[ Voor 22% gewijzigd door Annie op 07-08-2004 10:32 ]

[Aakab]

Annie schreef op 07 augustus 2004 @ 10:31:
Je kan via javascript het form submitten, bijv:

code:

<area href="javascript:document.forms[0].submit()">

Of een image input gebruiken

code:

<input type="image" .... />

Yes!!!

<form method="POST" action="bla.asp" name="form1">
<input type="text" name="T1" size="20">

<p><map name="FPMap0">
<area shape="rect" coords="54, 8, 170, 36" onclick="document.form1.submit()">
</map>
[img]"images\bank.jpg"[/img]
</form>

hij doet het perfect dankjewel!

[Sn3akz]

Als je je form een naam geeft (form1 bijvoorbeeld) kan het met:

code:

<area onClick="form1.submit()" etc>

edit:
te laat, altijd te laat

[ Voor 24% gewijzigd door Sn3akz op 07-08-2004 10:35 ]

[Aakab]

Sn3akz schreef op 07 augustus 2004 @ 10:34:
Als je je form een naam geeft (form1 bijvoorbeeld) kan het met:

code:

<area onClick="form1.submit()" etc>

edit:
te laat, altijd te laat

hhehe je kan me alsnog helpen :

Op deze manier doet hij het perfect, alleen als ik met me muisje erop ga dan is het muis icoontje gewoon, en laat hij dus niet merken dat het klikbaar is..Hoe kan ik die muisaanwijzer simpel op die gebied wijzigen?

[Sn3akz]

Aakab schreef op 07 augustus 2004 @ 10:41:
[...]


hhehe je kan me alsnog helpen :

Op deze manier doet hij het perfect, alleen als ik met me muisje erop ga dan is het muis icoontje gewoon, en laat hij dus niet merken dat het klikbaar is..Hoe kan ik die muisaanwijzer simpel op die gebied wijzigen?

code:

<area onMouseOver="style='cursor:hand'" onMouseOut=="style='cursor:arrow'">

Even uit m'n hoofd... weet niet zeker of het zo werkt..

[Verwijderd]

style="cursor: hand"

[Sn3akz]

edit:
Dit was maf

[ Voor 93% gewijzigd door Sn3akz op 07-08-2004 10:58 ]

[Verwijderd]

href="#" erbij planten, ie wil per se een href, anders voert ie geen a:hover acties uit (ook geen handje dus)

(is simpeler dan css styles gaan wijzigen

[ Voor 23% gewijzigd door Verwijderd op 07-08-2004 10:47 ]

[Aakab]

Bedankt allemaal!

Doet het nu perfect!

[Sn3akz]

Verwijderd schreef op 07 augustus 2004 @ 10:47:
(is simpeler dan css styles gaan wijzigen

True.. true...

Nog even wat links, als je niks te lezen hebt. Hier kan je alles vinden over CSS..

http://msdn.microsoft.com...or/css/css_node_entry.asp
http://www.devguru.com/Te...ref/javascript_index.html

[ Voor 45% gewijzigd door Sn3akz op 07-08-2004 10:55 ]

[crisp]

* crisp voorziet weer een IE-only site

cursor: handpointer;

verder heeft een form officieel ook geen name attribuut, je kan in plaats daarvan het id attribuut gebruiken, maar je zal het form dan via de forms[] collectie aan moeten spreken, of met getElementById.