VPF::onMouseOver и innerHTML не работает ссылка

LoaLady

Дата 1.9.2009, 13:53 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 8
Регистрация: 1.9.2009

Репутация: нет
Всего: нет

Существует тег div в нем есть ссылка-картинка, при наведении эта ссылка-картинка заменяется на саму же себя и еще одну ссылку картинку. при этом ссылка почему-то не работает. помогите кто знает почему?

<div id="menu0"></div>

<script>

Men="<DIV id=i0 onMouseOver=Smena1() > <A href='Glav.html' > <IMG src='pic/Glav.gif' id=Glav /></A></DIV>"
document.all.menu0.innerHTML=Men

function Smena1() {
vst="<A href='Glav.html' > <IMG src='pic/Glav.gif' id=Glav /><BR />"+ "<A href='Int.html' > <IMG src='pic/Int.gif' id=Int /> <BR />"
d=document.all.i0
d.innerHTML=vst}

</script>

Amphiluke

Дата 1.9.2009, 14:17 (ссылка)

(нет голосов)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 35
Всего: 112

Нужно удалить обработчик события onmouseover после первого его выполнения.

Код

<div id="menu0"></div>
 
<script type="text/javascript">
   var Men="<div id='i0' onmouseover='Smena1();'><a href='Glav.html'><img src='pic/Glav.gif' id='Glav' /></a></div>";
   document.getElementById("menu0").innerHTML = Men;
 
   function Smena1() {
      var vst = "<a href='Glav.html'><img src='pic/Glav.gif' id='Glav' /></a><br /><a href='Int.html'><img src='pic/Int.gif' id='Int' /></a><br />"
      var d = document.getElementById("i0");
      d.innerHTML = vst;
      d.onmouseover = function() {};
   } 
</script>

LoaLady

Дата 1.9.2009, 14:28 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 8
Регистрация: 1.9.2009

Репутация: нет
Всего: нет

Amphiluke, Огромное Вам спасибо :0)

LoaLady

Дата 1.9.2009, 14:45 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 8
Регистрация: 1.9.2009

Репутация: нет
Всего: нет

Блин посмотрела сработало, только это был кусочек кода на котоом я споткнулась, но суть в том, что событие должно произоти не один раз а при каждом наведении, и когда указатель уходит с элемента там должна остаться одна картинка вот...

Код



<div id="menu0"></div>

<script>


Men="<DIV id=i0 onMouseOver=Smena1()  onMouseOut=Smena0()> <A href='Glav.html'  > <IMG src='pic/Glav.gif' id='Glav' /></A></DIV>"
document.all.menu0.innerHTML=Men

function Smena1() {
vst="<A href='Glav.html'  > <IMG src='pic/Glav.gif' id='Glav' /><BR />"+ "<A href='Int.html'  > <IMG src='pic/Int.gif' id='Int' /> <BR />"
d=document.all.i0
d.innerHTML=vst
}


function Smena0() {
vst1="<A href='Glav.html'  > <IMG src='pic/Glav.gif' id='Glav' /><BR />"
d=document.all.i0
d.innerHTML=vst1
}

</script>
</body>

а если удалить обработчик, то событие приозодет только один раз... :0(

Amphiluke

Дата 1.9.2009, 15:01 (ссылка)

(нет голосов)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 35
Всего: 112

LoaLady, простите, конечно, но вы по моему скромному мнению излишне усложняете себе жизнь...

Код


<div id="menu0">
   <div id="i0" onmouseover="Smena1(true);" onmouseout="Smena1(false);">
      <a href='Glav.html'><img src='pic/Glav.gif' id='Glav' /></a><br />
      <a href='Int.html' id="secondLink" style="display: none;"><img src='pic/Int.gif' id='Int' /></a><br />
   </div>
</div>
 
<script type="text/javascript">
   function Smena1(vis) {
      document.getElementById("secondLink").style.display = (vis) ? "block" : "none";
   }
</script>

Я не прав?

LoaLady

Дата 1.9.2009, 15:20 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 8
Регистрация: 1.9.2009

Репутация: нет
Всего: нет

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

Amphiluke

Дата 1.9.2009, 15:35 (ссылка)

(нет голосов)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 35
Всего: 112

Цитата(LoaLady @ 1.9.2009, 15:20

)

я сейчас еще часа два поковыряюсь и может что-то получиться. Но даже если и нет

Хм.

Разве код нерабочий? Или я чего-то не уловил? По наведению вторая ссылка-картинка появляется, а при уходе курсора — исчезает. Просто вместо удаления и добавления объекта происходит сокрытие и отображение обратно. Так намного эффективнее и проще...

Али вы уже о другом?

LoaLady

Дата 1.9.2009, 16:29 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 8
Регистрация: 1.9.2009

Репутация: нет
Всего: нет

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

Amphiluke

Дата 1.9.2009, 16:42 (ссылка)

(нет голосов)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 35
Всего: 112

Взаимно. Обращайтесь, пожалуйста, при необходимости. На то она и нужна (сеть-то..)

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »