Mootools: исчезновение между div в меню - PullRequest
Новая
       23

Mootools: исчезновение между div в меню

0 голосов
/ 08 января 2011

У меня есть меню с 4

пунктами слева, а справа есть 4 элемента div, по одному на элемент, и при вводе элемента с помощью мыши должен отображаться один из элементов div.что-то вроде 
<ul><li onmouseover="javascript:showDiv("div1");">one</li><li  onmouseover="javascript:showDiv("div2");">two</li>(4 li)</ul>

, где showDiv (id) показывает div и скрывает другой div.

Div: 

<div id="menu1">menu1</div>
<div id="menu2" style="display:none;">menu2</div>
<div id="menu3" style="display:none;">menu3</div>
<div id="menu4" style="display:none;">menu4</div>

Код Javascript: 

function fadeBetweenDivs( div1, div2 ) {
 $$( div1 ).fade( "out" );
 (function(){
  $$( div1 ).setStyles({
   display: 'none',
   opacity: 0
  });
 }).delay( 150 );
 (function(){
  $( div2 ).setStyles({
   display: 'block',
   opacity: 0
  });
 }).delay( 150 );
 $$( div2 ).fade( "in" );
}
function findDiv() {
 var arrayDiv = ["menu1","menu2","menu3","menu4"];
 for (i=0;i<arrayDiv.length;i++) {
  var blockDiv = document.getElementById(arrayDiv[i]).style.display;
  if (blockDiv = "block") {
   var viewedDiv = arrayDiv[i];
   return viewedDiv;
  }
 }
}
function showDiv(showdiv) {
 var hidediv = findDiv();
 fadeBetweenDivs(hidediv,showdiv);
}

Код addEvent и т. Д. Работает, я не буду здесь его вставлять.Выполненная функция: showDiv ("div id");.

Я не могу найти проблему.Можете ли вы сказать мне, как заставить это работать или, по крайней мере, более простой способ исчезнуть div?

(Mootools работает, я использую Joomla)

1 Ответ

0 голосов
/ 10 января 2011

В вашем коде много ошибок.Я попытался сделать небольшой пример, чтобы помочь вам понять проблему и легко найти решение.Надеюсь, это поможет!

http://goo.gl/TzlSt

Если у вас есть какие-либо сомнения, не стесняйтесь спрашивать меня;)

...