ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Всплывающее окно, как на www.fotostrana.ru на JavaScript
10 сообщений из 10, страница 1 из 1
Всплывающее окно, как на www.fotostrana.ru на JavaScript
    #35581594
andrei-kom
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andrei-kom
Гость
Подскажите, пожалуйста, как сделать на JavaScript всплывающее окно, при отображении которого содержание главной страницы блокируется. Пример можно увидеть на www.fotostrana.ru, при нажатии на логин, добавить фото. В функцию нужно передавать id нужной формы.
...
Рейтинг: 0 / 0
07.10.2008, 19:50
| Ответить | Цитировать | Написать  
Всплывающее окно, как на www.fotostrana.ru на JavaScript
    #35581906
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Думаю, основных направления 2:
- непосредственно перед "всплыванием окошка" делать неактивными все элементы на странице (обычно это не так тяжело), а при закрытии - снова активными. Это может быть достаточно удобным, когда на странице не очень много элементов и выполняемых событий, причем, для элементов можно и для блокировки, и для разблокировки вызывать одну функцию.
- между всплывающим окошком и контентом страницы располагать прозрачный (полупрозрачный) див на весь экран/область контента, который не позволяет доступиться до элементов. Решение очень неплохое, минус - остается вариант доступа к элементам через табуляцию и возможные глюки/морагия при перерисовке, когда меняем размер окна.
...
Рейтинг: 0 / 0
08.10.2008, 01:25
| Ответить | Цитировать | Написать  
Всплывающее окно, как на www.fotostrana.ru на JavaScript
    #35582503
andrei-kom
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andrei-kom
Гость
IDVsbruck
Спасибо, для начала сойдет, но я не думаю, что там так реализовано :)
...
Рейтинг: 0 / 0
08.10.2008, 11:31
| Ответить | Цитировать | Написать  
Всплывающее окно, как на www.fotostrana.ru на JavaScript
    #35584430
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
К сожалению, я не нашел то, о чем ты говорил. (Возможно, не хотел регистрироваться. Может, объяснишь где без регистрации.)
...
Рейтинг: 0 / 0
08.10.2008, 23:56
| Ответить | Цитировать | Написать  
Всплывающее окно, как на www.fotostrana.ru на JavaScript
    #35585114
andrei-kom
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andrei-kom
Гость
IDVsbruckК сожалению, я не нашел то, о чем ты говорил. (Возможно, не хотел регистрироваться. Может, объяснишь где без регистрации.)
Чтобы увидеть не нужно регистрироваться. Просто нажимаете "войти", "добавить фото" или "забыл пароль", при этом главная страница затеняется и появляется новое окно. Скриншот в аттаче.
...
Рейтинг: 0 / 0
09.10.2008, 11:53
| Ответить | Цитировать | Написать  
Всплывающее окно, как на www.fotostrana.ru на JavaScript
    #35585213
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
тынц
...
Рейтинг: 0 / 0
09.10.2008, 12:15
| Ответить | Цитировать | Написать  
Всплывающее окно, как на www.fotostrana.ru на JavaScript
    #35585965
andrei-kom
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andrei-kom
Гость
ShSerge
Спасибо!
...
Рейтинг: 0 / 0
09.10.2008, 15:37
| Ответить | Цитировать | Написать  
Всплывающее окно, как на www.fotostrana.ru на JavaScript
    #35586659
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Именно так там и реализовано. Вот кусочек кода для данного слоя:
Код: 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
09.10.2008, 19:49
| Ответить | Цитировать | Написать  
Всплывающее окно, как на www.fotostrana.ru на JavaScript
    #35589402
andrei-kom
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andrei-kom
Гость
IDVsbruck
Я уже понял :). Просто исходник функции, которая это делала не удалось сразу найти и я не совсем разобрался. Потом, разобрав примеры из ссылки выше, стало ясно :)
...
Рейтинг: 0 / 0
11.10.2008, 13:40
| Ответить | Цитировать | Написать  
Всплывающее окно, как на www.fotostrana.ru на JavaScript
    #35589716
ZeusTheTrueGod
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ZeusTheTrueGod
Участник
Опять таки рекомендую ExtJs , прочитать там исходники, если не охота пользоваться именно этой библиотекой, итак же сделать

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


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