hi all, i want to show Loading image(Loading1 and Loading2) when user click the button( groovybtn1) each time, then when Receive msg from Applet , loading image will be disappear , but now when i click the button , didn't show the loading image , please someone can help me to solve the problem ? <script> function showmsg1(str) {document.getElementById('Loading1').innerHTML = str;} // Receive msg from Applet function showmsg2(str) {document.getElementById('Loading2').innerHTML = str;} // Receive msg from Applet function showLoading( ) { _oTag = document.getElementById("Loading1"); _oTag.style.display = ""; //show Loading1 img _oTag2 = document.getElementById("Loading2"); _oTag2.style.display = ""; //show Loading2 img } var btn1 = document.getElementById('btn'); btn1.attachEvent('onclick', showLoading); </script> <body> <form name="groovyform" > <input type="button" id="btn" class="groovybutton" value="Begin Test" onMouseOver="goLite(this.form.name,this.name)" onMouseOut="goDim(this.form.name,this.name)" onclick="this.disabled=1; document.getElementById('myApplet').go();" > </form> <div id="Loading1" style="float:left; display:none"> <img src="images/Loading.jpg" style="vertical-align:middle;padding:6px"/> </div> <div id="Loading2" style="float:left; display:none"> <img src="images/Loading.jpg" style="vertical-align:middle;padding:6px"/> </div> </body Code (markup):