2013-02-28 86 views
0

開始運行我已經當我錄製按鈕單擊下面的腳本開始運行加載圖像。 我想顯示圖像時,我在錄製按鈕點擊這是一樣的一個通常顯示的,當我們在上傳圖片... 這是腳本:顯示當阿賈克斯在後臺

<script> 
function st() 
{ 
    if (window.XMLHttpRequest) 
    { 
     xmlhttp=new XMLHttpRequest(); 
    } 
    else 
    { 
     xmlhttp=new ActiveXObject('Microsoft.XMLHTTP'); 
    } 
    xmlhttp.onreadystatechange=function() 
    { 
     if (xmlhttp.readyState==4 && xmlhttp.status==200) 
     { 
     alert('RECORDING Start'); 
     } 

    } 
    xmlhttp.open('GET','http://localhost/IPCAM/start.php;) 

    xmlhttp.send(); 

setTimeout('st()',5000); 
} 
</script> 

這當我按一下按鈕這個按鈕的ajax開始背景。

<button OnClick="st()">Record</button> 

我沒有想法做到這一點,請有人可以幫助我。

+0

是什麼'st'嗎? – 2013-02-28 21:15:03

+0

st()是對腳本的函數調用,它開始執行一個從ip攝像頭獲取幀的頁面record.php。 – 2013-02-28 21:17:24

+0

你正在引入一個不需要的全局'xmlhttp',並且你沒有關閉字符串'http:// localhost/IPCAM/start.php'。而'setTimeout'的首選語法是'setTimeout(function,timer)'而不是'(string,timer)'。 – 2013-02-28 21:18:35

回答

1

首先我覺得你的問題很清楚,但讓我試試:

請確保您有一個CSS類定義圖片:

.recordingBackground 
{ 
    background-image: url("record.png"); 
} 

(或者只是使用JavaScript)

創建按鈕:

<input type="button" id="recordButton" value="Record" /> 

讓jQuery的聽按鈕,你可以添加類的元素:

$('#recordButton').live("click", function() 
{ 
    $('#background').addClass('recordingBackground'); 
    // Or use a similar method (for example: pure javascript). 
    // #background is just an example div. 
}); 
+0

你是不是指'addClass()'? – Archer 2013-02-28 21:28:37

+0

@阿奇爾哦,是的,對不起。固定。 – Jonast92 2013-02-28 21:32:58

+0

啊 - 不錯的:) – Archer 2013-02-28 21:40:37

1

添加一個div id爲loadingDiv和更改您的代碼此

<script> 
function st() 
{ 
         if (window.XMLHttpRequest) 
         { 
          xmlhttp=new XMLHttpRequest(); 
         } 
         else 
         { 
          xmlhttp=new ActiveXObject('Microsoft.XMLHTTP'); 
         } 
         xmlhttp.onreadystatechange=function() 
         { 
          if (xmlhttp.readyState==1) 
          { 
          document.getElementById("loadingDiv").innerHTML = "<img src='loading.gif'/>"; 
          } 
          if (xmlhttp.readyState==4 && xmlhttp.status==200) 
          { 
          alert('RECORDING Start'); 
          } 

         } 
         xmlhttp.open('GET','http://localhost/IPCAM/start.php; 

         xmlhttp.send(); 

setTimeout('st()',5000); 
} 
</script> 
+0

此外,字符串「http:// localhost/IPCAM/start.php」未關閉。你的代碼中也有一個全局變量'xmlhttp'。爲什麼不在'xmlhttp.send()'之後開始動畫呢? – 2013-02-28 21:24:35

+0

感謝MIIB它的工作! – 2013-02-28 21:29:30