ďťż

[HTML/JS]Combobox jak na templatemonster

       

Podstrony


telcocafe

Hej, mam takie pytanie:
W jaki sposób mogę zrobić combobox jak na templatemonster.com?
Chodzi konkretnie o te boxy typu Products/Category/Style etc, na stronie http://www.templatemonster.com/



Możesz, na przykład, zajrzeć w źródło i zerżnąć na żywca kod, czego nie polecam. Możesz się poduczyć Javascriptu oraz CSS i stworzyć samemu taką funkcjonalność. Tutaj został wykorzystany AJAX, który pobiera zawartość otwieranych boksów, choć wydaje mi się, że wystarczyłby tutaj wyłącznie JS.
Jeśli widzisz coś na czyjejś stronie i nie jest to Java czy Flash, to po prostu podejrzyj źródło. Polecam Firebug do Firefoksa.

A jak w javie (jquery) zrobić, żeby po zaznaczeniu checkboxa jego nazwa dodawała się do pola, a po odznaczeniu odejmowała?

Java != Javascript <_< Dlaczego tak trudno to zapamiętać?
Jest wiele sposobów. Możesz, na przykład, zrobić tablicę z elementami zaznaczonymi, a następnie odczytywać jej zawartość lub prościej - pobierać opisy zaznaczonych pól i zwrócić je oddzielone przecinkami. Do wyboru, do koloru - dróg jest wiele. Napisz z czym masz problem, to ktoś Ci spróbuje pomóc.




Java != Javascript <_< Dlaczego tak trudno to zapamiętać?
Bo KŚE na okładce pisze "jQuery - Java dla webmasterów".

Mam taki kod:

var allVals = []; $('#stylistyka_panel:checked').each(function() { allVals= $(this).val(); }); if(allVals == '') { allVals = ['Dowolne']; } $('#stylistyka').val(allVals)

Formularz:

<li><input type="checkbox" value="o1"/></li> <li><input type="checkbox" value="o2"/></li> ...

Teraz po zaznaczeniu jakiegoś boxu pole #stylistyka wypełnia się tekstem "Dowolne" zamiast wartością z checkboxa. Dlaczego?

#stylistyka_panel:checked
Czy każdy Twój checkbox ma id="stylistyka_panel"?

Nie, one są w divie stylistyka_panel.

To może tak:var allVals = []; $('#stylistyka_panel :checked').each(function() { allVals= $(this).val(); }); if(allVals == '') { allVals = ['Dowolne']; } $('#stylistyka').val(allVals)Tylko zastanawia mnie ten kod, bo nie prościej by było zrobić tak?var allVals = $('#stylistyka_panel :checked:last').val(); if(allVals == '') { allVals = ['Dowolne']; } $('#stylistyka').val(allVals)Wynik jest ten sam. Chyba że nie taki był zamiar ;)

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.