JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Buttons › OnClick problem in button.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 21, 2024 at 12:05 pm #111615
    tbettinazzi@axioma.it
    Participant

    I’m tryng to substitute html button with <smart-button>.

    In my button, which is within a <form> tag, I do, in the onClick, testLogin(this.form), there testLogin is a very simple jsvascript.

    function testLogin(f) {
    console.log(“testLogin :”+f.username.value+” / “)
    urlResponse = “server/licenseTester?username=”+f.username.value;
    console.log(“testLogin2 :”+urlResponse)
    sendLoginTest(urlResponse);
    return true;
    };

    It works fine with html button.

    Doing it with smart-button the variable f in the js is undefined.

    What’s wrong ?

    Is there an alternative syntax ?

    Tks

    October 22, 2024 at 8:51 am #111620
    Markov
    Keymaster

    Hi Tullio,

    Could you explain in more details what you need to achieve? If it is possible, provide examples, screenshots.

    Regards,
    Markov

    Smart UI Team
    https://www.htmlelements.com/

    October 22, 2024 at 9:17 am #111622
    tbettinazzi@axioma.it
    Participant

    In my code I’ve

    <button onClick=”testLogin(this.form) class=…>

    where testLogin is a very simple js shown above.

    When I substitute with

    <smart-button onClick=”testLogin(this.form) class=…> seems that this.form is undefined and then the testLogin js fails telling me the variable is should receive is undefined.

    Why this.form is undefined with smart-button ?

    What’s the alternative ?

    Tks

     

    October 23, 2024 at 4:32 pm #111630
    Markov
    Keymaster

    Hi Tullio,

    You can use onclick, not onClick.

    Regards,
    Markov

    Smart UI Team
    https://www.htmlelements.com/

    October 25, 2024 at 10:13 am #111650
    tbettinazzi@axioma.it
    Participant

    I tried but this doesn’t solve my problem.

    I tried with
    <script>

    const button = document.querySelector(“#button#);

    button.addEventListener(‘click’,  function(event) {

    alert(‘Ci sono ‘ + button.form);

    });

    </script
    but button.form is undefined.

    Tried also with this.form, same result.

    How can I solve.

    Tks

     

    October 25, 2024 at 10:43 am #111653
    Markov
    Keymaster

    Hi Tullio,

    it will be undefined because the Button does not have such property.

    Regards,
    Markov

    Smart UI Team
    https://www.htmlelements.com/

    October 25, 2024 at 10:53 am #111655
    tbettinazzi@axioma.it
    Participant

    But with standard <button> onClick(“alert(this.form);”) works.

    I need to launch a javascript passing it the containing form.

    Tks

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.