Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.03.2012, 22:07
Профессор
Отправить личное сообщение для (Sandr) Посмотреть профиль Найти все сообщения от (Sandr)
 
Регистрация: 14.10.2010
Сообщений: 376

Максимальный zIndex, повороты элементов
Приветствую) У меня к вам как всегда много вопросов
1. Подскажите, как вычислить максимальный zIndex среди всех элементов на странице?

2. Как изменять это свойство с помощью js:
-moz-transform: rotate(30deg);

3. есть элемент с известным id, как этому элементу можно присвоить класс(ы), и изменить его id?

4.
Есть код:
<div style="overflow: auto; width: 500px; height: 300px"><div style="background-color: green; width: 1000px; height: 1000px;"></div></div>

Как из него видно, вложенный див больше своего родителя, и по этому появляются скролы, с помощью которых можно просмотреть части вложенного дива, скрытые его родителем перемещая ползунки. Как можно осуществить просмотр внутреннего дива с помощью мыши? Если привести пример, то подобное есть в яндекс или гугл картах.



Заранее спасибо))
Ответить с цитированием
  #2 (permalink)  
Старый 09.03.2012, 22:27
Server
Отправить личное сообщение для Rootpassword Посмотреть профиль Найти все сообщения от Rootpassword
 
Регистрация: 26.09.2011
Сообщений: 252

var getNextHighestZindex = function (obj){  
    var highestIndex = 0;  
   var currentIndex = 0;  
   var elArray = Array();  
    if(obj){ elArray = obj.getElementsByTagName("*"); }else{ elArray = document.getElementsByTagName("*"); }  
   for(var i=0; i < elArray.length; i++){  
      if (elArray[i].currentStyle){  
          currentIndex = parseFloat(elArray[i].currentStyle["zIndex"]);  
       }else if(window.getComputedStyle){  
          currentIndex = parseFloat(document.defaultView.getComputedStyle(elArray[i],null).getPropertyValue("z-index"));  
       }  
       if(!isNaN(currentIndex) && currentIndex > highestIndex){ highestIndex = currentIndex; }  
    }  
    return(highestIndex+1);  
}


Это максимум +1

Последний раз редактировалось Rootpassword, 09.03.2012 в 22:31.
Ответить с цитированием
  #3 (permalink)  
Старый 09.03.2012, 22:33
Server
Отправить личное сообщение для Rootpassword Посмотреть профиль Найти все сообщения от Rootpassword
 
Регистрация: 26.09.2011
Сообщений: 252

Что касается 3) .className='newclass'; .id='newid'; если я вас правильно понял.
2), .style.MozTransform="rotate(30deg)"; должно быть
Ответить с цитированием
  #4 (permalink)  
Старый 09.03.2012, 23:52
Профессор
Отправить личное сообщение для (Sandr) Посмотреть профиль Найти все сообщения от (Sandr)
 
Регистрация: 14.10.2010
Сообщений: 376

Rootpassword, спасибо за ответы.
"2), .style.MozTransform="rotate(30deg)"; должно быть", а что насчёт других браузеров и 4го вопроса? Можете подсказать?
Ответить с цитированием
  #5 (permalink)  
Старый 09.03.2012, 23:57
Server
Отправить личное сообщение для Rootpassword Посмотреть профиль Найти все сообщения от Rootpassword
 
Регистрация: 26.09.2011
Сообщений: 252

Аналоги для других браузеров? вот список
https://developer.mozilla.org/en/CSS/transform

по 4-ому мне лень смотреть, как там в яндекс-картах сделано, извините.
Ответить с цитированием
  #6 (permalink)  
Старый 11.03.2012, 00:47
Профессор
Отправить личное сообщение для (Sandr) Посмотреть профиль Найти все сообщения от (Sandr)
 
Регистрация: 14.10.2010
Сообщений: 376

Rootpassword,
спасибо ещё раз за инфу)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Получить список ВСЕХ элементов DOM Почемучкин Events/DOM/Window 7 16.04.2012 11:33
Удаление элементов через splice. возможно ли оптимизировать? Storan Общие вопросы Javascript 0 01.10.2011 21:16
Никак не могу достучаться до элементов DeeSoft jQuery 0 14.02.2011 20:05
Изменение множества элементов Input по определённом призна Лавсановые Волокна Элементы интерфейса 1 24.12.2010 10:37
Быстрый разбор списка элементов. B~Vladi Общие вопросы Javascript 31 14.07.2010 15:52