Plaatje gebruiken als submit button, maar anders.

Dit script is niet de juiste weg tot het instellen van een achtergrond plaatje bij een submit button. Zoals in de reacties al is gezegd kan hier beter CSS voor worden gebruikt.
[/modedit]

Je kan in je form verschillende submit buttons maken, je geeft ze ieder zijn naam, en als de gebruiker op één van die buttons klikt wordt alleen die naam door gestuurt. Stel je wilt inplaats dan een button, een plaatje hebben.. Dan verlies je die functionaliteit, ik leg uit hoe je die terug krijgt.

Gesponsorde koppelingen

Hosting al vanaf € 1,- per maand

Controleer nu gratis jouw domeinnaam:

  

Inhoudsopgave

1. Inleiding
2. Simpel de submit knop veranderen
3. Via javascript submit knop veranderen
4. vervolg
5. Hoe een plaatje te gebruiken
6. De uiteindelijke code
7. Slot

13 reacties op 'Plaatje gebruiken als submit button, maar anders.'

PHP hulp
0 seconden vanaf nu

 

Gesponsorde koppelingen

jordi kroon
2 jaar geleden

 

2 -0

Dit kan je toch ook gewoon in css doen ?

Karl Karl
2 jaar geleden

 

3 -0

Onzin tutorial. Foute code. Weg er mee.

PHP Jasper
2 jaar geleden

 

1 -0

Ja kan het veel simpeler doen via css d.m.v. een class mee te geven.

(jordi had het al gezegd)

Vincent Huisman
2 jaar geleden

 

6 -0

waarom kunnen we niet tuts en scripts +/- geven en wanneer er < -20 ze verdwijnen ofzo

Wouter J
2 jaar geleden

 

2 -0

Waarom niet een systeem dat je eerst een goede tutorial moet maken, die de script/tutorial moderators accepteren. En pas daarna mag je vrij scripts schrijven? Want zo krijgen we allemaal onzin scripts en tutorials.

Karl Karl
2 jaar geleden

 

1 -0

Wouter J omdat dat slim is.

Hertog Jan
1 jaar geleden

 

0 -2

Iedereen die zegt dat dit alleen maar mogelijk is met CSS. Fout bepaalde knoppen kun je niet maken met CSS denk een eens aan een groeiende knop met ronde hoeken? Leg mij maar eens uit hoe je die kan maken met een submit butten en zonder CSS3...

Joris van Rijn
1 jaar geleden

 

0 -0

@oetzie http://www.iwebtoolsonline.com/html-and-css-rounded-corner-button-generator

Eerste hit op google, je krijgt zelfs een gen voor geschoteld.

Hertog Jan
1 jaar geleden

 

0 -0

@Joris, check de source code van de buttons... Dit zijn niet gewoon standaard input type='submit' buttons...

Joris van Rijn
1 jaar geleden

 

1 -0

Je hebt gelijk. Niet gechecked. Maar google het! Je zult veel vinden.

Jasper van Thuijl
1 jaar geleden

 

0 -0

Waarom zou <input type='image' src='image.png' name='knop1' /> niet voldoen? Dit lijkt me best aan te passen met JavaScript.

http://www.w3schools.com/tags/att_input_type.asp

quote: 'Defines an image as a submit button'

Wouter J
1 jaar geleden

 

1 -0

Of maak het gewoon op met CSS, nog makkelijker:

Code (php)

1
2
3
4

input[type=submit]
{
  background: url('je/afbeelding.png');
}

Jeffrey G
1 jaar geleden

 

0 -0

Ben her volledig met Wouter en anderen eens.
Waarom moeite doen als CSS het voor je op kan lossen?