Добре дошли!

Добре дошли в нашите форуми, пълни с полезна информация. Имате проблем с компютъра или телефона си? Публикувайте нова тема и ще намерите решение на всичките си проблеми. Общувайте свободно и открийте безброй нови приятели.

Моля, регистрирайте се за да публикувате тема и да получите пълен достъп до всички функции.

RQ: Loading скриптче

Последователи

Нова тема
Отговор в тази тема

9 октомври 200619 г.

Трябва ми някое PHP скриптче което по време на зареждане на страничката да изкарва надпис Loading ... примерно

или някое gif-че

10хХL предварително

Цитирай

9 октомври 200619 г.

Администратор

Това се прави от страна на клиента, т.е. HTML/JavaScript

Цитирай

9 октомври 200619 г.

Автор

и как би станало рова все пак ?

предполагам по някакъв начин може да се интегрира в PHP кода на страничката ?

Ако няой има готов пример да даде някое линкче

Цитирай

9 октомври 200619 г.

Ето ти един примерен скрип:

<?php

ob_start();

<html>

<head>

<style>

body

{

overflow:hidden;

}

#cover

{

font-size:20px;

position:absolute;

left:0px;

top:0px;

width:110%;

height:110%;

background:white;

color:blue;

}

</style>

</head>

<body>

<table id='cover'><tr><td align='center'>Loading</td></tr></table>

<?ob_flush();?>

nachalo na stranicata

// example for dynamic generating page

for($i=0;$i<100000;$i++) echo "<div>Line $i</div>\n";

kraj na stranicata

<?ob_flush();?>

document.getElementById('cover').style.display = 'none';

document.body.style.overflow = 'auto';

</script>

</body>

</html>

Не е перфектен, но може да се използва

Цитирай

10 октомври 200619 г.

А как би изглеждало на HTML/JavaScript ?

Редактирано 10 октомври 200619 г. от yuks (преглед на промените)

Цитирай

10 октомври 200619 г.

и как би станало рова все пак ?

предполагам по някакъв начин може да се интегрира в PHP кода на страничката ?

Ако няой има готов пример да даде някое линкче

Виж това, може да ти помогне :whist:

Цитирай

12 октомври 200619 г.

Ето реализация и на java script.Като желащите може да си форматират дива който закрива елементите докато се зарежда страницата с някаква хубава картинка за фон и да я центрират с CSS.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Loading</title>

	<style type="text/css">

		html, body {

			height: 100%;

		}

		#loading_container {

			position: absolute;

			top: 0;

			left: 0;

			width: 100%;

			height: 100%;

			z-index: 999;

			background-color: white;

		}

	</style>

	<script type="text/javascript">

		function LoadingPage() {

			var obj=document.getElementById('loading_container');

			var root=obj.parentNode;

			root.removeChild(obj);

		}

		window.onload=LoadingPage;

	</script>

</head>

<body>

<div id="loading_container">Loading....</div>

<img src="http://celebrities.biteus.org/wp-content/uploads/2006/03/Adriana%20Lima.jpg" alt="">

</body>

</html>

Редактирано 12 октомври 200619 г. от abozhilov (преглед на промените)

Цитирай

13 октомври 200619 г.

Автор

не можах да интегрирам нито едно от тия неща които вие ми дадохте

ако някои може да помогне все пак

ето го php-то което искам да редактиеам така че докато се зарежда да показва Loadin...

<?php

/*

+---------------------------------------------------------------+

|	e107 website system

|	caliskinV6 blie theme file 

|

|	Steve Dunstan 2001-2002

|	http://e107.org

|	[email protected]

|

|	Released under the terms and conditions of the

|	GNU General Public License (http://gnu.org).

+---------------------------------------------------------------+

*/


// [theme]


$themename = "INFADE1337";

$themeversion = "v1.0";

$themeauthor = "Infade";

$themedate = "22/12/2004";

$themeinfo = "DarkTheme";



// [layout]

$layout = "_default";


$HEADER = 

"

<table style='width:100%' cellspacing='0' cellpadding='0' align='center'>

 <tr>

 <div style='text-align:center'>

 Всички файлове, които изтеглите трябва да бъдат изтрити след 24 часа! Екипа на yOuR zOnE не отговаря за вашите деиствия!

 </div>

  <td><img src='".THEME."images/zone.png'style=' text-align:left'></td>

  <td><img src='".THEME."images/INFADE1337_r1_c2.png'></td>

  <td width='100%' background='".THEME."images/INFADE1337_r1_c2.png' style='text-align:right'>

  {CUSTOM=search}

  </td>

  <td><img src='".THEME."images/INFADE1337_r1_c3.png'></td>

 </tr>

</table>

<table style='width:100%' cellspacing='0' cellpadding='0' align='center'>

 <tr>

  <td><img src='".THEME."images/INFADE1337_r2_c1.png'></td>

  <td width='100%' background='".THEME."images/INFADE1337_r2_c2.png' style='vertical-align:middle' class='customclock'>

  {CUSTOM=clock}

  </td>

  <td><img src='".THEME."images/INFADE1337_r2_c3.png'></td>

 </tr>

