VPF::Эмуляция модальной формы div-ом

solenko

Дата 6.6.2006, 16:54 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1473
Регистрация: 15.1.2006
Где: Украина

Репутация: 9
Всего: 67

Здравствуйте!
У меня по определенному событию отображается див, содержащий формочку для редактирования данных.
Очень хочется, чтобы пользователь не мог в это время кликнуть по какой-либо ссылке или кнопке.
Прикинул, что для этого нужно, чтобы див занимал все пространство на экране, а вот как это сделать не знаю.
Кроме того, каким образом можно расположить саму формочку по ценрту экрана? В смысле, страница может быть длиннее рабочей области монитора, и выравнивание по центру ничего не даст.

Подскажите как это сделать. Возможно я что-то не то придумал и есть другой путь?

--------------------

Ла-ла-ла-ла
Заметьте, нет официального подтверждения, что это не просто четыре слога.

Illuminaty

Дата 6.6.2006, 18:03 (ссылка)

(нет голосов)

Загрузка ...

/*Антон Захаров*/

Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 4
Всего: 56

Эта тема для раздела JavaScript.

dstorm81

Дата 6.6.2006, 20:09 (ссылка)

(нет голосов)

Загрузка ...

бездельник

Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 20
Всего: 39

идея такова
делаешь один слой над доком с з-индесом 2, и даешь ему width=100% & height=100%
по идее он должен сделать неактивным все, хотя в осле с селектами могут возникнуть проблемы

а лучше так
<div id=forContent>
</div>
<div id=popupWin>
</div>
при активации формы присваиваешь forContent display:none а popupWin display:block, в данном случае все скроется с экрана кроме дива с формой...

Код


Как узнать ширину и высоту клиентской (рабочей) области окна браузера?

<script type="text/javascript">
//IE5+, Mozilla 1.0+, Opera 7+

function getClientWidth()
{
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
}

function getClientHeight()
{
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
}

</script>

вот это даст тебе параметры
З.Ы. есть вроде метод через стили все сделать где-то видел, найду отпишусь
а пока дерзай

--------------------

на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

12345c

Дата 8.6.2006, 11:56 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

Принцип такой:

Код


<style>body{height:100%}/*всё равно не срабатывает в FF*/</style>
<a href=555>Попробуйте кликнуть</a>
<table id=t1 height=100% border=1 style=position:absolute;width:100%;height:100%;top:0;left:0; onclick=alert('Скрыт')>
  <tr><td align=center>
    <div id= style=width:100%;height:100%;>Скрыт документ</div>
</td></tr></table>
<script>onload=function(){if(document.all)return;document.getElementById('t1').style.height='500px';}
    //сюда поставить высоту окна, чтобы таблица в FF стала равной ему. Для IE/Opera можно отменить
</script>

Затем, ищете тему про плавающий див, который всегда на экране независимо от скролла, и делаете таблицу такой же плавающей.

--------------------

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »