'"problem" is that the onclick event is handled by javascript, and every time I press the save button, a form post happens and I must press again the arrow...'To clarify, when the user clicks upon the arrow, it submits data to a form. Do you want to prevent this form from being submitted when a user generates an onclick event?
In what way are you settting up the onclick event listener? Are you using an inline HTML attribute such as "onclick='call_example_function();'"? Are you using the "element.addEventListener" method to handle the onclick event?
If you want the arrow to function without the form post, you'll need to work with the Event object. Anytime a user invokes an event, such as a mouse click, you can control how it is handled by the browser. If you want to prevent the form from being submitted while the click event occurs, then you can use the 'event.preventDefault()' method. Calling this method in your event handler function stops any further action that would otherwise occur when the click event is invoked. In this case, the action that we want to prevent is the form submittal, correct?
I can't explain JavaScript events in just one post, so I would recommend doing some research on how JavaScript works with events by conducting a web search for the details of how things work. Perhaps this link will provide some insight into how to resolve the problem:
javascript events - Google Search[
^]