Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

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

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


Донат для форума - использовать для поднятия настроения себе и модераторам

А ещё здесь можно купить рекламу за 25 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru

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

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

icq: 325023270
По умолчанию

это в ветку 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
Репутация: 108

icq: 325023270
По умолчанию

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

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

skype: lohmatiyy
По умолчанию

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

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

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Всплывающая форма 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 08:58
Всплывающая подсказка (С#) Лучик_света Помощь студентам 1 25.10.2008 10:44
Всплывающая картинка gotex Общие вопросы Delphi 2 23.07.2008 17:34


10:16.


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.