Onmouseover и Div

[Guest]

Добрый день!

На этапе верстки столкнулся с такой проблемой:

[codebox]<div style="float:left;margin-right:15px;background-color:#D7D7D7;width:3px;height:180px;"></div>

<div class="text_5" style="margin-right:10px;">Для начала выберете в нашем каталоге понравившийся Вам автомобиль. Даже если такого не нашлось, то обязательно свяжитесь с нашим менеджером. Мы вам непременно поможем.</div>
[/codebox]

Нужно чтобы при наведении на второй ДИВ с текстом менялся бэкграунд первого ДИВа. Я так понял, что тут необходимо использовать событие onmouseover, но вот как его использовать?!? <_<

Уже весь моск сломал, никак не идет решение проблемы. Кто может помочь?

 

[Ockonal]

да, onMouseOver;
Но сперва дайте первому диву( В которого будете менять id, например: id="changes"
Напишите яваскрипт функции:
changeText() {
document.getElementById("changes").innerHTML(TEXT) = "Your changed text";
};
А фон можно через setAttribute
changeBg() {
document.getElementById("changes").setAttribute( "background", "PathToImg.jpg" );
};
------------
Если нужно менять не картинку, а просто цвет фона:
changeBg() {
document.getElementById("changes").style.bgColor = #000000;
};

onMouseOver="changeText();changeBg();";

 

[ShadowCoder]

JS
function bgChange() {
var obj = document.getElementById('d1');
obj.style.backgroundImage = 'background2.jpg';
}

HTML
<div id="d1" style="background-image: 'background1.jpg'">...</div>
<div id="d2" onMouseOver="bgChange()">...</div>

 

[Guest]

Спасибо, сделал, как вы сказали. Все работает. Но есть единственная проблемка: у меня таких поля по 2 ДИВА аж 4 штуки, может в функции можно как-то задать массив для id?

 

[Ockonal]

function change( idName, bgcolor, text ) {
document.getElementById( idName ).style.bgColor = bgcolor;
document.getElementById( idName ).innerHTML(TEXT) = text;
};

<div ... onMouseOver="change( "id1", "#FFF", "Changed text" );" .... ></div>
<div ... onMouseOver="change( "id2", "#FF0", "Changed text 2" );" .... ></div>

 

[Guest]

function change( idName, bgcolor, text ) {
document.getElementById( idName ).style.bgColor = bgcolor;
document.getElementById( idName ).innerHTML(TEXT) = text;
};

<div ... onMouseOver="change( "id1", "#FFF", "Changed text" );" .... ></div>
<div ... onMouseOver="change( "id2", "#FF0", "Changed text 2" );" .... ></div>

Спасибо. Выручил))