Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Как поместить элемент выше всех на странице, как определить zIndex 
:(
    Опции темы
alex77
Дата 23.4.2007, 14:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


жывтоне чочо
*


Профиль
Группа: Участник
Сообщений: 52
Регистрация: 29.9.2006
Где: Екатеринбург

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



Здравствуйте.

Как поместить элемент страницы с position: absolute над всеми элементами страницы, (т.е. видимо надо присвоить ему наибольший z-index,) как это сделать? Как определить наибольший z-index на странице?

P.S. Я делаю страницу с перемещаемыми мышкой элементами. Надо чтобы тот, который перемещают, оказался наверху над всеми.

Это сообщение отредактировал(а) alex77 - 23.4.2007, 14:33
PM MAIL ICQ   Вверх
butionok
Дата 23.4.2007, 16:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 125
Регистрация: 19.1.2005

Репутация: 1
Всего: 3



Вот так можно определить наибольший z-index элементов на странице

Код

var highestZindex=0;
if(document.body.childNodes(0))
    checkZindex(document.body.childNodes);

function checkZindex(nodes)
   {
   for(i=0;i<nodes.length;i++)
       {
       if(nodes(i).style.zIndex>highestZindex)
          highestZindex=nodes(i).style.zIndex;
       if(nodes(i).childNodes(0))
          checkZindex(nodes(i).childNodes)
        }
}


Это сообщение отредактировал(а) butionok - 23.4.2007, 16:14
--------------------
Ненавижу убогую Оперу.
PM MAIL ICQ   Вверх
alex77
Дата 23.4.2007, 19:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


жывтоне чочо
*


Профиль
Группа: Участник
Сообщений: 52
Регистрация: 29.9.2006
Где: Екатеринбург

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



Это же все элементы страницы надо перебрать, медленно будет. А нет ли ещё другого способа?
PM MAIL ICQ   Вверх
butionok
Дата 23.4.2007, 22:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 125
Регистрация: 19.1.2005

Репутация: 1
Всего: 3



Во-первых, не так уж медленно. Потом достаточно будет сделать это один раз и потом вести учёт изменений zIndex элементов с которыми надо производить действия.
--------------------
Ненавижу убогую Оперу.
PM MAIL ICQ   Вверх
lemax
Дата 10.12.2007, 22:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 90
Регистрация: 14.10.2007

Репутация: нет
Всего: 1



 smile
Спешу открыть маленький секрет. Если мы представим HTML страницу как дерево, корень которого элемент BODY (самый верхний).
И у BODY есть дети (всякие HTML элементы типа SPAN,DIV,TABLE у которого сыны TR у которого сыны TD и тд и тп). И у этих детей есть еще дети... И вся эта цепочка заканчивается сыном (nodeText), у которого нет детей, но есть текст.

ТАК ВОТ:
Если есть элемент с zIndex="9999999999999999999999999999" (назовем его elem_ПЛЕМЯНИК).
И есть элемент с zIndex="минус 9999999999999999999999999999" который является родным братом отца "elem_ПЛЕМЯНИК"а  (назовем его elem_ДЯДЯ).

Если zIndex отца "elem_ПЛЕМЯНИК"а меньше, чем zIndex elem_ДЯДЯ, то elem_ДЯДЯ отображается всегда поверх elem_ПЛЕМЯНИК!!!!! (независимо от значения zIndex)  smile 
===================================================================

Выводы: Для того, чтобы наш элемент был 99,9% поверх всех элементов на странице. Он должен быть сыном Адама (BODY) и иметь большое значение zIndex (zIndex только для лидерства среди родных братьев).
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.1100 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.