Помогите воплотить задумку... с двумя блоками

[niko999]

Здравствуйте! Помогите воплотить задумку... В общем если в коротко то, допустим есть два блока DIV, расположенных в разных частях сайта, и в этих блоках расположены разные картинки, которые в свою очередь являются ссылками. Задача состоит в том, что бы при наведение на картинку в блоке-1 она менялась на другую, и одновременно в блоке-2 картинка тоже менялась. Если проще как сделать чтобы при активном Блок-1, также становился активным блок-2 ?

[wwt]

если нужно чтобы при наведении на 1 менялась в 2 и наоборот при наведении на 2 менялась в 1 то с помощью javascript примерно так http://jsfiddle.net/FHYmV/

Edited August 24, 2012 by wwt

[CalvinKlein]

да для такой простой задачи jQuery юзать круто конечно

но вообще если это то что вам нужно думаю не составит труда и без jQuery переписать

Edited August 24, 2012 by CalvinKlein

[Catherine]

да для такой простой задачи jQuery юзать круто конечно

но вообще если это то что вам нужно думаю не составит труда и без jQuery переписать

Если речь идет об использовании селектора обобщенных родственных элементов, то он выбирает только элементы идущие за заданным, то-есть в обратную сторону работать не будет.

Или что Вы имеете в виду? Можете поделиться своим вариантом?

[CalvinKlein]

я имел ввиду на js но без jQuery например, так

function ge(id){ return document.getElementById(id); }
function onover(){ ge('div1').className = "active"; ge('div2').className = "active"; }
function onout(){ ge('div1').className = ""; ge('div2').className = ""; }

ge('div1').ommouseover = onover;
ge('div2').ommouseover = onover;
ge('div1').ommouseout = onout;
ge('div2').ommouseout = onout;

Edited August 24, 2012 by CalvinKlein

[Catherine]

я имел ввиду на js но без jQuery например, так

Понятно, тогда вопросов не имею, ввели в заблуждение неточностью формулировки

[CalvinKlein]

я имел ввиду на js но без jQuery например, так

Понятно, тогда вопросов не имею, ввели в заблуждение неточностью формулировки

да пожалуй не точно сформулировал, но зато теперь всё понятно

[niko999]

Всем спасибо, что помогаете.

Тачал делать по первому варианту, вроде начало получатся, но после того как код перенес с сайта http://jsfiddle.net на свой все рухнуло, хотя вроде как jquery подключил.

В общем задумка такая, должна быть картинка лампочки, а под ней кнопка-ссылка, и при наведение на лампочку она меняете картинку где лампочка светится, а кнопка меняет картинку на более яркую, тоже самое должно происходить и в обратную сторону, при наведении на кнопку лампа загорается?

Есть какие нибудь идеи как это осуществить???

Заранее благодарю.

P.S Я очень и очень плохо знаю javascript и jquery, так что не ругайтесь

[CalvinKlein]

так вам подойдёт или нет?

[niko999]

CalvinKlein, да конечно огромное спасибо!!!

Еще маленький вопрос в нижнем левом окне это java скрипт? если да то все понятно, если нет то как его подключить к станции

[CalvinKlein]

да это javascript

вот этот кусок кода можно подгрузить с любым файлом js или в head прописать

function ge(id){ return document.getElementById(id); }
function onover(){ ge('div1').className = "active"; ge('div2').className = "active"; }
function onout(){ ge('div1').className = ""; ge('div2').className = ""; }

а этот лучше вставить перед закрывающим тегом body

ge('div1').onmouseover = onover;
ge('div2').onmouseover = onover;
ge('div1').onmouseout = onout;
ge('div2').onmouseout = onout;

Edited August 24, 2012 by CalvinKlein

[niko999]

Хорошо, все понял. Спасибо огромное! Без вас бы, не справился

[wwt]

да для такой простой задачи jQuery юзать круто конечно

но вообще если это то что вам нужно думаю не составит труда и без jQuery переписать

=) ТС не написал что именно нужно и можно использовать ))

А вообще в его случае

общем задумка такая, должна быть картинка лампочки, а под ней кнопка-ссылка, и при наведение на лампочку она меняете картинку где лампочка светится, а кнопка меняет картинку на более яркую, тоже самое должно происходить и в обратную сторону, при наведении на кнопку лампа загорается?

это решается одним CSS http://jsfiddle.net/LuTXr/

Edited August 24, 2012 by wwt

[CalvinKlein]

это решается одним CSS http://jsfiddle.net/LuTXr/

в начале он писал про div'вы в разных частях сайта, так что тут проще js юзать

[wwt]

это решается одним CSS http://jsfiddle.net/LuTXr/

в начале он писал про div'вы в разных частях сайта, так что тут проще js юзать

соглашусь задача была поставлена не точно =)

а вообще подумал и немного понятнее описал для ТС - вот так без выезжающих за пределы блока элементов http://jsfiddle.net/v9j45/

[niko999]

Спасибо всем огромное!!! Все получилось.