Подскажите пожалуйста, как при наведении курсора мыши на
<td class='block1'>Блок1</td>
изменялся цвет фона в
<td class='block2'>Блок2</td>
Заранее спасибо за ответ
Спустя 6 минут, 41 секунда (10.05.2012 - 13:24) bodja написал(а):
<td class='block1' onMouseOver="this.style.bgcolor='#CCCCCC'">траляля</td>
промахнулси :D :D :D ?
где ид блока?
Спустя 3 минуты, 23 секунды (10.05.2012 - 13:27) darkcuba написал(а):
Фон будет изменяться в этом же блоке, а мне нужно чтобы во втором блоке ((
Спустя 44 секунды (10.05.2012 - 13:28) darkcuba написал(а):
а как его приписать, я не очень волоку в js
Спустя 4 минуты, 42 секунды (10.05.2012 - 13:33) Ramzil_Nixon написал(а):
| Цитата (darkcuba @ 10.05.2012 - 09:17) |
| Всем доброго дня. Подскажите пожалуйста, как при наведении курсора мыши на <td class='block1'>Блок1</td> изменялся цвет фона в <td class='block2'>Блок2</td> Заранее спасибо за ответ |
<td class="block1" onmouseover="ramzil()">Блок один</id>
<td class="block2">Блок два</td>
Так, придется написать CSS:
.block1 { background: #000; }
.block2 { background: #fff; }
Далее пишешь функцию на JS:
function ramzil() {
document.getElementById('block2').css('background', '#ff0000'); // Вот тут я не уверен, я с ID работал вместо CLASS=""
}
Спустя 27 минут, 43 секунды (10.05.2012 - 14:00) bodja написал(а):
| Цитата |
| а как его приписать, я не очень волоку в js |
Ну как ,как... id="траляя" написал и все
,тут JS знать не нужно,нужно знать к какому элементу обратится.Ramzil_Nixon
Вы случайно класс с ид не перепутали?
Елементов с таким классом может быть много ,а вот ид может быть один.
Спустя 1 минута, 48 секунд (10.05.2012 - 14:02) Ramzil_Nixon написал(а):
| Цитата (bodja @ 10.05.2012 - 10:00) |
| Вы случайно класс с ид не перепутали? Елементов с таким классом может быть много ,а вот ид может быть один. |
Я ему метод с ID показал, с классом я сам не знаю как это делается
Спустя 4 минуты, 56 секунд (10.05.2012 - 14:07) bodja написал(а):
Ramzil_Nixon
Ну тогда вот так.
Ну тогда вот так.
<td id="block1" onmouseover="ramzil()">Блок один</id>
<td id="block2">Блок два</td>
#block1 { background: #000; }
#block2 { background: #fff; }
function ramzil() {
document.getElementById('block2').style.bgcolor='#CCCCCC';
}
| Цитата |
| Я ему метод с ID показал, с классом я сам не знаю как это делается |
document.getElementsByClassName('block2')[0]
Обратите внимание на Elements и ключ массива [0]
Спустя 1 минута, 20 секунд (10.05.2012 - 14:08) Ramzil_Nixon написал(а):
| Цитата (bodja @ 10.05.2012 - 10:07) |
| style.bgcolor='#CCCCCC'; |
В этой части я тоже ошибся балин
Спустя 1 минута, 28 секунд (10.05.2012 - 14:10) Игорь_Vasinsky написал(а):
| Цитата |
| document.getElementById('block2').css('background', '#ff0000'); |
жуткая смесь JQ и JS... инцест?
Спустя 4 минуты, 30 секунд (10.05.2012 - 14:14) bodja написал(а):
Игорь_Vasinsky
Так бывает,когда учиш предмет не с того конца.
Ramzil_Nixon
.cssText
Так бывает,когда учиш предмет не с того конца.
Ramzil_Nixon
.cssText
Спустя 1 минута, 44 секунды (10.05.2012 - 14:16) Ramzil_Nixon написал(а):
| Цитата (Игорь_Vasinsky @ 10.05.2012 - 10:10) |
| жуткая смесь JQ и JS... инцест? |
Его надо как нибудь назвать. jqjs
Все таки новый язык программирования
Спустя 47 секунд (10.05.2012 - 14:17) Ramzil_Nixon написал(а):
| Цитата (bodja @ 10.05.2012 - 10:14) |
| Ramzil_Nixon .cssText |
Ну я уж понял в чем я ошибся, просто неделю в дороге был, не кодил, вот и вылетел из головы
Спустя 4 минуты, 7 секунд (10.05.2012 - 14:21) darkcuba написал(а):
<style>
#block1 { background: #000; }
#block2 { background: #fff; }
</style>
<script>
function ramzil() {
document.getElementById('block2').style.bgcolor='#CCCCCC';
}
</script>
<table border='0px'>
<tr>
<td id="block1" onmouseover="ramzil()">Блок один</td>
<td id="block2">Блок два</td>
</tr>
</table>
Никакой реакции
Спустя 3 минуты, 32 секунды (10.05.2012 - 14:24) Игорь_Vasinsky написал(а):
| Цитата |
| document.getelementbyid.style.background-color |
Спустя 2 минуты, 11 секунд (10.05.2012 - 14:27) darkcuba написал(а):
background-color не работает, просто background работает
Спустя 1 минута, 56 секунд (10.05.2012 - 14:29) sergeiss написал(а):
Мой внутренний голос подсказывает, что надо что-то вроде такого сделать: при наведении мыши класс второго объекта изменяется, при убирании мыши возвращается. Можно это оформить в виде функции, будет более универсально. В функции надо будет запомнить состояние до наведения мыши, а потом восстановить его.
<td id="b1" class='block1' onmouseover="document.getElementById('b2').className='block1' "
onmouseout="document.getElementById('b2').className='block2' ">Блок1</td>
<td id="b2" class='block2'>Блок2</td>
Спустя 10 минут (10.05.2012 - 14:39) Игорь_Vasinsky написал(а):
| Цитата |
| Сидел он, дум великих полон - и вдаль глядел... |
и думал он, что если щас он не поможет - то парню будет не в прикол
Спустя 2 минуты, 30 секунд (10.05.2012 - 14:41) darkcuba написал(а):
Спустя 1 минута, 1 секунда (10.05.2012 - 14:42) darkcuba написал(а):
<td id="block1"
onmouseover="document.getElementById('block2').style.background='#000';"
onmouseout="document.getElementById('block2').style.background='#fff';"> ;Блок один</td>
Решил так сделать
onmouseover="document.getElementById('block2').style.background='#000';"
onmouseout="document.getElementById('block2').style.background='#fff';"> ;Блок один</td>
Решил так сделать
Спустя 29 минут, 50 секунд (10.05.2012 - 15:12) bodja написал(а):
darkcuba
Ну хоть сами пошевелили мозгами
В догонку ,бывает некоторые стили не проходят в браузерах,запихиваем через вантуз
Ну хоть сами пошевелили мозгами
В догонку ,бывает некоторые стили не проходят в браузерах,запихиваем через вантуз
| Цитата |
| document.getElementById('block2').style.cssText='background:#afa'; |
Спустя 19 минут, 33 секунды (10.05.2012 - 15:31) darkcuba написал(а):
окей, спасибо )