[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Примитивы на js
Xes
Делаю примитив есть блок с описание обекта. При наведении на этот блок пояляеться другой внутренний дивчик в котором есть картинки-кнопочки добавить в избраное или что то типа того не имет значение. По нажатию на картинку будет запущена js функция.

Вот сейчас просто разбираюсь на приметиве
по щелчку на картинке пытаюсь изменить цвет второго внутреннеог блока. Не срабатывает.
<div id="d2" style="width:200px;height:200px;background:#FF6633;" 
onMouseOver="getElementById('d1').style.display='block'"
onMouseOut="getElementById('d1').style.display='none'">Текст какойто тут идет идет и идет 1
<div id="d1" style="width:50px;height:50px;background:#0033FF;display:none;position:relative;left:40px;bottom:40px;">
<
img src="../images/info_1.png"
OnMouseClick="getElementById('d1').bgColor='red'"></div>
</
div>

---
2. Так же спрошу здесь вторым вопросм как сделать чтобы при наведению на картинку мышьа становился рукой как на при наведении на кнопку. Пробовал код там типа curcor='hend' чето не работает, хотя если ставить другие комбинации то превращается в стрелочки в часы, крестик.?



Спустя 35 минут, 48 секунд (14.08.2011 - 17:01) Invis1ble написал(а):
Цитата
getElementById('d1').bgColor='red'

Где ты такое свойство откопал? такого свойства нет у объекта, есть style, а у него backgroundColor. Установи firebug, чтоб видеть подобные ошибки.
Цитата
Пробовал код там типа curcor='hend' чето не работает, хотя если ставить другие комбинации то превращается в стрелочки в часы, крестик.?

cursor: pointer

Спустя 30 минут, 36 секунд (14.08.2011 - 17:32) Xes написал(а):
не хочет.

<div id="d2" style="width:200px;height:200px;background:#FF6633;"
onMouseOver="getElementById('d1').style.display='block'"
onMouseOut="getElementById('d1').style.display='none'">Текст какойто тут идет идет и идет 1

<div id="d1" style="width:50px;height:50px;background:#0033FF;display:none;position:relative;left:40px;bottom:40px;">
<
img src="../images/info_1.png" OnMouseClick="getElementById('d1').style.backgroundColor='#006699'" style="cursor:pointer;">
</
div>
</
div>

Спустя 16 минут, 31 секунда (14.08.2011 - 17:48) Xes написал(а):
onMouseOver="getElementById('d1').style.backgroundColor='red'" style="cursor:pointer;"></div>
Вот так работает.
Почемуто событие щелчек мыши не хочет обрабатывать.

Спустя 2 минуты, 5 секунд (14.08.2011 - 17:50) Invis1ble написал(а):
Возможно стоит почитать теорию, а не писать отсебятину?
<img src="../images/info_1.png" onclick="document.getElementById('d1').style.backgroundColor='#006699'" style="cursor:pointer;" />

Спустя 2 минуты, 16 секунд (14.08.2011 - 17:52) killer8080 написал(а):
Цитата (Xes @ 14.08.2011 - 17:48)
Почемуто событие щелчек мыши не хочет обрабатывать.

потому что нет события OnMouseClick, есть onclick

Спустя 1 минута, 10 секунд (14.08.2011 - 17:54) Invis1ble написал(а):
Про firebug я видимо сказал дяде Васе....

Спустя 1 минута, 4 секунды (14.08.2011 - 17:55) Xes написал(а):
так стоит уже, я там пока не очень понял где ошибки такого плана искать. Собственно эту ошибку он мне не показывает ни где.

Спустя 1 минута, 43 секунды (14.08.2011 - 17:56) Invis1ble написал(а):
в правом нижнем углу браузера ошибки красным показываются
ну или в "консоли"
Цитата
Собственно эту ошибку он мне не показывает ни где.

наверно ты не активировал просто его

Спустя 6 часов, 2 минуты, 50 секунд (14.08.2011 - 23:59) alex12060 написал(а):

<html>
<head>
<title></title>
</head>
<body>
<div
id="d2" style="width:200px;height:200px;background:#FF6633;"
onmouseover="document.getElementById('d1').style.display='block'"
onmouseout="document.getElementById('d1').style.display='none'">Текст какойто тут идет идет и идет 1
<div id="d1" style="width:50px;height:50px;background:#0033FF;display:none;position:relative;left:40px;bottom:40px;">
<img
src="../images/info_1.png"
onclick="document.getElementById('d1').style.backgroundColor='red'"></div>
</div>
</body>
</html>



Да прибудет с Вами сайт javascript.ru и habrahabr с разделом javascript
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.