Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Sakrivanje i prikazivanje panela

[es] :: Javascript i AJAX :: Sakrivanje i prikazivanje panela

[ Pregleda: 1696 | Odgovora: 4 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

Bokacio

Član broj: 189612
Poruke: 112
*.adsl-a-1.sezampro.rs.



+27 Profil

icon Sakrivanje i prikazivanje panela14.02.2011. u 00:32 - pre 159 meseci
Pozdrav svima,

Imam sledeci jednostavan HTML kod:

Code:
<ul>
  <li>Root 1</li>
  <li><a onclick="flipChilds();">Root 2</a></li>
    <ul>
      <li>Child 1</li>
      <li>Child 2</li>
    </ul>
  <li>Root 3</li>
</ul>


Zeleo bih da kada korisnik klikne na A tag, da se UL koji je ispod njega prikazuje/sakriva. Nesto dakle kao stablo u Windows Exploreru.

Kako ovo mogu da uradim ali da ni tagu A i ni tagu UL-u ne dam id atribut.

Da li je nesto moguce uraditi uz pomoc NextSibling-a ili sl?

Pozdrav i hvala
 
Odgovor na temu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
*.dynamic.sbb.rs.



+33 Profil

icon Re: Sakrivanje i prikazivanje panela14.02.2011. u 12:24 - pre 159 meseci
Uz pomoć jQuery-ja, sve možeš da završiš sa samo par linija koda:
Code:
$('ul li a').click(function() {
   $(this).parent('li').next('ul:first').toggle();
});

btw Taj tvoj HTML markup baš i nije po "udžbeniku", jer se liste obično ugnježdavaju na ovaj način:
Code:
<ul>
  <li>Root 1</li>
  <li><a onclick="flipChilds();">Root 2</a>
    <ul>
      <li>Child 1</li>
      <li>Child 2</li>
    </ul>
 </li>
 <li>Root 3</li>
</ul>

Obrati pažnju gde je zatvoren taj drugi li tag. U tom slučaju, taj parent('li') segment u JS kodu sa početka ovog post-a je suvišan.
 
Odgovor na temu

Bokacio

Član broj: 189612
Poruke: 112
*.adsl-a-1.sezampro.rs.



+27 Profil

icon Re: Sakrivanje i prikazivanje panela14.02.2011. u 16:08 - pre 159 meseci
Nazalost moram da napravim da radi bez jQuery-a. Da li je to moguce?

Hvala na ispravci, promaklo mi je.

Hvala

[Ovu poruku je menjao Bokacio dana 14.02.2011. u 20:55 GMT+1]
 
Odgovor na temu

misk0
.: Lugano :. _.: CH :.

SuperModerator
Član broj: 634
Poruke: 2824
*.adsl.ticino.com.

ICQ: 46802502


+49 Profil

icon Re: Sakrivanje i prikazivanje panela15.02.2011. u 21:09 - pre 159 meseci
Naravno da jeste, jQuery je baziran na obicnom Javascript kodu.
:: Nemoj se svadjati sa budalom, ljudi cesto nece primjetiti razliku ::
 
Odgovor na temu

Milan Kragujevic
Software Engineer

Član broj: 231903
Poruke: 2220
*.dynamic.isp.telekom.rs.

Sajt: https://milankragujevic.c..


+201 Profil

icon Re: Sakrivanje i prikazivanje panela15.02.2011. u 21:20 - pre 159 meseci
Ne znam zbog čega bi želeo da ukloniš jQuery?
Šta mu fali? Imaš mini pakete,mali su,kompaktni... A omogućava mnogo,mnogo,mnogo stvari!
 
Odgovor na temu

[es] :: Javascript i AJAX :: Sakrivanje i prikazivanje panela

[ Pregleda: 1696 | Odgovora: 4 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.