вопрос есть: как сделать такое всплывающее окно на php или на другом языке, когда переходишь на сайт, сначала выбивает страницу (окно, в котором надпись: до открытия основного сайта осталось 10 сек. ) и идет отсчет времени. И через 10 сек. выполняется переход автоматически на другую страницу
как это можно написать?
ДжаваСкрипт ???!!!
PHP это серверный язык и он никак не относится к всплывающим окнам в браузере. щас дам код
jquery модальные окна
Перескажу ответ написанный тут, только более детальней.
\"Всплывающее окно\", как вы его называете обычно оформляется с помощью JavaScript.
Как правило, это контейнер с формой, который позиционируется либо абсолютно с помощью CSS либо всплывает в отведенной этой форме месте. Подразумевается, что форма authForm отобразится с помощью javaScript.
<div id=\"authForm\">
<form name=\"Auth\" method=\"post\" action=\"/auth.php\" onsubmit=\"doAuth(this);\">
<span class=\"caption\">Login:</span>
<input type=\"text\" name=\"username\">
<span class=\"caption\">Password:</span>
<input type=\"password\" name=\"userpass\">
</form>
</div>
<div id=\"authFormMessages\">
<span class=\"caption\"></span>
</div>
Обработка подобной формы с помощью jQuery будет выглядеть примерно следующим образом
$(\'#authForm\').bind(\'submit\', function() {
var authForm = $(this);
$.ajax({
url: \'/auth.php\',
data: authForm.serialize(),
success: function(responseText){
$(\'#authForm\').hide();
$(\'#authFormMessages span\').text(responseText);
$(\'#authFormMessages\').show();
}
});
return false;
});
Для того чтобы плагин заработал его надо подключить:
<script src=«jquery.simplemodal.js» type=«text/javascript»></script>
А так же указать стили для овереля (серой области), контейнера (собственно окно) и кнопки закрыть.
#modalOverlay {
background-color:#000; /* Тут выбираем цвет затемнения */
cursor:wait; /* Курсор при наведении на затемненную область */
filter: alpha(opacity=80); /* Интенсивность затемнения */
height: 100%;
}
#modalContainer {
height:auto; /* Для растягивания по высоте */
width:300px;
left:50%; /*в купе с margin-left, которая равна минус половине ширины центруют по горизонтали*/
top:50%; /*центрует по вертикали, вместе с margin-top, если задать высоту*/
margin-left:-150px;
/* margin-top: -70px; */
background-color:#fff;
border:3px solid #ccc;
padding: 10px;
}
a.modalCloseImg {
background:url(x.png) no-repeat;
width:25px; /* Положение отличается от тех, что в примере. Мне кажется так удобнее */
height:29px;
display:inline;
z-index:3200;
position:absolute;
top:0px;
right:0px;
cursor:pointer;
}
К сожалению в плагине таятся некоторые глюки. Так например в опере, если контент страницы короче чем сама страница, то при закрытии окна внизу остается серая область. А в IE она иногда и вовсе не закрашивается.
Однако это решается довольно просто. На страницу необходимо добавить стиль
#helper {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: -10;
}
И в любом месте страницы вставляем:
<div id=\"helper\"></div>
Этим мы добиваемся перерисовки браузером нашего документа при закрытии модального окна.