Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Rozwijane menu. Kilka pytań.
Forum PHP.pl > Forum > Przedszkole
thomson89
Witam!

Mam taki prosty kod, który rozwija menu.
  1. <a href="#" onClick="var cos = getElementById('bizuteria'); cos.style = 'display: block; return false;';"><img src="menu/bizuteria1.png" onmouseover="this.src='menu/bizuteria2.png'" onmouseout="this.src='menu/bizuteria1.png'"></a><br />
  2. <div class="podmenu">
  3. <ul id="bizuteria" style="display: none;">
  4. <li><a href="#">Link 1</a></li>
  5. <li><a href="#">Link 2</a></li>
  6. <li><a href="#">Link 3</a></li>
  7. <li><a href="#">Link 4</a></li>
  8. <li><a href="#">Link 5</a></li>
  9. <li><a href="#">Link 6</a></li>
  10. </ul>
  11. </div>


1. Po kliknięciu na obrazek, widok strony przeskakuje do góry. Jak zrobić, zeby NIE przeskakiwał do góry?
2. Jak, zrobić aby onclick, działało w obie strony: gdy rozwinięte menu (gdy display block) zwiń; gdy zwinięte (display none) rozwiń
3. Jeżeli dodam drugi listing
  1. <a href=""><img src="menu/pamiatki_sakralne1.png" onmouseover="this.src='menu/pamiatki_sakralne2.png'" onmouseout="this.src='menu/pamiatki_sakralne1.png'"></a><br />
  2. <div class="podmenu" id="pamiatki_sakralne">
  3. <ul>
  4. <li><a href="#">Link 1</a></li>
  5.  
  6. </ul>
  7. </div>


Jak zaimplentować, w nich (listingach) możliwość rozwinięcia tylko jednego ul naraz. Np. gdy 1 rozwinięte, i klikamy na dwa, 1 się zwija a 2 rozwija.

Bardzo proszę o pomoc! Od, razu zaznaczę że w JS jestem słaby (ale pracowity winksmiley.jpg).

Pozdrawiam, Mateusz!
bobo168
Przeanalizuj sobie ten przykład:

http://www.kurshtml.boo.pl/skrypty/przykla..._rozwijane.html

Powinien Ci odpowiedź na wszystkie twoje pytania winksmiley.jpg
elmozaur
albo poszukaj menu w jQuery ;-)
thomson89
Gotowych przykładów jest mnóstwo... lepiej jest coś zrobić samemu...

Widziałem kiedyś coś takiego
  1. (zmienna == 'wartosc') ? 'wartosc' : 'wartosc'


Ale nie wiem do czego to służy.

Ad. 1 Banalne. wystarczy usunąć znacznik <a>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.