Добрый день!

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



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

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

да, 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();";

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>

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

Дымоед передавайте параметром

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>

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