1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

Проблема с JavaScript

Главные вкладки

Аватар пользователя staryi@drupal.org staryi@drupal.org 27 июня 2009 в 17:34

Доброго всем времени суток, ситуация у меня такая. Создал блок, засунул в него следующий код

<script>
var img1=new Image(); img1.src="http://primfootball.ru/sites/default/files/menu/PL2.png";
var img1=new Image(); img1.src="http://primfootball.ru/sites/default/files/menu/DV2.png";
var img2=new Image(); img1.src="http://primfootball.ru/sites/default/files/menu/PK2.png";
var img3=new Image(); img1.src="http://primfootball.ru/sites/default/files/menu/VL2.png";
var img4=new Image(); img1.src="http://primfootball.ru/sites/default/files/menu/NH2.png";
var img5=new Image(); img1.src="http://primfootball.ru/sites/default/files/menu/WF2.png";
var img6=new Image(); img1.src="http://primfootball.ru/sites/default/files/menu/DVF2.png";
var img7=new Image(); img1.src="http://primfootball.ru/sites/default/files/menu/MF2.png";
var img8=new Image(); img1.src="http://primfootball.ru/sites/default/files/menu/DF2.png";
var img9=new Image(); img1.src="http://primfootball.ru/sites/default/files/menu/US2.png";
var img10=new Image(); img1.src="http://primfootball.ru/sites/default/files/menu/VD2.png";

function change1() { var a=window.event.srcElement;
        if (a.tagName=="IMG")
                a.src=a.src.substring(0, a.src.length-4) + "2"+
                a.src.substring(a.src.length-4, a.src.length);
}
function change2() { var a=window.event.srcElement;
        if (a.tagName=="IMG")
                a.src=a.src.substring(0, a.src.length-5) +
                a.src.substring(a.src.length-4, a.src.length);
}
document.onmouseover=change1;
document.onmouseout=change2;
</script><center><a href="http://www.primfootball.ru/PervayaLiga"><img border="0" alt="Первый дивизион ПФЛ" src="http://primfootball.ru/sites/default/files/menu/PL.png" /></a> <br />
<a href="http://www.primfootball.ru/VtorayaLiga-2009"><img border="0" alt="Второй дивизион ПФЛ, зона Восток" src="http://primfootball.ru/sites/default/files/menu/VD.png" /></a> <br />
<a href="http://primfootball.ru/DV-2009"><img border="0" alt="Первенсто Дальнего Востока среди ЛФК 2009" src="http://primfootball.ru/sites/default/files/menu/DV.png" /></a> <br />
<a href="http://primfootball.ru/PK-2009"><img border="0" alt="Чемпионат Приморского края 2009" src="http://primfootball.ru/sites/default/files/menu/PK.png" /></a> <br />
<a href="http://primfootball.ru/vlad-2009"><img border="0" alt="Чемпионат г. Владивостока 2009" src="http://primfootball.ru/sites/default/files/menu/VL.png" /></a> <br />
<a href="http://primfootball.ru/node/54"><img border="0" alt="Чемпионат г. Находка 2009" src="http://primfootball.ru/sites/default/files/menu/NH.png" /></a> <br />
<a href="http://www.primfootball.ru/Ussuriysk-2009"><img border="0" alt="Чемпионат г. Уссурийска 2009" src="http://primfootball.ru/sites/default/files/menu/US.png" /></a> <br />
<a href="http://primfootball.ru/node/879"><img border="0" alt="Женский футбол" src="http://primfootball.ru/sites/default/files/menu/WF.png" /></a> <br />
<a href="http://primfootball.ru/Dvorovuy"><img border="0" alt="Дворовый футбол" src="http://primfootball.ru/sites/default/files/menu/DVF.png" /></a> <br />
<a href="http://primfootball.ru/node/4"><img border="0" alt="Мини-Футбол" src="http://primfootball.ru/sites/default/files/menu/MF.png" /></a> <br />
<a href="http://primfootball.ru/node/42"><img border="0" alt="Детский футбол" src="http://primfootball.ru/sites/default/files/menu/DF.png" /></a> </center>

меню то работает как нужно, но этот скрип пытается при событии onmouseover заменить все картинки сайта, а мне нужно чтоб эта "фишка" распространялась только на данное меню.

Решение мне к сожалею неизвестно, демаю есть два варианта, либо как то определить картинки меню в отдельный класс отдельный от 'IMG' , либо прекращщать работу скрипта за пределами блока, но рецептов решения не знаю.

Комментарии