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').hide(); 

с

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

то тег должен иметь это стиль отображения установлен ни один, который будет скрывать.

, если вы хотите иметь стиль положить обратно в нормальное состояние в любое время, а затем использовать

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

извинения, если есть лучший способ сделать это в JQuery, я должен признать, что я не использовал его много поэтому я не очень-то знаком с этим

 Смежные вопросы

  • Нет связанных вопросов^_^