스크립트 기능이 완료 될 때까지 이미지로드 (GIF)를 표시하는 방법

HTML 단추가 있습니다. 코드는스크립트 기능이 완료 될 때까지 이미지로드 (GIF)를 표시하는 방법

<div id="apDiv1"> 
    <input name="wpost" type="button" value="Publish" onClick="wall_publish()"/> 
</div>

때 사용자가 버튼이 울부 짖는 소리 주어진 같은 페이지의 .CODE 'wall_publish()'기능에 스크립트 함수 '() wall_publish'호출 '게시'를 클릭 울부 짖는 소리 주어진다 ,

<script> 
function wall_publish(){ 
     //some codes... 
    } 
</script>

스크립트 기능이 완료 될 때까지 '게시'버튼 근처에로드하는 gif 이미지를 표시해야합니다.
누구든지이 작업을 수행하는 방법을 알려주시겠습니까? 당신이 사진을 보여 주어야한다

출처

2011-08-04 Roshanck

[block UI plugin] (http://plugins.jquery.com/project/blockUI)을 사용하여 blockui 및 unblockui를 사용하십시오. – dhinesh

당신이 사진을 보여하는 방법에 대한 생각이 없으면 작업이 다음

function show pic();

function do job();

function remove pic();

출처

2011-08-04 06:39:05 Qchmqs

thos는 기능이 아닙니다. 사진을 보여주고 기능을 수행하고 다시 사진을 제거해야한다고 말씀 드리고자합니다 – Qchmqs

오, 정말 미안합니다. 내가하고 싶은 일입니다. (제 일을하고 보여주고 싶습니다) 어떻게? – Roshanck

사진을 보여주고 제거하는 방법을 알려주실 수 있습니까? – Roshanck

을 그냥 간단하게 다시 remooove 할 내가 check in java-script doc의 사진을 보이지 않게하려고한다면 jquery 라이브러리를 사용하고 단지 라인을 추가 할 것을 제안 할 수있다

$('#img').hide(); 숨기려면 $('#img').show();을 표시하십시오. 이 없습니다 매우 특이하지만 당신은 내가 당신에게 확실하지 않은 HTML 코드 만을 생각

throu 갈 sshould

<img src="the adress of the image" id="gif" />

출처

2011-08-04 06:51:53 Qchmqs

모든 HTML 디스플레이 속성을 이용하여한다/제거 보여줄 수있는 가장 좋은 방법 .

숨겨진 이미지를 만듭니다.

기능 wall_publish() {

document.getElementById('loading').style.display='inline'; /* display it */ 

// do what you need here 

document.getElementById('loading').style.display='hidden'; /* put it away again */

}

있다, 물론, 다스 방법은이 작업을 수행합니다. 내가 자바 스크립트를 처음 배우기 시작했을 때 사용했던 가장 단순하고 쉬운 방법을 선택했습니다.

출처

2011-08-04 07:00:30 KateYoak

을 사용하여 숨겨진 이미지를 만드십시오. 버튼을 클릭하면 표시됩니다.하지만 기능이 끝나면 사라지지 않습니다. – Roshanck

스크립트 기능이 완료 될 때까지 이미지로드 (GIF)를 표시하는 방법

답변

관련 문제