Plaatje gebruiken als submit button, maar anders.

Door Carlo boy, 12 jaar geleden, 9.358x bekeken


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

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

 

Er zijn 18 reacties op 'Plaatje gebruiken als submit button maar anders'

PHP hulp
PHP hulp
0 seconden vanaf nu
 

Gesponsorde koppelingen
Jordi Kroon
Jordi Kroon
12 jaar geleden
 
Dit kan je toch ook gewoon in css doen ?


12 jaar geleden
 
Onzin tutorial. Foute code. Weg er mee.
Jasper DS
Jasper DS
12 jaar geleden
 
1 +1 -0 -1
Ja kan het veel simpeler doen via css d.m.v. een class mee te geven.

(jordi had het al gezegd)
Vincent Huisman
Vincent Huisman
12 jaar geleden
 
waarom kunnen we niet tuts en scripts +/- geven en wanneer er < -20 ze verdwijnen ofzo
Wouter J
Wouter J
12 jaar geleden
 
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.


12 jaar geleden
 
Wouter J omdat dat slim is.
Joakim Broden
Joakim Broden
12 jaar geleden
 
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
Joris van Rijn
12 jaar geleden
 
0 +1 -0 -1
@oetzie http://www.iwebtoolsonline.com/html-and-css-rounded-corner-button-generator

Eerste hit op google, je krijgt zelfs een gen voor geschoteld.
Joakim Broden
Joakim Broden
12 jaar geleden
 
0 +1 -0 -1
@Joris, check de source code van de buttons... Dit zijn niet gewoon standaard input type='submit' buttons...
Joris van Rijn
Joris van Rijn
12 jaar geleden
 
Je hebt gelijk. Niet gechecked. Maar google het! Je zult veel vinden.
Jasper x
Jasper x
12 jaar geleden
 
0 +1 -0 -1
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
Wouter J
12 jaar geleden
 
1 +1 -0 -1
Of maak het gewoon op met CSS, nog makkelijker:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
input[type=submit]
{
  background: url('je/afbeelding.png');
}
Jeffrey G
Jeffrey G
11 jaar geleden
 
0 +1 -0 -1
Ben her volledig met Wouter en anderen eens.
Waarom moeite doen als CSS het voor je op kan lossen?
Sem E
Sem E
10 jaar geleden
 
0 +1 -0 -1
Die man heeft hier veel moeite in gestoken en krijg je alleen maar negatieve reacties terug.

Stank voor dank noemen we dat, ik vind het wel goed dat ie een alternatief erop zet, waarschijnlijk weet de persoon zelf ook donders goed dat je met css dit probleem ook kan oplossen. Maar dit is misschien wel een goede tut voor javascript beginners.

Ik vind t goed dat je t doet, dus keep on.

Greetz
Sem
Ozzie PHP
Ozzie PHP
10 jaar geleden
 
@Sem E: je reageert op een topic van 2 jaar oud. :-/
Sem E
Sem E
10 jaar geleden
 
no sh*t sherlock ;)

Ik dacht ik zeg t maar. Voor mensen zoals mij die dingen opzoeken, en die op deze pagina uit komen
Ozzie PHP
Ozzie PHP
10 jaar geleden
 
1 +1 -0 -1
Ten eerste is het niet gewenst om te reageren op een topic van 2 jaar oud, tenzij het een nuttige inhoudelijke reactie betreft, waarvan in dit geval geen sprake is.

Ten tweede, hoe kansloos is het dat je mijn reactie een negatieve beoordeling geeft? Triest hoor...
PHP hulp
PHP hulp
0 seconden vanaf nu
 

Gesponsorde koppelingen
Sem E
Sem E
10 jaar geleden
 
0 +1 -0 -1
Oke.

Om te reageren heb je een account nodig en je moet ingelogd zijn.

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

Labels

PHP tutorial opties

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.