rozwijalne menu z wykorzystaniem get element byid

azzir

Avatar: azzir

2011-04-07 18:12

Jak zrobic menu rozwijalne, wykorzystujÄ…ce get element byid ?

Chodzi o menu rozwijane/zwijane po kliknięciu na "+" tak aby rozwinęło się menu a nie otwierała strona?

» Quick.Cart v3.x

azzir

Makaron

Avatar: Makaron

2011-04-07 19:25

Gotowej solucji chyba nie dostaniesz, ale każde menu ma swoje indywidualne id tj. #menu3 czy #menu4 tak więc na podstawie tych identyfikatorów można napisać funkcję JavaScript, która skorzysta z getElementById i będzie rozwijała te elementy.
Funkcje taką można znaleźć w sieci lub skorzystać z funkcji w pliku core/common-admin.js np. funkcja displayTabs()

Mak-Web.pl - Modyfikacje skryptów Q.Cart i Q.Cms

marcincook

Avatar: marcincook

2011-04-08 13:41

W większości zrób to w css bo możesz wszystko zrobi w js ale po co zamulać stronę
Po kolei
Najpierw musisz mieć jakiś plusik i minusik :)
Więc w menu3.tpl dodaj w liście ale przed linkiem
<span class="plus">+</>

Potem w css ostyluj to odpowiednio ramka tło szerokość wysokość opływanie etc
To będzie twój zwijacz rozwijacz

W adminie konfiguracja zaznacz żeby wyświetlał rozwinięte menu

Jak słabo znasz js to lepiej użyj jakiejś biblioteki jak jquery
Wstaw jQuery przed linkiem do pliku plugins.js

Następnie w core/plugins.js

Wstaw sobie funkcje jQuery no Conflict($);
bo inaczej ci wysypie light boxa quickowego
Teraz zwiń sobie to menu dając
$("#menu3 li #sub1").hide();
I zostaw rozwinięte jeśli jest przy linku selected
$("#menu3 li #sub1 li a.selected).parent().parent().css({"display":"block"});
potem to już twoja fantazja

Dlaczego tak?
Bo po kliknięciu w plusik rozwijasz linki a w link przechodzisz na stronę
Potem już sobie piszesz funkcje click odnosząc sie do menu span
Ja bym użył funkcji slideTogle(); z jquery
Albo .click i togleClass();
Ale to już chyba wiesz co chcesz uzyskać

Pamiętaj że do click musisz dopisać .text("-"),

marcincook

Avatar: marcincook

2011-04-08 18:34

http://www.i-marco.nl/weblog/jquery-accordion-menu-redux2/

Zobacz tu czy

azzir

Avatar: azzir

2011-04-09 20:04

Wielkie dzięki za pomoc ale moja wiedza z zakresu kodowania jest znikoma.
Podstawy (ale takie podstawowe) co-nieco łapię ale żeby sie porywać na taką modyfikację samemu to aż taki odważny nie jestem ;)
Dlatego też jeśli ktoś mi tego "łopatologicznie" nie opiszę to nie dam rady ;(
Ew. jeśli będzie konieczność dokonania zapłaty za taką modyfikacje to biorę to pod uwagę (oczywiście w granicach zdrowego rozsądku).

waldek

Do góry
o nas | kontakt