Форум PHP программистов > Скрипт загрузки

[ Поиск ] - [ Пользователи ] - [ Календарь ]

tar

27.07.2012 - 20:34


<script language=\"javascript\" type=\"text/javascript\">
$(window).load(function () {
$(\"#zv-load\").fadeOut(\"slow\");
});
</script>

Здраствуйте,
Как можно изменить этот скрипт, чтобы до конца загрузки страницы запретить все действия пользователя

Спустя 5 дней, 22 часа, 44 минуты, 12 секунд (3.08.2012 - 18:19) tar написал(а):

???

Спустя 1 час, 22 минуты, 45 секунд (3.08.2012 - 19:41) tar написал(а):

Сделал так...


<script type="text/javascript" src="jQuery.js"></script>
</head>
<body>

<script language="javascript">
$(document).ready(function(){
$('#fadebody,#loading').fadeIn(600);
$(window).load(function () {
$('#fadebody,#loading').fadeOut(600);
});
});
</script>

<style>
#fadebody {
    position:fixed;
    width:100%;
    height:100%;
    display:none;
    background:#000000;
    opacity:0.7;
    left:0;
    top:0;
    }
	
#floatingBarsG{
position:relative;
width:62px;
height:77px;
}

.blockG{
position:absolute;
background-color:#bc2424;
width:10px;
height:24px;
-moz-border-radius:8px 8px 0 0;
-webkit-border-radius:8px 8px 0 0;
-webkit-transform:scale(0.4);
-webkit-animation-name:fadeG;
-webkit-animation-duration:1.04s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-moz-transform:scale(0.4);
-moz-animation-name:fadeG;
-moz-animation-duration:1.04s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
border-radius:8px 8px 0 0;
-o-transform:scale(0.4);
-o-animation-name:fadeG;
-o-animation-duration:1.04s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-ms-transform:scale(0.4);
-ms-animation-name:fadeG;
-ms-animation-duration:1.04s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
}

#rotateG_01{
left:0;
top:28px;
-webkit-animation-delay:0.39s;
-webkit-transform:rotate(-90deg);
-moz-animation-delay:0.39s;
-moz-transform:rotate(-90deg);
-o-animation-delay:0.39s;
-o-transform:rotate(-90deg);
-ms-animation-delay:0.39s;
-ms-transform:rotate(-90deg);
}

#rotateG_02{
left:8px;
top:10px;
-webkit-animation-delay:0.52s;
-webkit-transform:rotate(-45deg);
-moz-animation-delay:0.52s;
-moz-transform:rotate(-45deg);
-o-animation-delay:0.52s;
-o-transform:rotate(-45deg);
-ms-animation-delay:0.52s;
-ms-transform:rotate(-45deg);
}

#rotateG_03{
left:26px;
top:3px;
-webkit-animation-delay:0.65s;
-webkit-transform:rotate(0deg);
-moz-animation-delay:0.65s;
-moz-transform:rotate(0deg);
-o-animation-delay:0.65s;
-o-transform:rotate(0deg);
-ms-animation-delay:0.65s;
-ms-transform:rotate(0deg);
}

#rotateG_04{
right:8px;
top:10px;
-webkit-animation-delay:0.78s;
-webkit-transform:rotate(45deg);
-moz-animation-delay:0.78s;
-moz-transform:rotate(45deg);
-o-animation-delay:0.78s;
-o-transform:rotate(45deg);
-ms-animation-delay:0.78s;
-ms-transform:rotate(45deg);
}

#rotateG_05{
right:0;
top:28px;
-webkit-animation-delay:0.9099999999999999s;
-webkit-transform:rotate(90deg);
-moz-animation-delay:0.9099999999999999s;
-moz-transform:rotate(90deg);
-o-animation-delay:0.9099999999999999s;
-o-transform:rotate(90deg);
-ms-animation-delay:0.9099999999999999s;
-ms-transform:rotate(90deg);
}

#rotateG_06{
right:8px;
bottom:7px;
-webkit-animation-delay:1.04s;
-webkit-transform:rotate(135deg);
-moz-animation-delay:1.04s;
-moz-transform:rotate(135deg);
-o-animation-delay:1.04s;
-o-transform:rotate(135deg);
-ms-animation-delay:1.04s;
-ms-transform:rotate(135deg);
}

#rotateG_07{
bottom:0;
left:26px;
-webkit-animation-delay:1.1700000000000002s;
-webkit-transform:rotate(180deg);
-moz-animation-delay:1.1700000000000002s;
-moz-transform:rotate(180deg);
-o-animation-delay:1.1700000000000002s;
-o-transform:rotate(180deg);
-ms-animation-delay:1.1700000000000002s;
-ms-transform:rotate(180deg);
}

#rotateG_08{
left:8px;
bottom:7px;
-webkit-animation-delay:1.3s;
-webkit-transform:rotate(-135deg);
-moz-animation-delay:1.3s;
-moz-transform:rotate(-135deg);
-o-animation-delay:1.3s;
-o-transform:rotate(-135deg);
-ms-animation-delay:1.3s;
-ms-transform:rotate(-135deg);
}

@-webkit-keyframes fadeG{
0%{
background-color:#e9d2f9}

100%{
background-color:#bc2424}
}

@-moz-keyframes fadeG{
0%{
background-color:#e9d2f9}

100%{
background-color:#bc2424}
}

@-o-keyframes fadeG{
0%{
background-color:#e9d2f9}

100%{
background-color:#bc2424}
}

@-ms-keyframes fadeG{
0%{
background-color:#e9d2f9}

100%{
background-color:#bc2424}
}
</style>




<div style="position:absolute;top:40%;left:47%;z-index:3;" id="loading">
<div id="floatingBarsG">
<div class="blockG" id="rotateG_01">
</div>
<div class="blockG" id="rotateG_02">
</div>
<div class="blockG" id="rotateG_03">
</div>
<div class="blockG" id="rotateG_04">
</div>
<div class="blockG" id="rotateG_05">
</div>
<div class="blockG" id="rotateG_06">
</div>
<div class="blockG" id="rotateG_07">
</div>
<div class="blockG" id="rotateG_08">
</div>
</div>
<h1>Loading ...</h1>
</div>

.......



<div id="fadebody"></div>
</body>
</html>

Работает - хорошо, но не работает только в одном случае - когда копируются файлы из каталога в другой каталог.

Может кто что-то знает.....

Спустя 1 час, 3 минуты, 34 секунды (3.08.2012 - 20:45) kamanch написал(а):

Особо не вникал, но

Цитата

запретить все действия пользователя

это обычно вирус, либо всплывающая рекламная хрень...

Спустя 16 минут, 10 секунд (3.08.2012 - 21:01) tar написал(а):

Цитата (kamanch @ 3.08.2012 - 18:45)

это обычно вирус, либо всплывающая рекламная хрень...

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

Быстрый ответ:

Здесь расположена полная версия этой страницы.