通过一个按钮同时执行两个javascript函数？

Question

<center>
        <form id="f1">
            <textarea name="textcontent" id="styled" cols="40" rows="4"></textarea>
                <br>
            <input onclick='JavaScript:xmlhttpPost("/cgi-bin/test.py")' type="button" value="Show" class="blue"/>
                <br><br>
            <div id="qList">
                <img id="loading_image" src="ajax-loader.gif"/>
            </div>
        </form>
</center>

I want the image as shown in the code to appear when the Show button is clicked and the image to be replaced by the content returned by the python file.

I know I can use this script onclick="$('#loading_image').show();" , but how can I make them execute together, so that image is replaced by some other content ?

Answer 1

First, it is better to use addEventListener , or .on from jQuery.

Second, all you have to do is have your handler call those two functions:

function handler() {
    xmlhttpPost("/cgi-bin/test.py");
    $('#loading_image').show();
}

Then bind as follows:

<input id="myInput" type="button" value="Show" class="blue"/>

...

$("#myInput").on("click", handler);

Answer 2

The best way is:

 <input type="button" onclick="manyfunctions()" value="Send" /> <script src="script.js" type="text/javascript"></script> 

And script.js should be like this:

 function manyfunctions() { somefunctions() anotherfunction() //List functions to herre }