Toon posts:

[Javascript] hoe zien of op button is geklikt

Pagina: 1
Acties:
  • 116 views sinds 30-01-2008
  • Reageer

Verwijderd

Topicstarter
ik heb een form met 2 submit buttens, die bij OnSubmit een Javascript aanroepen, maar nu wil ik in dit scriptje checken welke button is geklikt, of, of op button met naam naam_van_button is geklikt...

dus niet, wat veelal hier te vinden is, 2 actions aan 1 form...

get the . ?

  • SchizoDuckie
  • Registratie: April 2001
  • Laatst online: 18-02-2025

SchizoDuckie

Kwaak

JavaScript:
1
2
3
4
if (this.name=='naam_van_button' || this.id == 'naam_van_button')
{
alert('woei! :P');
}


suc7 :)

[ Voor 17% gewijzigd door SchizoDuckie op 03-07-2003 14:47 ]

Stop uploading passwords to Github!


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 22:56

crisp

Devver

Pixelated

mogelijkheid 1: zet in je submitbuttons een onclick event handler die een globale waarde van een bepaalde waarde voorziet; vraag deze variabale uit in je functie die je onsubmit aanroept.
mogelijkheid 2: gewone buttons gebruiken, en onclick je functie aanroepen met een bepaalde parameter. Dan met javascript het form submitten.
Papa Eend schreef op 03 July 2003 @ 14:47:

JavaScript:
1
2
3
4
if (this.name=='naam_van_button' || this.id == 'naam_van_button')
{
alert('woei! :P');
}



suc7 :)
in je onsubmit event handler verwijst 'this' naar het form, en niet naar de button die je ingedrukt hebt ;)

[ Voor 35% gewijzigd door crisp op 03-07-2003 14:50 ]

Intentionally left blank


  • SchizoDuckie
  • Registratie: April 2001
  • Laatst online: 18-02-2025

SchizoDuckie

Kwaak

crisp schreef op 03 July 2003 @ 14:48:
in je onsubmit event handler verwijst 'this' naar het form, en niet naar de button die je ingedrukt hebt ;)
ow oeps :P niet goed gelezen |:( dacht dat hij z'n code aanriep in de onclick van de button :P

Stop uploading passwords to Github!


  • RSchellhorn
  • Registratie: Augustus 2001
  • Laatst online: 09:33
Ik neem aan dat je per button een verschillende actie wil uitvoeren voordat je het form post?
Dan kan het ook zo:

JavaScript:
1
2
3
4
5
6
7
8
9
function knop1() {
  // code voor knop 1
  form.submit();
}

function knop2() {
  // code voor knop 2
  form.submit()
}


met html:
HTML:
1
2
3
4
  <form name="form">
    <button onClick="javascript:knop1()">Knop 1</button>
    <button onClick="javascript:knop2()">Knop 2</button>
  </form>



(Of bedoelde je dit dus juist niet????)

[ Voor 41% gewijzigd door RSchellhorn op 03-07-2003 17:16 ]

"Ik heb zo veel soep gegeten, dat kan een mens niet aan. Ik heb zo veel soep gegeten, kan bijna niet meer staan. Ik zat daar maar te slurpen achter die grote kop en als ik bijna klaar was, dan schepten ze weer op!" (Hans Teeuwen)


Verwijderd

Slayer08 schreef op 03 juli 2003 @ 17:01:
HTML:
1
2
3
4
  <form name="form">
    <button onClick="javascript:knop1()">Knop 1</button>
    <button onClick="javascript:knop2()">Knop 2</button>
  </form>
Vergeet de javascript: in een onclick attribuut. Dat is sowieso javaScript.

TS:
Het zou eventueel zo kunnen:
JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
var iSubmit = 0;
FormSubmit() {
    switch(iSubmit) {
        case 1:
            /* doe hier je ding voor knop1 */
            break;
        case 2:
            /* doe hier je ding voor knop2 */
            break;
    }
    /* doe hier de rest*/
}

HTML:
1
2
3
4
<form onsubmit="FormSubmit()">
    <input type="submit" onclick="iSubmit=1" value="Knop 1" />
    <input type="submit" onclick="iSubmit=2" value="Knop 2" />
</form>
Pagina: 1