Показать загрузочное изображение при перенаправлении - PullRequest
Новая
       0

Показать загрузочное изображение при перенаправлении

1 голос
/ 25 марта 2012

У меня есть 2 страницы x.php и y.php, я перенаправляю страницу x.php на y.php. Я перенаправляю страницу методом отправки сообщения.

y.php извлекает дополнительные данные из базы данных mysql, и загрузка этой страницы занимает 3-4 секунды, мне нужно показывать индикатор выполнения (загрузка изображения) при загрузке страницы.

это то, что я делаю,

html-страница отправляется на страницу x.PHP удаленного сервера, а страница x.PHP извлекает данные из базы данных mysql и в зависимости от типа данных, которые она перенаправляет в y.PHP, это перенаправление выполняется путем автоматической отправки формы с использованием javascript .

Мне нужно показать загрузочную картинку на html в x.php и x.php в y.php

Я пытался повторить тег image в верхней части страницы x.PHP, он работает в mozila, а не в других браузерах.

Как мне этого добиться, кто-нибудь может мне помочь?

Ответы [ 3 ]

0 голосов
/ 25 марта 2012

вам нужно использовать jquery. Я использую этот код для этого.

когда ваш запрос начинает загружать изображение на страницу. когда данные возвращаются с успехом, функция загружает данные на страницу. 

    $('#something').change(function(){ // change, click doesnt matter



    $('#load').html("<img src='images/load2.gif' />"); // loading img



    $.post(
            'select.php?do=load', // your y.php
            {s:value},
            function(answer){

            $('#load').html("");
            $('#page').html(answer);


            }
    );

});
0 голосов
/ 23 апреля 2018

Надеюсь, это поможет 

<style>
    .loader {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: url('images/somegif.GIF') 50% 50% no-repeat rgb(249,249,249);
    }
    </style>
    <script>
        $(window).load(function() {
            $(".loader").fadeOut("slow"); 
        })
    </script>
    <body>
    <div class="loader"></div>
    </body>
0 голосов
/ 25 марта 2012

Я думаю, что единственный способ сделать это - использовать AJAX - либо на x.php для загрузки y.php, либо на y.php для загрузки данных.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...