Two onClick actions one button

Question

Does someone know a wizards trick to make it work     lt input type  button  value  Dont show this again    onClick  fbLikeDump     onclick  WriteCookie       gt    PS  I am using it in a  js file

User · Answer

Give your button an id something like this:


<input id="mybutton" type="button" value="Dont show this again! " />

Then use jquery (to make this unobtrusive) and attach click action like so:


$(document).ready(function (){
    $('#mybutton').click(function (){
       fbLikeDump();
       WriteCookie();
    });
});

(this part should be in your .js file too)

I should have mentioned that you will need the jquery libraries on your page, so right before your closing body tag add these:


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://PATHTOYOURJSFILE"></script>

The reason to add just before body closing tag is for performance of perceived page loading times

User · Answer

Try it    lt input type  button  value  Dont show this again    onClick  fbLikeDump   WriteCookie       gt    Or also   lt script gt  function clickEvent        fbLikeDump        WriteCookie       lt  script gt   lt input type  button  value  Dont show this again    onClick  clickEvent       gt

User · Answer

Additional attributes  in this case  the second onClick  will be ignored  So  instead of onclick calling both fbLikeDump    and WriteCookie     it will only call fbLikeDump     To fix  simply define a single onclick attribute and call both functions within it    lt input type  button  value  Don t show this again    onclick  fbLikeDump   WriteCookie       gt

User · Answer

lt input type  button  value       onClick  fbLikeDump    WriteCookie       gt

[javascript] Two onClick actions one button

Examples related to javascript

Examples related to html