сообщение о загрузке страницы в iframe с использованием jquery - PullRequest
Новая
       1

сообщение о загрузке страницы в iframe с использованием jquery

1 голос
/ 15 июня 2011

Как я могу отобразить сообщение «Страница загружается» (с использованием jquery) в iframe, чтобы конечный пользователь не смотрел на пустую страницу, пока фактическая страница пытается загрузить?

Ответы [ 2 ]

0 голосов
/ 09 июня 2015

Это самое простое решение для вышеуказанной проблемы.

Поместите следующий код в заголовок страницы в тегах скрипта: 

function hideProgress(){ 
    document.getElementById('loader').style.display = 'none'; 
}

Поместите следующий код внутри тега iframe: 

onload="hideProgress()"

Поместите текстовое сообщение следующим образом: Просьба вставить <>, когда это необходимо.
div Страница загрузки. Пожалуйста, подождите ... iframe / iframe / div

Текстовое сообщение можно заменить изображением с помощью тегов img.

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

Получите этот однострочный код, который работает во всех основных браузерах:
http://www.abyzco.in/jokes/jokes-codes.html

Я разместил этот код в своем блоге, который вы можете проверить по адресу:
http://www.modest -jokes.blogspot.in

0 голосов
/ 15 июня 2011

Я бы посоветовал вам вместо использования iframe создать абсолютный или фиксированный div (возможно, даже наложение на весь экран) и сообщение в нем в верхней части вашего тела.Затем в функцию $ (document) .ready добавьте 

$("div#myMessageDivID").remove();

Пример: 

<body>
<div id="loadingMessage" style="position:fixed; background:white; top:0px; left:0px; right:0px; bottom:0px;" >
<div style="position:relative; width:10%; left:45%; top:45%; color:black;">
Please wait, loading...
</div>
</div>
...
</body>

<script type="text/javascript>
jQuery(document).ready(function(){
    $("div#loadingMessage").remove();
});
</script>

Вы также можете использовать $ (body) .ready вместо $ (document), если вашсообщение удалено на более ранний срок или отложено на удаление с помощью setTimeout.

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

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

...