Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Модальные окна / 3 сообщений из 3, страница 1 из 1
19.01.2014, 13:22
    #38530955
Naf
Naf
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальные окна
1С выходит в интернет. Соответственно ради поддержки своего тонкого клиента и браузеров делает единообразие. И вот утверждается, что в браузере нет и не может быть модальных окон. В результате 1С считает технологию модальных окон устаревшей.

Вопрос: Реально в браузерах нельзя создавать режим модальных окон?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.01.2014, 18:31
    #38531119
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальные окна
Naf,

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
<!DOCTYPE html>
<html>
<head>
<title>Модальное окно</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
#over{
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: grey;
  opacity:0.5;
  filter:alpha(opacity=50);
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
 }
#wnd{
  z-index: 1001;
  width: 300px;
  height: 150px;
  background-color: #6699CC;
  border: 1px solid #0000FF;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -150px;
  margin-top: -100px;
  padding: 5px;
  display: none;
  text-align:center;
}
</style>

<script type='text/javascript'>
function show(id) {document.getElementById('over').style.display = 'block'; document.getElementById(id).style.display = 'block';}
function hide(id) {document.getElementById('over').style.display = 'none'; document.getElementById(id).style.display = 'none';}
</script>
</head>

<body>
Здесь минимум CSS, JS <br>
<button onclick="show('wnd');">Показать окно</button>

<div id="over" onmousedown="return false;"></div>

<div id="wnd">
	Модальное окно!<br/>Строка 2<br>
	<button onclick="hide('wnd');" style="position:absolute; left:115px; bottom:2px; width:80px;">Закрыть</button>
</div>

</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.01.2014, 11:42
    #38531562
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальные окна
user89,

Это псевдомодальное. Труъ-модальное только в IE: showModalDialog.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Модальные окна / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 382ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1447468]:
 0ms
get settings:
 11ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 71ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 29ms
get tp. blocked users:
 1ms
others: 236ms
total:  382ms
x
x
Закрыть


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