PDA

View Full Version : загрузка


Vek
29.10.2005, 06:47
я хочу сделать так, когда открывают страничку то появляется всплывающее окно где идет загрузка и картинка, ктонить может подскачать как это сделать? спасиб...

к примеру как сдеь http://mipp.ru

Soniks
29.10.2005, 17:05
Vek вам нужно всплывающееся оконо, скажем с рекламой?

Vek
30.10.2005, 04:57
нет чтобы когда ктонить на сайт заходил было в центре "подождите идет загрузка" и картинка , вот так яж сайт дал как я хочу

Soniks
30.10.2005, 17:12
Vek на той странице, на которую вы дали ссылку и всплывающее окно есть и загрузка. то что вы хотите называется preloader основанный на джавескрипте, примеры найти можно в яндексе, гугле.

Vek
31.10.2005, 14:44
тоесть как я понял пример скрипта, а куда его потом сувать?

Soniks
31.10.2005, 15:29
Vek в includes/javascript.php, так же возможно в header.php или в theme.php вашей темы

Vek
04.11.2005, 05:36
<SCRIPT LANGUAGE = "JavaScript">
<!--
<!-- Script Version 1.0
<!-- Scripted by SpaceMan
var documentSize = parseInt(document.fileSize / 1024);
document.write('<DIV ID = loadLayer STYLE = "position: absolute; top: 1px; left: 1px; visibility: visibly">');
document.write('<BR><BR><BR><BR><BR><BR><BR>');
document.write('<TABLE CELLSPACING = "2" CELLPADDING = "2" BORDER = "0">');
document.write('<TR>');
document.write('<TD ROWSPAN = "3" HEIGTH = "250" WIDTH = "250"></TD>');
document.write('<TD VALIGN = "bottom" ALIGN = "right" HEIGTH = "250" WIDTH = "270">');
document.write('<B>Loading . . .<BR>');
for (var i = 0; i < 10; i++)
{
document.write('<IMG SRC = "white.jpg" HEIGTH = "10" WIDTH = "20" BORDER = "1"> ');
}
document.write('<B>Connection type: ' + oClientCaps.connectionType + '<BR>');
document.write('Document size: ' + documentSize + ' kb</B>')
document.write('</TD>');
document.write('<TD ROWSPAN = "3"></TD>');
document.write('</TR>');
document.write('<TR>');
document.write('<TD ROWSPAN = "2"></TD>');
document.write('</TR>');
document.write('<TR>');
document.write('</TR>');
document.write('</TABLE>');
document.write('</DIV>');
function progressBar(pecent)
{
document.images[pecent].src = "blue.jpg";
if (pecent == 9)
{
document.getElementById("loadLayer").style.visibility = "hidden";
}
}
//-->
</SCRIPT>

Как Вы видите скрипт создает сам индикатор и содержит функцию, которая выполняется в конце загрузки.
Индикатором служит полоска, которая состоит из десяти частей, каждая часть показывается после завершения
десяти процентов загрузки, здесь раздолье Вашей фантазии.

Под графическим коэффициентом загрузки находяться некоторые данные - это тип соединения и размер
загружаемого документа.

Ниже приведено тело HTML докумнта:
<HTML xmlns:IE>
<HEAD>
<TITLE>Индикатор загрузки страницы - JavaScript</TITLE>
<STYLE>
@media all
{
IE\:CLIENTCAPS {behavior:url(#default#clientCaps)}
}
</STYLE>
<IE:CLIENTCAPS ID="oClientCaps" />
<DIV id="oPre"></DIV>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
document.write('<DIV ID = firstLayer STYLE = "position: absolute; top: 1px; left: 1px; visibility: hidden">');
<!-- Место для вставки текста страницы, разбитого на блоки загрузки
document.write('</DIV>');
//-->
</SCRIPT>
<SCRIPT LANGUAGE = "JavaScript">
progressBar(9);
document.getElementById("firstLayer").style.visibility = "visible";
</SCRIPT>
</BODY>
</HTML>

Вот нашел а как ставить???

Vek
06.11.2005, 04:05
соник, ну что куда пихать это надо?

Vek
07.11.2005, 16:25
???????

Soniks
07.11.2005, 17:44
Vek JavaScript помещайте в includes/javascript.php а div делайте в теме

Vek
08.11.2005, 07:41
как я понял надо вот так делать:
в фаил java... надо всавить вот это
<SCRIPT LANGUAGE = "JavaScript">
<!--
<!-- Script Version 1.0
<!-- Scripted by SpaceMan
var documentSize = parseInt(document.fileSize / 1024);
document.write('<DIV ID = loadLayer STYLE = "position: absolute; top: 1px; left: 1px; visibility: visibly">');
document.write('<BR><BR><BR><BR><BR><BR><BR>');
document.write('<TABLE CELLSPACING = "2" CELLPADDING = "2" BORDER = "0">');
document.write('<TR>');
document.write('<TD ROWSPAN = "3" HEIGTH = "250" WIDTH = "250"></TD>');
document.write('<TD VALIGN = "bottom" ALIGN = "right" HEIGTH = "250" WIDTH = "270">');
document.write('<B>Loading . . .<BR>');
for (var i = 0; i < 10; i++)
{
document.write('<IMG SRC = "white.jpg" HEIGTH = "10" WIDTH = "20" BORDER = "1"> ');
}
document.write('<B>Connection type: ' + oClientCaps.connectionType + '<BR>');
document.write('Document size: ' + documentSize + ' kb</B>')
document.write('</TD>');
document.write('<TD ROWSPAN = "3"></TD>');
document.write('</TR>');
document.write('<TR>');
document.write('<TD ROWSPAN = "2"></TD>');
document.write('</TR>');
document.write('<TR>');
document.write('</TR>');
document.write('</TABLE>');
document.write('</DIV>');
function progressBar(pecent)
{
document.images[pecent].src = "blue.jpg";
if (pecent == 9)
{
document.getElementById("loadLayer").style.visibility = "hidden";
}
}
//-->
</SCRIPT>
а вот это надо всавить в тему


<HTML xmlns:IE>
<HEAD>
<TITLE>Индикатор загрузки страницы - JavaScript</TITLE>
<STYLE>
@media all
{
IE\:CLIENTCAPS {behavior:url(#default#clientCaps)}
}
</STYLE>
<IE:CLIENTCAPS ID="oClientCaps" />
<DIV id="oPre"></DIV>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
document.write('<DIV ID = firstLayer STYLE = "position: absolute; top: 1px; left: 1px; visibility: hidden">');
<!-- Место для вставки текста страницы, разбитого на блоки загрузки
document.write('</DIV>');
//-->
</SCRIPT>
<SCRIPT LANGUAGE = "JavaScript">
progressBar(9);
document.getElementById("firstLayer").style.visibility = "visible";
</SCRIPT>
только вопрос куда это всавлять (в теме)?