I would like to find:
<input type="button" class=" btn btn-lg btn-info" value="Continue" onclick="loadFinal();">
and replace it with:
<input type="button" class=" btn btn-lg btn-info" value="Continue" onclick="loadFinal(); applyCode();">.
In short, insert applyCode(); to onclick.
There are 2 things you can do. Approach 1 would remove all click events from the button and add events, approach 2 would add additional events in addition to the existing event.
Approach 1
$('input:button').unbind('click'); // remove all click events associated
$('input:button').on("click",function() // add new click events
{
loadFinal();
applyCode();
});
Approach 2
$('input:button').on("click",function() // add additional click events
{
applyCode();
});
UPDATE :
In order to apply or append the applycode() event to the same element that has loadfinal(), you can use $._data to extract the events and check if a certain event exists or not.
$("input:button").click(function() {
var events = $._data(document.getElementById('btn1'), "events");
$.each(events,function(i,o)
{
alert(i);// give the event type like 'click'
alert(o); // give the event object - you can extract the event name from the object and do the compare with the existint event.
});
});
Alternately, you can directly target the click event.
var events = $._data(document.getElementById('btn1'), "events").click;
$.each(events,function(i,o)
{
alert(i);// give the index
alert(o); // give the event object - you can extract the event name from the object and do the compare with the existint event.
});
});
Implementation : http://jsfiddle.net/qk5qj33u/15/
I don't think find & replace is what you'd be best using. Instead you can use Javascript to attach events for you. As you've tagged the question with jQuery, try this:
<input type="button" class=" btn btn-lg btn-info" value="Continue">
$(function() {
$('input[type=button]').click(function() {
loadFinal();
applyCode();
});
});
Note that the above selector is purely for demonstration purposes, you'd be better setting an id attribute, or single specific class on the element and selecting it by that instead. You could even hook to the submit event of the form, assuming this button is used for that purpose.
