powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Добраться до слоя div
10 сообщений из 10, страница 1 из 1
Добраться до слоя div
    #34605879
Alex_BBB
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Нужно изменить курсор при прохождении над одним контейнером див.

Этот див не имеет идентификатора. Ближайший див который имеет идентификатор образует с нужным вот такую структуру:
Код: plaintext
1.
2.
3.
4.
<div id="name">
<div></div>
<div>Нужный слой</div>
...
</div>

Как добраться до нужного дива?

Спасибо.
...
Рейтинг: 0 / 0
Добраться до слоя div
    #34605960
Фотография SkyLight
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Если только изменить курсор, то для DIV'а пишем style="cursor: pointer". При желании вместо pointer пишем любое из доступных значений.
...
Рейтинг: 0 / 0
Добраться до слоя div
    #34606038
Alex_BBB
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
SkyLight, спасибо.
Вопрос в другом - как получить ссылку на нужный div?
...
Рейтинг: 0 / 0
Добраться до слоя div
    #34606187
Ksnk
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
читать доки по firstChild, nextSibling и бегать по DOM дереву. Или можно подключить jQuery и написать $("#name>div").eq(1)...
Код: plaintext
1.
2.
$("#name>div").eq( 1 )
.mouseover(function(){$(this).css('cursor','cross')})
.mouseout(function(){$(this).css('cursor','point')})
...
Рейтинг: 0 / 0
Добраться до слоя div
    #34606223
LINUXER
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
css-селектор хитрый такой

через ДОМ просто - document.getElementById("name").getElementsByTagName("div")[1]
...
Рейтинг: 0 / 0
Добраться до слоя div
    #34606859
Alex_BBB
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Спасибо.
...
Рейтинг: 0 / 0
Добраться до слоя div
    #34608718
Alex_BBB
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Я ошибся со структурой, структура вот такая:
Код: plaintext
1.
2.
3.
4.
5.
6.
<div id="name">
  <div>
    <div>нужный див</div>
  </div>
...
</div>

Если посмотреть через IE Developer ToolBar то для нужного дива выставлено:
cursor (css) и далее урл до рисунка курсора.
(и если через IE Developer ToolBar вписать скажем pointer то действительно указатель меняется)

Я пытаюсь вот так получить ссылку на это нужный див
Код: plaintext
var mapDiv = document.getElementById("name").getElementsByTagName("div")[ 0 ].getElementsByTagName("div")[ 0 ];
И далее пытаюсь присвоить этому диву стиль CSS:
Код: plaintext
mapDiv.className = 'pointer';

Сам этот класс CSS выглядит так:
Код: plaintext
1.
2.
.pointer{
	cursor: pointer;
}

Однако ничего из этого не выходит - курсор мышки не меняется...

Помогите пожалуста разобраться.
Спасибо.
...
Рейтинг: 0 / 0
Добраться до слоя div
    #34608752
Фотография SkyLight
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ничо непонятно. Если для дива указать правильный class или тупо в style прописать cursor: pointer, то мыша УЖЕ будет менять свой вид, когда будет ползти над дивом. Чего еще не хватает?
...
Рейтинг: 0 / 0
Добраться до слоя div
    #34608793
Alex_BBB
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
SkyLightНичо непонятно. Если для дива указать правильный class или тупо в style прописать cursor: pointer, то мыша УЖЕ будет менять свой вид, когда будет ползти над дивом. Чего еще не хватает?
Не знаю, но курсор не меняется. Может я ссылку на div не правильно получаю
...
Рейтинг: 0 / 0
Добраться до слоя div
    #34608860
Alex_BBB
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Я проверил все через тот же Developer toolbar - класс цсс действительно присваивается мой.
Но этого оказывается мало, нужно было переопределить атрибут style самого контейнера DIV

Код: plaintext
mapDiv.style.cursor = 'pointer';
...
Рейтинг: 0 / 0
10 сообщений из 10, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Добраться до слоя div
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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