Как показать Prelaoder / Загрузка анимации / GIF / процентное содержание, пока включенная страница PHP обрабатывает / загружает? - PullRequest
Новая
       3

Как показать Prelaoder / Загрузка анимации / GIF / процентное содержание, пока включенная страница PHP обрабатывает / загружает?

2 голосов
/ 26 июля 2011

Я включаю сценарий PHP с главной страницей PHP.

Помогите мне ", как показать Preloader / loading анимацию или GIF или SWF или просто процент загрузки во времявключенный PHP-скрипт обрабатывает и загружает? "Вот фрагмент кода, в котором я хочу показать то же самое (см. Последнюю строку кода): 

<body onLoad="document.forms.form1.from.focus()">
<font face="Calibri">
<table cellpadding="10">
   <form action="<?=$_SERVER['PHP_SELF']?>" method="post" name="form1">
<tr>
<td width='25%'>
    <fieldset>
        <legend>Enter From & To Date</legend>
        <table border='0'>
        <tr>
            <td>From </td>
            <td><input type="text" name="from" /></td>
        </tr>
    </fieldset>
            <input type="submit" name="submit" value="Submit" />
</td>
</tr>
</form>
</table>
<?  
//Form submitted
if(isset($_POST['submit'])) 
{
    //No errors, process
    if(!@is_array($error)) 
    {  
 HERE IS WHERE I WANT THE LOADING TO TAKE PLACE
//HERE I INCLUDE THE SCRIPT

Кроме того, если я могу отложить отображение сценария PHP до тех пор, пока он не завершит обработку.

Ответы [ 2 ]

3 голосов
/ 26 июля 2011

Поместите <div>, содержащий ваш экран загрузки, сразу после <body> (или, по крайней мере, до того, как загрузка займет много времени) В самом конце (или после длинной части, которая должна быть закрыта экраном загрузки), добавьте JavaScript, чтобы скрыть / удалить div, содержащий экран загрузки.

0 голосов
/ 05 января 2012

Это моя модифицированная версия скрипта, которую я отключил от интернета.Не могу вспомнить, откуда я взял это извините. 

<html>
<head>
<script type="text/javascript">
function swapdiv() { 
    //Hide the loading div
    if (document.getElementById) { // DOM3 = IE5, NS6 
        document.getElementById('loadingdiv').style.display = 'none'; 
    } else { 
        if (document.layers) { // Netscape 4 
            document.loadingdiv.display = 'none'; 
        } else { // IE 4 
            document.all.loadingdiv.style.display = 'none'; 
        } 
    } 

    //Show the results div
    if (document.getElementById) { // DOM3 = IE5, NS6 
        document.getElementById('resultdiv').style.display = 'block'; 
    } else { 
        if (document.layers) { // Netscape 4 
            document.resultdiv.display = 'block'; 
        } else { // IE 4 
            document.all.resultdiv.style.display = 'block'; 
        } 
    } 

    window.onunload = null;
    return;
} 
</script>
</head>
<body>
<form name="form1">
</form>
<div id='loadingdiv' align='center'><img src='../images/loading.gif' alt='Loading...' title='Loading...' /></div>
<div id='resultdiv' style='display:none;'>
<!-- Do some html stuff here. This div block is hidden until the end of page load -->
<?php
    //Query database
    //Show results
?>
</div>
<script type='text/javascript'>
    //this is called after page loaded
    window.onload=swapdiv;
</script>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...