Onmouseover и Div

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем -, 3 авг 2008.

Статус темы:
Закрыта.
  1. Гость

    Добрый день!

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

    [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, но вот как его использовать?!? <_<

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

    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();";
     
  3. ShadowCoder

    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>
     
  4. Гость

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

    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>
     
  6. Гость


    Спасибо. Выручил))
     
Загрузка...
Статус темы:
Закрыта.

Поделиться этой страницей