2016-11-21 9 views
0

バックグラウンドで何らかの処理が行われている間に "ローディングイメージ"を表示しようとしています。フォローイングコードは、ページが読み込まれると "ローディングイメージ"を隠していません。ローディングイメージを表示するにはJavaScriptが

#!/usr/bin/python 
# Create instance of FieldStorage 
import cgi 
import subprocess 
import re 
import sys 
import os 
print "Content-type:text/html\r\n\r\n" 
print 
print "<html>" 
print "<head>" 
print "<title>Hello - Second CGI Program</title>" 
print "</head>" 
print ''' 
<style> 
#loading{ 
width: 50%; 
height: 50%; 
top: 0; 
left: 0; 
position: fixed; 
display: block; 
opacity: 0.7; 
background-color: #fff; 
z-index: 99; 
text-align: center; 
} 

#loading-image { 
position: absolute; 
top: 50px; 
left: 140px; 
z-index: 100; 
} 
</style> 
<body> 
<div id="loading"> 
<img id="loading-image" src='../images/loader.gif' alt='Loading...' /> 
</div>''' 

form = cgi.FieldStorage(){ 
    # Get data from fields 
    left: 140px; 
    z-index: 100; 
} 
</style> 

<body> 
<div id="loading"> 
    <img id="loading-image" src='../images/loader.gif' alt='Loading...' /> 
</div>''' 

form = cgi.FieldStorage() 
# Get data from fields 
#caseid=form.getvalue('case',default=None) 
#filename=form.getvalue('filename',default=None) 
caseid='CASE1' 
filename='READ.txt' 
pathtofile='/var/www/py_files/'+caseid+'/'+filename 
#print('PATH TO FILE'+pathtofile) 
destpath='/var/PacketPro/'+caseid+'/'+filename 
#print('DEST PATH'+destpath) 
#result=filetransfer(pathtofile,destpath) 
#print('Result'+str(result)) 
#sys.exit(0) 
#print output 
print ''' 

<h2>Hello </h2> 
<script language="javascript" type="text/javascript"> 
$(window).load(function() { 
    $('#loading').hide(); 
    }); 
</script> 
</body> 
</html>''' 
+0

jQueryリファレンスがありませんか? –

+0

ok.Iこれを今追加しました。基本的に、このスクリプトはHTMLページのフォームアクションスクリプトです。 –

+0

今は動作していますか? –

答えて

0

あなたは

$('#loading').css("display","none"); 

$('#loading').hide(); 

を交換した場合、タグは、それはそれを隠すだろうnoneに設定した表示スタイル、だ持っている必要があります。あなたはいつでも正常な状態に戻すのスタイルを持っているしたい場合にjQueryでこれを行うためのより良い方法があるかどう

、その後、私はそれをあまり使用していないことを認めなければならない、

$('#loading').css("display","block"); 

謝罪を使用それであまりよく知らないのです

関連する問題