CODE
<script type="text/javascript">
window.onload = Laduj;
var i = 0;
function Pokaz()
{
document.getElementById('li'+i).style.display = 'block';
i++;
document.getElementById('kontrolka').innerHTML += i;
setTimeout("if (i < 5){ Pokaz() } else i=0;",100);
}
function Ukryj()
{
var ul = document.getElementById('lista1');
var elements = ul.getElementsByTagName('li');
for (var i = 0; i < elements.length ; i++ )
{
elements[i].style.display = "none";
}
}
function Laduj()
{
var li = document.getElementById('moja')
var ali = document.getElementById('odsylacz1')
li.onmouseover = Pokaz;
li.onmouseout = Ukryj;
}
</script>
</head>
<body>
<ul>
<li id="moja" class="zwinieta">
<a href="#" class="odsylacz2" id="odsylacz1">lista</a>
<ul id="lista1" class="rozwijana">
<li id="li0"><a href="#" class="odsylacz">link1</a></li>
<li id="li1"><a href="#" class="odsylacz">link2</a></li>
<li id="li2"><a href="#" class="odsylacz">link3</a></li>
<li id="li3"><a href="#" class="odsylacz">link4</a></li>
<li id="li4"><a href="#" class="odsylacz">link5</a></li>
</ul>
</li>
</ul>
<span id="kontrolka"></span>
przykład tutaj. Liczby od 1 do 5 pokazują się po jednorazowym wykonaniu pętli. Jak widać próba korzystania z tego menu powoduje że funkcja się zapętla. Nie wiem jak sobie z tym poradzić. Proszę nie podawać mi linków do stron w języku angielskim bo nie znam. Próbowałem sam coś znaleźć ale nie za bardzo jestem w stanie ogarnąć to co znalazłem, na javascript nie znam się za dobrze.window.onload = Laduj;
var i = 0;
function Pokaz()
{
document.getElementById('li'+i).style.display = 'block';
i++;
document.getElementById('kontrolka').innerHTML += i;
setTimeout("if (i < 5){ Pokaz() } else i=0;",100);
}
function Ukryj()
{
var ul = document.getElementById('lista1');
var elements = ul.getElementsByTagName('li');
for (var i = 0; i < elements.length ; i++ )
{
elements[i].style.display = "none";
}
}
function Laduj()
{
var li = document.getElementById('moja')
var ali = document.getElementById('odsylacz1')
li.onmouseover = Pokaz;
li.onmouseout = Ukryj;
}
</script>
</head>
<body>
<ul>
<li id="moja" class="zwinieta">
<a href="#" class="odsylacz2" id="odsylacz1">lista</a>
<ul id="lista1" class="rozwijana">
<li id="li0"><a href="#" class="odsylacz">link1</a></li>
<li id="li1"><a href="#" class="odsylacz">link2</a></li>
<li id="li2"><a href="#" class="odsylacz">link3</a></li>
<li id="li3"><a href="#" class="odsylacz">link4</a></li>
<li id="li4"><a href="#" class="odsylacz">link5</a></li>
</ul>
</li>
</ul>
<span id="kontrolka"></span>
Z góry dziękuję za pomoc.
No dobra problem jest dość szeroki i na forum trudno jest go opisać, pewnie dlatego nikt nic nie napisał. Poradziłem sobie jakoś sam. Wiem że menu działa w FireFox i nie działa pod ie6. Jak ktoś ma inne przeglądarki (szczególnie chodzi mi o ie7, ie8 i operę ale też mogą być inne), to napiszcie czy menu działa. Po najechaniu na Lista1(2,3) powinno się wysunąć menu z linkami a po zjechaniu powinno się schować. Cały kod jest na stronie (wystarczy spojrzeć w źródło strony), więc jak ktoś ma jakieś sugestie dlaczego menu nie działa pod ie6 to chętnie wysłucham. A oto link - moje menu
Odświeżam temat. Chyba macie inne przeglądarki niż FF i ie6. Napiszcie czy jest ok?