I have this button:

<button id="check_button" name ="check_button" type="button" onclick="setLocation('...')">
    <span>check</span>
</button>

Now I know I can access it using $('check_button') for example. Is there a way to set the setlocation parameter with Prototype?

I have this button:

<button id="check_button" name ="check_button" type="button" onclick="setLocation('...')">
    <span>check</span>
</button>

Now I know I can access it using $('check_button') for example. Is there a way to set the setlocation parameter with Prototype?

• javascript
• button
• onclick
• prototypejs
• dom-events

Share Improve this question Follow edited Jul 20, 2019 at 9:21 Brian Tompsett - 汤莱恩 5,8937272 gold badges6161 silver badges133133 bronze badges asked Apr 19, 2012 at 11:49 EOBEOB 3,0851717 gold badges4646 silver badges7171 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

function doButtonClick(event, element) {
  console.log('event');
  console.log('element');

  // here, `element` is a reference to the button you clicked.
  var elementId = element.identify();

  // I'm not sure what setLocation takes in as a parameter, but...
  setLocation(elementId);
}

$('check_button').on('click', 'button', doButtonClick);

Here are the docs for the element.on: http://api.prototypejs/dom/Element/prototype/on/

Which is really just a quick way of creating a new Event.Handler: http://api.prototypejs/dom/Event/on/

For sure check out that second doc link - super useful stuff.

Yes,

$('check_button').observe('click',this.setLocation.bind(this,'...'));

setLocation: function(param)
{
alert(param);
}

In this way the param will be always what you pass. " bind " ia a vary powerfull method which holds that ability.