Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 01.10.2010, 20:31   #1
ZET78
Пользователь
 
Регистрация: 02.05.2010
Сообщений: 60
По умолчанию Всплывающая форма

Друзья, я хочу сделать следующее, в общем к примеру у меня есть кнопка "Отправить сообщение", и при нажатии на нее должны всплыть окно, где человек просто будет вбивать тему сообщения и само сообщение. В общем мне нужен скрипт этой всплывающей формы, может у кого завалялся где?
ZET78 вне форума Ответить с цитированием
Старый 01.10.2010, 21:10   #2
Никки
Форумчанин Подтвердите свой е-майл
 
Аватар для Никки
 
Регистрация: 20.11.2007
Сообщений: 500
По умолчанию

это в ветку JS

Код:
<style>
#disabled_page
{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.5;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	z-index: 2;
	display: none;
}
#form
{
	position: absolute;
	z-index: 100;
	display: none;
	border: double black 1px;
	padding: 10px;
	background-color: white;
}
</style>

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
function showForm(block)
{
$('#disabled_page').fadeIn(500);
	element = document.getElementById(block);
	element.style.left=(parseInt(document.body.clientWidth)-parseInt($("#"+block).width()))/2+"px";
	if (parseInt(window.innerHeight)>parseInt($("#"+block).height()))
		element.style.top=(parseInt(window.innerHeight)-parseInt($("#"+block).height()))/2+"px";
	$('#'+block).show(500);
}
</script>

<div id="disabled_page"></div>
<div id="form">
<p>Тут собственно форма</p>
</div>

<input type="button" value="Показать форму" onclick="showForm('form');">
Вот. Написал только что. Не знаю пока как реализовать некоторые вещи с помощью JQuery пришлось сделать вперемешку. Изучайте, разбирайтесь.
Никки вне форума Ответить с цитированием
Старый 01.10.2010, 21:15   #3
Никки
Форумчанин Подтвердите свой е-майл
 
Аватар для Никки
 
Регистрация: 20.11.2007
Сообщений: 500
По умолчанию

Ещё мой код с IE не дружит! Сами подружите как нибудь, Вам же главное пример? А то что вам нужно сделаете по аналогии!
Никки вне форума Ответить с цитированием
Старый 02.10.2010, 07:55   #4
Виталий Желтяков
Старожил
 
Аватар для Виталий Желтяков
 
Регистрация: 19.04.2010
Сообщений: 2,702
По умолчанию

Если честно даже не понимаю зачем этот скрипт нужен. Просто отобразите скрытую форму.
Виталий Желтяков вне форума Ответить с цитированием
Старый 29.10.2010, 12:51   #5
Lohmatiyy
Пользователь
 
Регистрация: 29.10.2010
Сообщений: 57
По умолчанию

Дружить его с IE не вижу смысла, нормальные люди IE не используют :D

К стилю формы допишите
Код:
visibility:hidden;
Далее, пишите функцию, которая отображает форму, что-то такое
Код:
function show(){
document.getElementById("form").style.visibility="visible";
}
Lohmatiyy вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Всплывающая форма Swatch Microsoft Office Access 2 24.05.2010 11:02
Всплывающая форма? CraftR14 Общие вопросы Delphi 13 20.04.2010 20:55
Всплывающая таблица asg Microsoft Office Excel 6 18.03.2009 07:58
Всплывающая подсказка (С#) Лучик_света Помощь студентам 1 25.10.2008 10:44
Всплывающая картинка gotex Общие вопросы Delphi 2 23.07.2008 17:34