Форум Сайтостроение Веб-строительство

Помощь по javascript

Detonator
На сайте с 18.11.2008
Offline
133
Detonator
443

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

Вот такое меню рисую для сайта:

http://detonatora.narod.ru

Идея такая: при наведении на текстовую ссылку, либо на картинку под ней, меняется и цвет шрифта, и сама картинка. Сейчас это реализовано, но не до конца. То есть можно только для 1 картинки, а нужно для 6 разных. Памажите плиз :)

В исходниках думаю всё понятно.. 

 function GetElem(sName) {

 if (document.all) {

  return document.all[sName];

 } else {

  return document.getElementById(sName);

 }

}



function ImageOn(iID) {

 oImage = GetElem('oimg' + iID);

 oText = GetElem('otext' + iID);

 if (!oText) { } else { oText.style.color = '#f82f03'; }

 if (!oImage) { } else { oImage.src = 'menu/menu1_hover.jpg'; }

}



function ImageOff(iID) {

 oImage = GetElem('oimg' + iID);

 oText = GetElem('otext' + iID);

 if (!oText) { } else { oText.style.color = '#4e4e4e'; }

 if (!oImage) { } else { oImage.src = 'menu/menu1.jpg'; }

}
fine
На сайте с 01.12.2005
Offline
151
fine
#1

Вот так (изменения в паре строчек):

function GetElem(sName) {
 if (document.all) {
  return document.all[sName];
 } else {
  return document.getElementById(sName);
 }
}

function ImageOn(iID) {
 oImage = GetElem('oimg' + iID);
 oText = GetElem('otext' + iID);
 if (!oText) { } else { oText.style.color = '#f82f03'; }
 if (!oImage) { } else { oImage.src = 'menu/menu' + iID + '_hover.jpg'; }
}

function ImageOff(iID) {
 oImage = GetElem('oimg' + iID);
 oText = GetElem('otext' + iID);
 if (!oText) { } else { oText.style.color = '#4e4e4e'; }
 if (!oImage) { } else { oImage.src = 'menu/menu' + iID + '.jpg'; }
}

В коде к ссылкам функция правильно написана, еще прописать menu4.jpg и т.д. и залить menu2_hover.jpg и т.д.

Т.е. вот тут, например, заменить menu1.jpg на menu4.jpg надо в коде страницы:


<td>
        <a href="/" onmouseover="ImageOn(4)" onmouseout="ImageOff(4)" id="otext4">заголовок 4</a>
        <a href="/" onmouseover="ImageOn(4)" onmouseout="ImageOff(4)"><img src="menu/menu1.jpg" id="oimg4" /></a>
       </td>
Detonator
На сайте с 18.11.2008
Offline
133
Detonator
#2

Как просто оказалось.. Можно было пораскинуть мозгами, да и вообще пора по основам пройтись)

Спасибо за оперативную помощь! %)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий