[JSF/JS] mbv keyboard event een input type=button indrukken

[BalusC]

Ik wil dus met behulp van een toetsenbordcombinatie een input type=button kunnen indrukken. Dit werkt uitstekend bij linkjes:

HTML:

<a id="link1" href="http://www.google.com">link1</a>

JavaScript:

if (...) { // bepaalde toetsencombinatie ingedrukt
   document.getElementById('link1').onclick();
}

Maar het lukt me niet bij de buttons:

HTML:

<input type="button" id="button1" value="button1">

JavaScript:

if (...) { // bepaalde toetsencombinatie ingedrukt
   // document.getElementById('button1').onclick();
   // document.getElementById('button1').onpress();
   // document.getElementById('button1').onsubmit();
}

Allemaal geven ze aan dat de functie onbekend is bij het object. En nee, het is geen optie om de form te submitten met bijvoorbeeld document.getElementById('form1').submit(). Het is allemaal gegenereerde JSF code (waarvan de bovenstaande HTML dus slechts is vertaald), dus ik kan/moet echt alleen maar die ene button indrukken.

Enig idee hoe het wél kan?

[RobIII]

Die button zal toch wel "onclick" een functie "myFunc" aanroepen? Waarom roep je dan niet rechtstreeks myFunc aan?
De button zoals je 'm er nu hebt staan is nogal loos en zou anders ook niets gedaan hebben.

[ Voor 35% gewijzigd door RobIII op 22-06-2006 17:58 ]

[Borizz]

Misschien dat je het volgende kan proberen:

JavaScript:

document.getElementById('button1').click();

[ Voor 7% gewijzigd door Borizz op 22-06-2006 18:01 ]

[BalusC]

RobIII schreef op donderdag 22 juni 2006 @ 17:57:
Die button zal toch wel "onclick" een functie "myFunc" aanroepen? Waarom roep je dan niet rechtstreeks myFunc aan?
De button zoals je 'm er nu hebt staan is nogal loos en zou anders ook niets gedaan hebben.

Sja, dat is lastig te interpreteren Voor diegenen die JSF kennen:

Java Server Faces:

<h:form id="form1">
    <h:commandLink id="link1" action="#{MyBean.action1}">link1</h:commandLink>
    <h:commandButton id="button1" action="#{MyBean.action2}" value="button1" />
</h:form>

Ik wil dus mbv JS toetsencombo's kunnen afvangen om de bovenstaande gegenereerde linkjes en buttons te kunnen uitvoeren.

Bij de h:commandLink lukt dat prima met

JavaScript:

if (...) { // bepaalde toetsencombinatie ingedrukt
   document.getElementById('form1:link1').onclick();
}

[ Voor 24% gewijzigd door BalusC op 22-06-2006 18:05 ]

[BalusC]

Borizz schreef op donderdag 22 juni 2006 @ 18:01:
Misschien dat je het volgende kan proberen:

JavaScript:

document.getElementById('button1').click();

Werkt! Thanks

[RobIII]

BalusC schreef op donderdag 22 juni 2006 @ 18:07:
[...]

Werkt! Thanks

Handige reference voor de volgende keer:
http://msdn.microsoft.com...ence_entry.asp?frame=true

Kies DHTML Objects -> Kies Input type=button (let op: niet "button") -> Kies methods
Voila

[edit]
LOL @Pagina:

quote: http://msdn.microsoft.com.../objects/input_button.asp

code:

<INPUT TYPE=button ID=btnEmergency VALUE="In case of emergency, 
push this button!"
    onClick="alert('Aaaaaaaggggghh!!!!')">

[ Voor 38% gewijzigd door RobIII op 22-06-2006 18:11 ]

[BalusC]

Ik had het beter kunnen weten, gelijk bookmarked

Wat verder ook vaag is, de click() werkt dus óók prima voor de a-element, echter wanneer ik het lokaal als plain HTML test, dan werkt de onclick() niet voor de a-element Zal wel aan JSF-generated code liggen.

[crisp]

click is een method, onclick is een eventhandler-property. onclick() werkt prima om een handler uit te voeren, maar is niet bedoelt voor de default actie

[BalusC]

Wazigheid, in plain HTML werkte de click() wel voor de a-element, maar in een JSF page (ik had thuis even niet de beschikking over een JSF testenvironment) werkte deze niet voor de h:commandLink element. De onclick() werkte weer wel in voor de JSF h:commandLink element. Voor de button werkte de click() wel in zowel plain HTML input type=button element als JSF h:commandButton element.

Maargoed, de gewenste acties werken nu iig wel

[ Voor 23% gewijzigd door BalusC op 23-06-2006 09:53 ]