Блог

Главная - Вопросы по программированию - Изменение onclick по Z-индексу

Изменение onclick по Z-индексу

#javascript #css #z-index

#javascript #css #z-индекс

Вопрос:

Новичок в JavaScript здесь. Я работаю над веб-сайтом и пытаюсь изменить z-индекс набора фреймов с помощью кнопок. Я не могу заставить это работать.

Пока это то, что у меня есть.

 function changeZIndex(i,id) {
  document.getElementById(id).style.zIndex=i;
}

И в теле

 <A HREF="#" onclick='changeZIndex(1,'aboutus')'><IMG NAME="one" SRC="button1.bmp"></A>
<A HREF="#" onclick='changeZIndex(1,'contactus')'><IMG NAME="two" SRC="button2.bmp"></A>

Да, я понимаю, что это, вероятно, самый глупый вопрос за всю историю, и ответ действительно очевиден. Я впервые пишу JavaScript, поэтому, пожалуйста, будь со мной помягче! :3

Комментарии:

1. java и javascript сильно отличаются, возможно, вы захотите изменить свой вопрос.

2. У вас есть жестко запрограммированное значение для zIndex в вашем методе onclick, поэтому оно всегда будет равно единице.

Ответ №1:

Убедитесь, что ваши кавычки экранированы правильно. попробуйте:

 <a href="#" onclick="changeZIndex(1,'aboutus')"><img name="one" src="button1.bmp"></a>
<a href="#" onclick="changeZIndex(1,'contactus')"><img name="two" src="button2.bmp"></a>

обратите внимание на двойные кавычки вокруг onclick

Ответ №2:

Ваши кавычки неверны — посмотрите на подсветку синтаксиса:

 <A HREF="#" onclick='changeZIndex(1,'aboutus')'><IMG NAME="one" SRC="button1.bmp"></A>
<A HREF="#" onclick='changeZIndex(1,'contactus')'><IMG NAME="two" SRC="button2.bmp"></A>

Вот как вы могли бы это сделать:

 <A HREF="#" onclick="changeZIndex(1,'aboutus')"><IMG NAME="one" SRC="button1.bmp"></A>
<A HREF="#" onclick="changeZIndex(1,'contactus')"><IMG NAME="two" SRC="button2.bmp"></A>

Ответ №3:

посмотрите на свои кавычки,
затем, если вы измените zindex для ‘aboutus’ на 1, не забудьте изменить zindex для ‘contactus’ на 0.
в противном случае, если вы измените zindex для ‘contactus’ на 1, не забудьте изменить zindex для ‘aboutus’ на 0.

 <A HREF="#" onclick="changeZIndex(1,'aboutus');changeZIndex(0,'contactus');"><IMG NAME="one" SRC="button1.bmp"></A>
<A HREF="#" onclick="changeZIndex(1,'contactus');changeZIndex(0,'aboutus');"><IMG NAME="two" SRC="button2.bmp"></A>