Reklama
Pokazuje wyniki od 1 do 3 z 3

Temat: [JS] Rozwijane menu

  1. #1
    Avatar joozioom
    Data rejestracji
    2007
    Posty
    1,462
    Siła reputacji
    18

    Domyślny [JS] Rozwijane menu

    Mam problem ze zrobieniem zwijanego/rozwijanego menu po kliknięciu, póki co chciałem dodać do linków zdarzenie onClick zwijające menu, ale nie chce to za cholere działać - nie wykrywa mi listy pod spodem, jakby jej nie było, a przecież <li> w którym znajduje się link zawiera <ul> i jest to lastChild tego <li>.
    Gdzie jest błąd w moim rozumowaniu :/?

    Kod :
    window.onload = function()
    {
    	var link = document.getElementsByName("rozwin");
    	for( var i in link )
    	{
    		link[i].onclick = function()
    		{ 
    			$(this.parentNode.lastChild).hide();
    		};
    	}
    }
    Kod HTML:
    <ul class="menu">
    	<li>
    		<a name="rozwin" href="#"> Menu1 </a>
    		<ul name="submenu">
    			<li> opcja1 </li>
    			<li> opcja2 </li>
    			<li> opcja3 </li>
    		</ul>
    	</li>
    	<li> 
    		<a name="rozwin" href="#"> Menu2 </a>
    		<ul name="submenu">
    			<li> opcja1 </li>
    			<li> opcja2 </li>
    			<li> opcja3 </li>
    			<li> opcja4 </li>
    			<li> opcja5 </li>
    			<li> opcja6 </li>
    			<li> opcja7 </li>
    			<li> opcja8 </li>
    		</ul>
    	</li>
    	<li> 
    		<a name="rozwin" href="#"> Menu3 </a>
    			<ul name="submenu">
    				<li> opcja1 </li>
    				<li> opcja2 </li>
    				<li> opcja3 </li>
    				<li> opcja4 </li>
    			</ul>
    	</li>	
    </ul>

  2. #2
    Avatar Rollercoster
    Data rejestracji
    2011
    Wiek
    30
    Posty
    1,247
    Siła reputacji
    15

    Domyślny

    do szablonu dodaj:
    Kod PHP:
    <script type="text/javascript" src="js/showhide.js"></script>
    showhide.js
    Kod PHP:
    function op(obj) {
        x=document.getElementById(obj);
        $(x).slideToggle( "slow" );
        }
    W kodzie:
    Kod PHP:
    <button class="medium" onClick="op('poka');">Show all</button>
                <ul class="icons">
                    <li><i class="icon-ok"></i>hahahahysbsdgsdgsgsdg</li>
                    <div id="poka" style="display: none;">
    
    <li><i class="icon-ok"></i>Tekst do pokazania</li>
               </div>

    Na szybciutko skopiowałem ze swojego projektu.

  3. #3
    Avatar joozioom
    Data rejestracji
    2007
    Posty
    1,462
    Siła reputacji
    18

    Domyślny

    Już sobie poradziłem, jak się okazało zamiast lastChild trzeba było użyć lastElementChild i wszystko działa jak należy.

  4. Reklama
Reklama

Informacje o temacie

Użytkownicy przeglądający temat

Aktualnie 1 użytkowników przegląda ten temat. (0 użytkowników i 1 gości)

Podobne tematy

  1. Vista - problem z menu start i paskiem
    Przez Adisky w dziale Sprzęt i oprogramowanie
    Odpowiedzi: 0
    Ostatni post: 11-11-2014, 15:38
  2. Windows boot menu
    Przez Cybuch w dziale Sprzęt i oprogramowanie
    Odpowiedzi: 0
    Ostatni post: 01-01-2014, 20:53
  3. jQuery rozwijane menu na telefonach
    Przez Bazan w dziale Programowanie
    Odpowiedzi: 13
    Ostatni post: 29-11-2013, 14:03
  4. Wordpress rozwijane menu
    Przez Elor Tulot w dziale Sprzęt i oprogramowanie
    Odpowiedzi: 0
    Ostatni post: 22-02-2013, 12:59
  5. Problem z menu w szablonie
    Przez Rookmaster w dziale Sprzęt i oprogramowanie
    Odpowiedzi: 4
    Ostatni post: 01-01-2013, 21:20

Zakładki

Zakładki

Zasady postowania

  • Nie możesz pisać nowych tematów
  • Nie możesz pisać postów
  • Nie możesz używać załączników
  • Nie możesz edytować swoich postów
  •