Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Всплывающее окно, как на www.fotostrana.ru на JavaScript / 10 сообщений из 10, страница 1 из 1
07.10.2008, 19:50
    #35581594
andrei-kom
andrei-kom
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Всплывающее окно, как на www.fotostrana.ru на JavaScript
Подскажите, пожалуйста, как сделать на JavaScript всплывающее окно, при отображении которого содержание главной страницы блокируется. Пример можно увидеть на www.fotostrana.ru, при нажатии на логин, добавить фото. В функцию нужно передавать id нужной формы.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.10.2008, 01:25
    #35581906
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Всплывающее окно, как на www.fotostrana.ru на JavaScript
Думаю, основных направления 2:
- непосредственно перед "всплыванием окошка" делать неактивными все элементы на странице (обычно это не так тяжело), а при закрытии - снова активными. Это может быть достаточно удобным, когда на странице не очень много элементов и выполняемых событий, причем, для элементов можно и для блокировки, и для разблокировки вызывать одну функцию.
- между всплывающим окошком и контентом страницы располагать прозрачный (полупрозрачный) див на весь экран/область контента, который не позволяет доступиться до элементов. Решение очень неплохое, минус - остается вариант доступа к элементам через табуляцию и возможные глюки/морагия при перерисовке, когда меняем размер окна.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.10.2008, 11:31
    #35582503
andrei-kom
andrei-kom
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Всплывающее окно, как на www.fotostrana.ru на JavaScript
IDVsbruck
Спасибо, для начала сойдет, но я не думаю, что там так реализовано :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.10.2008, 23:56
    #35584430
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Всплывающее окно, как на www.fotostrana.ru на JavaScript
К сожалению, я не нашел то, о чем ты говорил. (Возможно, не хотел регистрироваться. Может, объяснишь где без регистрации.)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.10.2008, 11:53
    #35585114
andrei-kom
andrei-kom
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Всплывающее окно, как на www.fotostrana.ru на JavaScript
IDVsbruckК сожалению, я не нашел то, о чем ты говорил. (Возможно, не хотел регистрироваться. Может, объяснишь где без регистрации.)
Чтобы увидеть не нужно регистрироваться. Просто нажимаете "войти", "добавить фото" или "забыл пароль", при этом главная страница затеняется и появляется новое окно. Скриншот в аттаче.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.10.2008, 12:15
    #35585213
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Всплывающее окно, как на www.fotostrana.ru на JavaScript
тынц
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.10.2008, 15:37
    #35585965
andrei-kom
andrei-kom
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Всплывающее окно, как на www.fotostrana.ru на JavaScript
ShSerge
Спасибо!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.10.2008, 19:49
    #35586659
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Всплывающее окно, как на www.fotostrana.ru на JavaScript
Именно так там и реализовано. Вот кусочек кода для данного слоя:
Код: plaintext
1.
2.
3.
<!-- Фон (1) -->
<div id="fon" style="background: rgb(0, 0, 0) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; z-index: 10; position: absolute; opacity: 0.35; height: 1017px;">
     
</div>
Див с прозрачностью.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.10.2008, 13:40
    #35589402
andrei-kom
andrei-kom
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Всплывающее окно, как на www.fotostrana.ru на JavaScript
IDVsbruck
Я уже понял :). Просто исходник функции, которая это делала не удалось сразу найти и я не совсем разобрался. Потом, разобрав примеры из ссылки выше, стало ясно :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.10.2008, 22:58
    #35589716
ZeusTheTrueGod
ZeusTheTrueGod
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Всплывающее окно, как на www.fotostrana.ru на JavaScript
Опять таки рекомендую ExtJs , прочитать там исходники, если не охота пользоваться именно этой библиотекой, итак же сделать

хотя идея везде одна и та же - поверх всего кладётся полупрозрачная div , а ещё поверх этого - формочка для ввода
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Всплывающее окно, как на www.fotostrana.ru на JavaScript / 10 сообщений из 10, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 441ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1455746]:
 0ms
get settings:
 9ms
get forum list:
 19ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 81ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 58ms
get tp. blocked users:
 2ms
others: 249ms
total:  441ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]