Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ JavaScript _ Dwupoziomowe menu w Joomla 2.5 + jQuery

Napisany przez: bebzon_hc 18.02.2012, 18:52:30

Witam!
Mam taki dylemat... dziś cały dzień przy tym siedzę i chyba już nie wpadnę na to... a zapewne nie jedna osoba wpadnie na to po 15 minutach :]

Chcę zrobić obsługę dynamiczny ruch przycisków menu w joomli za pomocą jQuery. Bez zbędnych styli w pliku css no chyba, że kombinowanie za pomocą addClass, removeClass do zidentyfikowania konkretnej gałęzi DOM.

Po zrobieniu dwupoziomowego menu w Joomla 2.5 wypluwa mi taki kod HTML:

  1. <http://december.com/html/4/element/ul.html class="menu">
  2. <http://december.com/html/4/element/li.html><http://december.com/html/4/element/a.html href="#">AAA</http://december.com/html/4/element/a.html></http://december.com/html/4/element/li.html>
  3. <http://december.com/html/4/element/li.html><http://december.com/html/4/element/a.html href="#">AAA</http://december.com/html/4/element/a.html>
  4. <http://december.com/html/4/element/ul.html>
  5. <http://december.com/html/4/element/li.html><http://december.com/html/4/element/a.html href="#">BBB</http://december.com/html/4/element/a.html></http://december.com/html/4/element/li.html>
  6. <http://december.com/html/4/element/li.html><http://december.com/html/4/element/a.html href="#">BBB</http://december.com/html/4/element/a.html></http://december.com/html/4/element/li.html>
  7. <http://december.com/html/4/element/li.html><http://december.com/html/4/element/a.html href="#">BBB</http://december.com/html/4/element/a.html></http://december.com/html/4/element/li.html>
  8. </http://december.com/html/4/element/ul.html>
  9. </http://december.com/html/4/element/li.html>
  10. <http://december.com/html/4/element/li.html><http://december.com/html/4/element/a.html href="#">AAA</http://december.com/html/4/element/a.html></http://december.com/html/4/element/li.html>
  11. <http://december.com/html/4/element/li.html><http://december.com/html/4/element/a.html href="#">AAA</http://december.com/html/4/element/a.html></http://december.com/html/4/element/li.html>
  12. <http://december.com/html/4/element/li.html><http://december.com/html/4/element/a.html href="#">AAA</http://december.com/html/4/element/a.html>
  13. <http://december.com/html/4/element/ul.html>
  14. <http://december.com/html/4/element/li.html><http://december.com/html/4/element/a.html href="#">CCC</http://december.com/html/4/element/a.html></http://december.com/html/4/element/li.html>
  15. <http://december.com/html/4/element/li.html><http://december.com/html/4/element/a.html href="#">CCC</http://december.com/html/4/element/a.html></http://december.com/html/4/element/li.html>
  16. </http://december.com/html/4/element/ul.html>
  17. </http://december.com/html/4/element/li.html>
  18. </http://december.com/html/4/element/ul.html>



W jQuery zacząłem kombinować i wyszło mi coś takiego...

  1. $(document).ready(function () {
  2.  
  3. $('ul.menu li ul').hide('medium');
  4.  
  5. $('ul.menu li').mouseover(function ()
  6. {
  7. $(this).children('ul').addClass('submenu');
  8. $('ul.submenu').show('medium');
  9.  
  10. }).mouseout(function ()
  11. {
  12. $('ul.submenu').hide('medium');
  13. $('ul.submenu').removeClass('submenu');
  14.  
  15. });
  16. });



Mam przeczucie, że wystarczy dopisać tu dwie linijki kodu i będzie gitara, ale nie wiem jakie...

Z góry dziękuję za pomoc.
Pozdrawiam

Napisany przez: StevDefs 24.08.2019, 21:07:11

Antiphospholipid Syndrome Amoxicillin Zithromax Z Pak Uses http://kamagpills.com Viagra E Ricetta Medica Moyens De Durer Plus Longtemps Prednisone No Script Canadian

Amoxicillin Vs Doxycycline Prix Cialis Pharmacie Quebec Amoxicillin Prescribing Information For Uti'S http://cialgeneri.com Vomiting And Propecia

Xenical Prix Remboursement Cialis Und Alkohol Erfahrung Acquistare Kamagra Clermont http://antabusefast.com Cialis 10 Mg Erfahrung

Want To Buy Macrobid 100mg Free Shipping Buying Tretinoin In Singapore Surrey Kt12 Viagra http://viaacost.com Could Amoxicillin Cause Hives Propecia Scotland

Candian Pharmacy Lasix Pills http://curerxfor.com Ciprofloxacin Information

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)