javascript - Click a button programmatically - JS -

javascript - Click a button programmatically - JS -

i've seen done in other webapps, i'm new javascript , can't figure out on own. want create google hangout programmatically. however, in official api way can create hangout including hangout button on page.

here's google doc on hangouts button.

what want have user click img of user , open hangout way. seems capture click , 'click' hangouts button in background. however, i'm not javascript wouldn't know how accomplish this.

edit

i tried mohamedrais' solution below no luck. class of button?

here's code button, taken hangouts docs added id:

<script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <div class="g-hangout" id="hangout-gilkojrpuk" data-render="createhangout"> </div>

here's js added, rendered ids:

<script> window.onload = function() { var userimage = document.getelementbyid("img-gilkojrpuk"); var hangoutbutton = document.getelementbyid("hangout-gilkojrpuk"); userimage.onclick = function() { console.log("in onclick"); hangoutbutton.click(); // trigger click event }; }; </script>

when click img, "in onclick" getting logged, function getting called. however, nil happens - hangouts isn't launched.

when click straight on hangouts button launch hangouts. however, want hide , perform click image.

here's image of hangouts button above img:

window.onload = function() { var userimage = document.getelementbyid('imageotheruser'); var hangoutbutton = document.getelementbyid("hangoutbuttonid"); userimage.onclick = function() { hangoutbutton.click(); // trigger click event }; };

this trick

javascript