{% else-1 %}
Обновить | Подписаться | Поднять тему
Чтобы выполнить действие авторизируйтесь или пройдите регистрацию на сайте.
1. [автор] (4 июн 2013, 18:32) [0/0] [0] [отв] [спам] [под] +1 | -1

вопрос есть: как сделать такое всплывающее окно на php или на другом языке, когда переходишь на сайт, сначала выбивает страницу (окно, в котором надпись: до открытия основного сайта осталось 10 сек. ) и идет отсчет времени. И через 10 сек. выполняется переход автоматически на другую страницу

как это можно написать?

2.
Александр * [мошенник] 1.93
(4 июн 2013, 18:46) [0/0] [0] [отв] [спам] [под] +1 | -1
arime,

ДжаваСкрипт ???!!! *

3. [автор] (4 июн 2013, 18:47) [0/0] [0] [отв] [спам] [под] +1 | -1

на любом можно)

4. [автор] (4 июн 2013, 18:48) [0/0] [0] [отв] [спам] [под] +1 | -1

BOT, на любом можно)))

5.
Flowap™ * [мошенник] 2.46
(4 июн 2013, 18:48) [0/0] [0] [отв] [спам] [под] +1 | -1

PHP это серверный язык и он никак не относится к всплывающим окнам в браузере. щас дам код
jquery модальные окна

6.
Flowap™ * [мошенник] 2.46
(4 июн 2013, 18:49) [0/0] [0] [отв] [спам] [под] +1 | -1

Перескажу ответ написанный тут, только более детальней.

\"Всплывающее окно\", как вы его называете обычно оформляется с помощью 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;
});

7.
Flowap™ * [мошенник] 2.46
(4 июн 2013, 18:50) [0/0] [0] [отв] [спам] [под] +1 | -1

Для того чтобы плагин заработал его надо подключить:
<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>

Этим мы добиваемся перерисовки браузером нашего документа при закрытии модального окна.

8. [автор] (4 июн 2013, 18:54) [0/0] [0] [отв] [спам] [под] +1 | -1

очень подробно. спасибо

  • 1 из 1
Чтобы писать сообщения авторизируйтесь или пройдите регистрацию на сайте.
Подписаны: 1
Скачать тему | Файлы темы | Фильтр сообщений