</table>

<table style='width:100%' cellspacing='0' cellpadding='0' align='center'>

 <tr>

  <td><img src='".THEME."images/INFADE1337_r3_c1.png'></td>

  <td width='100%' background='".THEME."images/INFADE1337_r3_c2.png'></td>

  <td><img src='".THEME."images/INFADE1337_r3_c3.png'></td>

 </tr>

</table>



<table style='width:100%' cellspacing='0' cellpadding='0' align='center' bgcolor='#3E4957'>

  <tr>

	<td background='".THEME."images/INFADE1337_r4_c1.png'><img src='".THEME."images/INFADE1337_r4_c1.png'></td>

	<td width='18%' style='text-align:center; vertical-align:top'>

{SETSTYLE=leftmenu}

{SITELINKS=menu}

{MENU=1}

{MENU=3}

	</td>

	<td width='83%' style='text-align:center; vertical-align:top'>

{SETSTYLE=}  

";


$FOOTER = 

			"  

	</td>

	<td width='0%' style='text-align:right; vertical-align:top'>

	{SETSTYLE=rightmenumenu}

	{MENU=2}

	{MENU=4}

	</td>

	<td background='".THEME."images/INFADE1337_r4_c3.png'><img src='".THEME."images/INFADE1337_r4_c3.png'></td>

  </tr>

</table>


<table style='width:100%' cellspacing='0' cellpadding='0' align='center'>

 <tr>

  <td><img src='".THEME."images/INFADE1337_r5_c1.png'></td>

  <td width='100%' background='".THEME."images/INFADE1337_r5_c2.png' style='text-align:center; vertical-align:middle' class='customclock'>

  {SITEDISCLAIMER}

  </td>

  <td><img src='".THEME."images/INFADE1337_r5_c3.png'></td>

 </tr>

</table>

";


//	[newsstyle]


$NEWSSTYLE = "

<div class='spacer'>

<table cellpadding='0' cellspacing='0'>

<tr>

<td><img src='".THEME."images/INFADE1337meny_mt1.png'></td>

<td width='100%' background='".THEME."images/INFADE1337meny_mtbg.png'>

<b>{NEWSTITLE}</b>

</td>

<td><img src='".THEME."images/INFADE1337meny_mt2.png'></td>

</tr>

</table>

<table cellpadding='0' cellspacing='0'>

<tr>

<td background='".THEME."images/INFADE1337meny_mleft.png'><img src='".THEME."images/INFADE1337meny_mleft.png' style='display: block;' /></td>

<td width='100%' bgcolor='#2D343E'>

{NEWSBODY}

{EXTENDED}

</td>

<td background='".THEME."images/INFADE1337meny_mright.png'><img src='".THEME."images/INFADE1337meny_mright.png' style='display: block;' /></td>

</tr>

</table>


<table cellpadding='0' cellspacing='0'>

<tr>

<td background='".THEME."images/INFADE1337meny_mleft.png'><img src='".THEME."images/INFADE1337meny_mleft.png' style='display: block;' /></td>

<td width='100%' bgcolor='#2D343E' >


</td>

<td background='".THEME."images/INFADE1337meny_mright.png'><img src='".THEME."images/INFADE1337meny_mright.png' style='display: block;' /></td>

</tr>

</table>


<table cellpadding='0' cellspacing='0'>

<tr>

<td background='".THEME."images/INFADE1337meny_mleft.png'><img src='".THEME."images/INFADE1337meny_mleft.png' style='display: block;' /></td>

<td width='100%' bgcolor='#2D343E' class='newscomments' style='text-align:center'>

Одобрено от 

{NEWSAUTHOR}

на

{NEWSDATE}

 | 

{NEWSCOMMENTS}

 | 

{EMAILICON}

{PRINTICON}

{ADMINOPTIONS}

</td>

<td background='".THEME."images/INFADE1337meny_mright.png'><img src='".THEME."images/INFADE1337meny_mright.png' style='display: block;' /></td>

</tr>

</table>


<table cellpadding='0' cellspacing='0'>

<tr>

<td><img src='".THEME."images/INFADE1337meny_md1.png' style='display: block;' /></td>

<td width='100%' background='".THEME."images/INFADE1337meny_mdbg.png'></td>

<td><img src='".THEME."images/INFADE1337meny_md2.png' style='display: block;' /></td>

</tr>

</table>


</div>";


define("ICONSTYLE", "float: left; border:0");

define("COMMENTLINK", "Коментари: ");

define("COMMENTOFFSTRING", "Коментарите са изключени");

define("PRE_EXTENDEDSTRING", "<br /><br />[ ");

define("EXTENDEDSTRING", "Виж повече");

define("POST_EXTENDEDSTRING", " ]<br />");

// [linkstyle]


define(PRELINK, "");

define(POSTLINK, "");

define(LINKSTART, "<img src='".THEME."images/bullet2.gif' alt='bullet' /> ");

