酷!學園

技術討論區 => 網頁技術 => 主題作者是: NARs 於 2011-08-23 17:49

主題: 按鈕事件 ?
作者: NARs2011-08-23 17:49
目前按鈕按下後,會啟動applet執行,再回傳訊息回來,也就是把applet傳回結果把等待圖(Loading1和Loading2)換成傳來的訊息 ,

1.要如何在按了Start 按鈕後,按鈕就不能再按, 直到applet傳回訊息?
2.以及如何在按了Start 按鈕後,才會再出現Loading1和Loading2 的等待圖 案,直到applet傳回訊息蓋掉??


代碼: [選擇]
<script>

function showmsg1(str) {document.getElementById('Loading1').innerHTML = str;} 
function showmsg2(str) {document.getElementById('Loading2').innerHTML = str;}
</script>
<table width="723" border="0" align="center">
          <tr>
          <td width="411" align="center">
          <input type="button" name="button" id="btn" value="Start" style="background-repeat:no-repeat;border-width:0px;background-color:transparent;height:25px;width:90px;cursor:hand;font-weight:bold;font-size:16px;font-family:Arial;color:#000000;background-image:url('images/ROvlBW.gif');" onclick="document.getElementById('applet').go();" />
          </td>
          <td>&nbsp;</td>
          </tr>
          <tr>
            <td align="center" style="font-size:20px">&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
    <td width="411" align="center" style="font-size:20px">Msg_1 from Applet  : </span></td>
    <td width="295"><div id="Loading1" style="float:left;">
 <img src="images/Loading.jpg" style="vertical-align:middle;padding:6px"/>
 </div></td>
   
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td width="3">&nbsp;</td>
  </tr>
  <tr>
     <td width="411" align="center" style="font-size:20px">Msg_2 from Applet  </span></td>
    <td><div id="Loading2" style="float:left;"><img src="images/Loading.jpg" style="vertical-align:middle;padding:6px"/></div></td>
    <td>&nbsp;</td>
  </tr>
</table>

主題: Re: 按鈕事件 ?
作者: micmic32011-08-24 11:41
disabled
主題: Re: 按鈕事件 ?
作者: NARs2011-08-24 15:22
loading 圖在按了都沒顯示,只有在一開始載入頁面時,才會顯示,請問各位大大是那錯了嗎?請大大指導一下
如何在按了Start 按鈕後,才會再出現Loading1和Loading2 的等待圖 案,直到applet傳回訊息蓋掉??



代碼: [選擇]
<script>


function showmsg1(str) {document.getElementById('Loading1').innerHTML = str;}    // 等待傳回訊息顯示,Loading1 圖案消失
function showmsg2(str) {document.getElementById('Loading2').innerHTML = str;}

 function init( ) {
_oTag = document.getElementById("Loading1");
_oTag.style.display = "";  //顯示loading img
  }

if (window.attachEvent) {
window.attachEvent('onload', init);
  } else {
window.addEventListener('load', init, false);
  }

    var btn1 = document.getElementById('btn');
                btn1.attachEvent('onclick', init);  //使用者按下按鈕後,就顯示"Loading1"

 
</script>



<div id="Loading1" style="float:left; display:none">   // 一開始並不顯示loading 圖案
 <img src="images/Loading.jpg" style="vertical-align:middle;padding:6px"/>
 </div>