javascript to display loading image

我试图显示一个“加载图像”，而一些处理发生在background.Following代码不会隐藏“加载图像”，一旦页面加载。是否有这个代码有问题？javascript to display loading image

#!/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>'''

来源

2016-11-21 Suzanno Hogwarts

你错过了一个jQuery的参考？ –

ok。我现在加了它。基本上这个脚本是我的html页面的表单动作脚本。 –

现在工作吗？ –

如果更换

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

与

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

那么标签应该有它的显示样式设置为无，这将隐藏它。

如果你想有放回到正常随时样式，然后用

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

道歉，如果有jQuery中这样做的更好的办法，我必须承认，我没有用它多少所以我不太熟悉它

来源

2016-11-21 13:28:14

javascript to display loading image

回答

相关问题