login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Onclick Button Value

Offline Martijn1989 - 22/09/2006 15:39
Avatar van Martijn1989PHP ver gevorderde Ik zou graag willen weten hoe ik in javascript het volgende maak :

Niet OnClick : [button Value="Host it"]


OnClick : [button Value="Uploading ..."]

Dus als je klikt dat de tekst veranderd op de button.

5 antwoorden

Gesponsorde links
Offline Webtijn - 22/09/2006 15:49
Avatar van Webtijn PHP interesse Simpel, hieronder een voorbeeldje...

Submit knop
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <input type="submit" value="Aanmelden" name="knop">


JS Code
php code - Bekijk de code zonder highlighting - Klap code in 
  1. function wachten()
  2. {
  3. 	document.forms.formulier.knop.disabled = "true";
  4. 	document.forms.formulier.knop.value = "Een ogenblik geduld aub...";
  5. }


php code - Bekijk de code zonder highlighting - Klap code in 
  1. <form method="POST" onsubmit="wachten()" name="formulier">


Komt rechtstreeks van 't internet hoor, no credits for me, maar vergeet niet dat name van 't form gelijk moet zijn aan wat in je JS functie staat..! Dus in dit geval formulier.
Offline Thomas - 22/09/2006 15:50
Avatar van Thomas Moderator <button> gebruiken icm innerHTML?

<button type="submit" onclick="this.innerHTML='Uploading...'">Host it</button>

Niet getest - wellicht kan het ook met input-velden.
Offline Martijn1989 - 22/09/2006 16:07 (laatste wijziging 22/09/2006 16:12)
Avatar van Martijn1989 PHP ver gevorderde @ FangorN : Oke, maar hij moet ook disabled worden na de klik

Edit :
php code - Bekijk de code zonder highlighting - Klap code in 
  1. onclick="this.innerHTML='Uploading...';this.disabled = 'true';"


Als ik dit doe gaat hij niet meer verder als ik op host it heb geklikt, hij word wel gedisabled maar dus ook gelijk gestopt.
Offline Stijn - 22/09/2006 17:25
Avatar van Stijn PHP expert
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <head>
  2. <script language="javascript">
  3. function knop_change( id , tekst , disable = true )
  4. {
  5.  
  6. id.disabled = disable;
  7. id.value = tekst;
  8.  
  9. }
  10. </script>
  11. </head>
  12.  
  13. <body>
  14. <input type="button" value="Host it!" onClick="knop_change(this , 'Uploading...' , true );" name="knop" />
  15.  
  16. </body>


normaal zou dit het moeten doen.
Offline Martijn1989 - 22/09/2006 18:01
Avatar van Martijn1989 PHP ver gevorderde @ webtijn : Bij jou gaat hij niet door
@ stijn : Bij jou gebeurd er al helemaal niks


|
|
|----> Webtijn :

De knop veranderd dus wel maar het formulier stopt ermee, na een aantal seconden en refresh zichzelf weer?

Bestand : http://195.238.74.87/~design/uploaden.php
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.22s