страницата зарежда моля изчакайте

A

amarok

Registered
Може ли да ми дадете някакъв скрипт с който до като не зареди страницата да изписва моля изчакайте страницата зарежда тоест

ако този код не е заредил да изписва моля изчакайте страницата зарежда надявам се да сте ме разбрали :/
Код: 
<center><?php
 if($_GET['a']) {
 $page = htmlspecialchars($_GET['a']);
 include("".$page.".php"); } else {
 include("news.php"); } ?></center>
 
Сложи това след <body>

Код: 
<script type="text/javascript">
document.write('<font style="font-family:verdana;font-size:10px;">Моля почакайте!<br />( страницата се зарежда )</font>');
window.onload=function(){ document.getElementById("pageloading").style.display="none"; }
</script>

И разбира се трябва да имаш сложена JS библиотека :)
 
добре но аз искам ако не е заредило ето този php код


Код: 
<center><?php
 if($_GET['a']) {
 $page = htmlspecialchars($_GET['a']);
 include("".$page.".php"); } else {
 include("news.php"); } ?></center>


да показва страницата зарежда моля изчакайте и чак като зареди тогава да я покаже :/
 
http://www.dynamicdrive.com/dynamicindex4/preloadimage2.htm

Само, че не скрива съдържанието. Може да се оптимизира.
 
Това ти показва един бар в средата на страницата ако се забавя със зареждането на изображенията. Работи си. Изтегли ли файла http://www.dynamicdrive.com/dynamicindex4/progressbar.js и сложи ли <script language="javascript" src="progressbar.js"></script> след <body тага. Просто ако го отваряш на localhost зареждането става доста бързо и няма да ти изведе даже съобщителната кутийка.
 
не това не ми върши работа аз в тази страница имам 150 снимки .... и скрипта не работи , трябва ми нещо което като зареди горния php код който съм дал да се показва страницата :/
 
За да извършиш някое действие, докато страницата зарежда, може да стане и с jQuery. Първо изтегли този файл и си го сложи някъде в сайта.
Това го сложи преди в </header>!
Код: 
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">$(window).load(function(){
	$(".loading").animate({"opacity" : "0"}, 'slow', 'linear', function(){
		$(this).css({"display" : "none"});
	});
});
</script>
Този клас loading ще ти е например картинка или div с някакъв текст, който да се показва, докато страницата зарежда.

А не мога да разбера какво искаш да направиш с този PHP кода? Искаш да вмъкнеш news.php и другата страница, докато зарежда, а след това да изчезнат ли?
 
misho каза:
За да извършиш някое действие, докато страницата зарежда, може да стане и с jQuery. Първо изтегли този файл и си го сложи някъде в сайта.
Това го сложи преди в </header>!
Код: 
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">$(window).load(function(){
	$(".loading").animate({"opacity" : "0"}, 'slow', 'linear', function(){
		$(this).css({"display" : "none"});
	});
});
</script>
Този клас loading ще ти е например картинка или div с някакъв текст, който да се показва, докато страницата зарежда.

А не мога да разбера какво искаш да направиш с този PHP кода? Искаш да вмъкнеш news.php и другата страница, докато зарежда, а след това да изчезнат ли?
Увеличете...


този начин вобще не работи а това за новини го остави просто ми трябва до като не зареди дадена страница да не показва нищо освен страницата зарежда моля изчакайте и ако е възможно с проценти :)
 
Това го ползвам вече няколко месеца и работи без грешка. А, за да не се виждат другите неща, можеш да си направиш един div, който да покрива всичко и да го накараш да изчезне по същия начина като другата картинка. Но това не ми се вижда много удачно, защото дори една картинка да се забави със зареждането, посетителя ще вижда само "Моля изчакайте". Ти би ли чакал, ако не виждаш никакъв напредък? Може просто да има една картинка от рода на тези на средата на страницата.
 
Добре де при мен това не работи .... а и линка който си дал за сваляне версията на jQuery e 1.4.2 аз а скрипта е 1.3.2 добре аз си изтеглих 1.3.2 но пак не става ...!
 
Код: 
<div style="background-image: url(island/island.gif); width: 970px; height: 768px;">
<?php
$id = $_GET['id'];
$mysql = mysql_query("SELECT * FROM users where id = '$id'");
while($row = mysql_fetch_array($mysql)){
if ( $row['island1'] == '1' ){echo "<div class='hause1'>";}
if ( $row['island2'] == '1' ){echo "<div class='hause2'>";}

}
?></div></div></div>
<center>
 
Първото което забелязвам е, не си задал клас на div-а, така че няма как да работи. Той трябва да е loading в случая. А целта на скрипта е да скрие този div веднага щом страницата зареди.можеш да го използваш, за да покажеш някаво съобщение от рода на "Моля изчакайте!", но не и възпрепятстваш изпълнението на PHP кода.

А и представи се, че стойностите, които проверяваш в if-овете не са равни на 1. Тогава div-овете няма да се отворят и ще имаш два излишни затварящи тага накрая.
 
Над съдържанието на сайта, точно под body сложи

Код: 
<div id="loading"> </div>

в css файла

Код: 
#loading{width: 55px; height: 61px; background: url('loading.gif'); position: absolute; left: 50%; top: 150px; border: 1px solid #ccc; margin: 0; padding: 0;}

в js скрипта

window.onload = premahni;
function premahni(){
document.getElementById("loading").style.display = "none";
}

1934.gif
и тая картинка я сложи там където ти е цсс-а
 
Добре кода на PHP_Masters стана, но как ще стане докато страницата зарежда да показва само Това въртящото и като зареди да я покаже :lol:
 
Ами аз какво ти казвам цяла сутрин? Помисли поне малко и не чакай да ти се даде целя код наготово!

Код: 
<div id="loading"><img src="loading.gif" alt="Моля изчакайте! Страницата зарежда." /></div>

Код: 
#loading{
 position: absolute;
 margin: 0;
 padding: 0;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 background-color: #FFFFFF; 
}
 
pff явно няма да стане аз искам, да не зарежда самото поле а ти сега го направи за цялата страница ... искам да си остане heade-ра и меню-то а самата част на сайта където е информацията да се скрива и като зареди да се показва, ето го кода който вади самата информация в страниците ....

Код: 
<table class="mainouter" align="center" width="100%" border="1" cellpadding="5" cellspacing="0">
<tbody><tr>
<td class="userblock">
<div class="block" style="text-align: left;">
                     <center><?php
                      if($_GET['a']) {
                       $page = htmlspecialchars($_GET['a']);
                       include("".$page.".php"); } else {
                      include("news.php"); } ?></center>
</div>
</td>
</tr>
</tbody></table>
 
amarok каза:
Добре кода на PHP_Masters стана, но как ще стане докато страницата зарежда да показва само Това въртящото и като зареди да я покаже :lol:
Увеличете...

ами то това е картинката текста, трягва да се изреже ето ти я, обаче промени размерите на Width 55, Height 45

1935.gif
 
Аз така го разбрах („докато страницата зарежда да показва само Това въртящото и като зареди да я покаже“).
Като искаш само за съдържанието, направи същото (JS скрипта) и за класа mainouter!
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе