[HTML] Hoe maak ik in een form van een image een zend button

[Verwijderd]

Ik heb deze code, waarbij mensen hun email adres in een vakje kunnen invullen en dan op een image kunnnen drukken waarop send staat. Er worden wat javascript functies aangeroepen dat wordt gebruikt om het knopje een effect mee te geven:

<input name="textfield" type="text" class="emailField">

<a href="emailopslaan.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('GO button','','images/imagerollover.jpg',1)">

[img]"images/imageSEND.jpg"[/img]</a>

Het sturen van de gegevens lukt niet via <a href natuurlijk, maar ik heb geen idee hoe het moet.

Hoe kan ik hier een form van maken, zodat als ik op de laatste image SEND klik dat alle ingevulde gegevens doorgestuurd worden naar emailopslaan.php

Ik heb zelf dit geprobeert

<form name="form1" method="post" action="emailopslaan.php">
<input name="textfield" type="text" class="emailField">
</form>

<a href="emailopslaan.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('GO button','','images/imagerollover.jpg',1)">

[img]"images/imageSEND.jpg"[/img]</a>

ik moet ergens die <input type="submit" name="valider" value="Zend"> tussen zetten en die a href weghalen maar toch dat het effect nog werkt. ik snap niet hoe het moet omdat value nue niet zend is, maar een image.

Iemand die mij kan helpen?

[Vinnienerd]

Zoek het eens bij de Javascriptfunctie submit();

[Gert]

Hmm een plaatje als submit button, dat ze daar nooit eerder aan gedacht hebben. Daar zouden ze natuurlijk best input type van kunnen maken.

[Victor]

Als ik me niet vergis werkt

code:

<input type="image" src="images/imageSEND.jpg" title="Submit Email" />

ook als submitknop.

edit:
Gert

[ Voor 23% gewijzigd door Victor op 03-12-2005 15:44 ]

[Verwijderd]

King_Louie schreef op zaterdag 03 december 2005 @ 15:44:
Als ik me niet vergis werkt

code:

<input type="image" src="images/imageSEND.jpg" title="Submit Email" />

ook als submitknop.

edit:
Gert

Heel erg bedankt. Het werkt
Toppie.

Moet alleen nog proberen dat javascript stukje nog werkend te krijgen omdt het niet meer tussen <a href.....> kan.

[b19a]

het lijkt me beter om het volgende te gebruiken
[html]<button type="submit"><img ... /></button>[/html] In je CSS moet je vervolgens het een en ander declareren om de border/background weg te gooien.

[Verwijderd]

BoukeHaarsma schreef op zaterdag 03 december 2005 @ 17:15:
het lijkt me beter om het volgende te gebruiken
[html]<button type="submit"><img ... /></button>[/html] In je CSS moet je vervolgens het een en ander declareren om de border/background weg te gooien.

Werkt inderdaad ook perfect, nu kan ik zelfs die javascript goed gebruiken. Echter ik kan nog niet vinden hoe ik die button background weg kan halen....

[Verwijderd]

Als ik style="background-color:transparent" en border = 0 doe dan houd ik nog steeds een grijs randje, die gaat niet helemaal weg...

mijn image is rond en ik blijf altijd een vierkant eromheen houden die zichtbaar is als je erop klikt..

[ Voor 38% gewijzigd door Verwijderd op 03-12-2005 18:31 ]

[NMe]

Je kan prima Javascript uitvoeren als je op een submit knop drukt?

HTML:

<form action="blaat.html" method="post" onsubmit="jouwJSFunctie()">
...
  <input type="image" src="link_naar_plaatje.gif" />
</form>

Verder staat dit topic in het verkeerde subforum. Zoals je in onze FAQ had kunnen lezen hoort HTML en Javascript in Webdesign & Graphics, en niet hier. Daarnaast is je vraag redelijk van basisniveau en prima te vinden als je wat Googlet en tutorials doorneemt. Daarom doe ik je topic op slot in plaats van het te verplaatsen.

Overigens, als je code wil plaatsen, wil je dan in het vervolg de [code]-tag gebruiken? Dat leest wat makkelijker.