define(LINKEND, "<br />");

define(LINKDISPLAY, 2);

define(LINKALIGN, "left");



//	[tablestyle]


function tablestyle($caption, $text){

	global $style;

//	echo "Mode: ".$style;



	if($style != "leftmenu"){

	echo "<div class='spacer'>


<table cellpadding='0' cellspacing='0'>

<tr>

<td><img src='".THEME."images/INFADE1337meny_mt1.png'></td>

<td width='100%' background='".THEME."images/INFADE1337meny_mtbg.png'>

<b>".$caption."</b>

</td>

<td><img src='".THEME."images/INFADE1337meny_mt2.png'></td>

</tr>

</table>


<table cellpadding='0' cellspacing='0'>

<tr>

<td background='".THEME."images/INFADE1337meny_mleft.png'><img src='".THEME."images/INFADE1337meny_mleft.png' style='display: block;' /></td>

<td width='100%' bgcolor='#2D343E'>

".$text."

</div>

</td>

<td background='".THEME."images/INFADE1337meny_mright.png'><img src='".THEME."images/INFADE1337meny_mright.png' style='display: block;' /></td>

</tr>

</table>


<table cellpadding='0' cellspacing='0'>

<tr>

<td><img src='".THEME."images/INFADE1337meny_md1.png' style='display: block;' /></td>

<td width='100%' background='".THEME."images/INFADE1337meny_mdbg.png'></td>

<td><img src='".THEME."images/INFADE1337meny_md2.png' style='display: block;' /></td>

</tr>

</table>


</div>";

	}else{

echo "<div class='spacer'>


<table cellpadding='0' cellspacing='0'>

<tr>

<td><img src='".THEME."images/INFADE1337meny_mt1.png'></td>

<td width='100%' background='".THEME."images/INFADE1337meny_mtbg.png'>

<b>".$caption."</b>

</td>

<td><img src='".THEME."images/INFADE1337meny_mt2.png'></td>

</tr>

</table>


<table cellpadding='0' cellspacing='0'>

<tr>

<td background='".THEME."images/INFADE1337meny_mleft.png'><img src='".THEME."images/INFADE1337meny_mleft.png' style='display: block;' /></td>

<td width='100%' bgcolor='#2D343E'>

".$text."

</div>

</td>

<td background='".THEME."images/INFADE1337meny_mright.png'><img src='".THEME."images/INFADE1337meny_mright.png' style='display: block;' /></td>

</tr>

</table>


<table cellpadding='0' cellspacing='0'>

<tr>

<td><img src='".THEME."images/INFADE1337meny_md1.png' style='display: block;' /></td>

<td width='100%' background='".THEME."images/INFADE1337meny_mdbg.png'></td>

<td><img src='".THEME."images/INFADE1337meny_md2.png' style='display: block;' /></td>

</tr>

</table>


</div>";

	}


}

//	[chatboxstyle]


$CHATBOXSTYLE = "

<div class='spacer'>

<div class='forumheader3'>

<img src='".THEME."images/bullet2.gif' alt='bullet' />

<b>{USERNAME}</b><br />

<span class='smalltext'>{TIMEDATE}</span><br />

{MESSAGE}

</div>

</div>";


$POLLSTYLE = <<< EOF

<div class='forumheader'><b>Анкета:</b> {QUESTION}</div>

<br />

{OPTIONS=<div class='spacer'><div class='forumheader3'>OPTION<br />BAR<br /><span class='smalltext'>PERCENTAGE VOTES</span></div></div>\n}

<div style='text-align:center' class='smalltext'>{VOTE_TOTAL} {COMMENTS}

<br />

{OLDPOLLS}

</div>

EOF;


$COMMENTSTYLE = "

<div style='text-align:center'>

<table style='width:100%'>

<tr>

<td colspan='2' class='commentheader'>

<b>

{USERNAME}

</b>

 | 

 {TIMEDATE}

</td>

</tr>

<tr>

<td style='width:30%; vertical-align:top'>

<div class='spacer'>

{AVATAR}

</div>

<span class='smalltext'>

{LEVEL}

{COMMENTS}

<br />

{JOINED}

</span>

</td>

<td style='width:70%; vertical-align:top'>

{COMMENT}

</td>

</tr>

</table>

</div>

<br />";


echo "

<script type=\"text/javascript\">

function addtext(str) {

		document.dataform.comment.value += str;

}

</script>

";


?>

Ако някой го побутне да показва Loading... или някоя картинка докато зарежда ...

Мнооооооо ша го черпя :clap:

Цитирай

Добавете отговор

Можете да публикувате отговор сега и да се регистрирате по-късно. Ако имате регистрация, влезте в профила си за да публикувате от него.

Публикацията ви съдържа термини, които не допускаме! Моля, редактирайте съдържанието си и премахнете подчертаните думи по-долу. Ако замените букви от думата със звездички или друго, за да заобиколите това предупреждение, профилът ви ще бъде блокиран и наказан!

Напишете отговор в тази тема...