Mam problem z pole input który otoczony jest dwoma divami z prawej i lewej.
Chciałbym aby były identycznej wysokości (równe). Na razie nie rozumiem czemu pole input jest niższe.
dodaj 'height: 22px;' dla input#ilosc
No niby działa.
https://jsfiddle.net/eruoqsm2/8/
Ale czemu tak ? :)
Te dwa divy po bokach miał wysokość 22px. Table cell ma chyba 20px wysokości domyślnie + border (po 1px góra i dół).
Następnym razem możesz w prosty sposób znaleźć te wymiary poprzez kliknięcie ppm>zbadaj element.
Tak, jak napisał @_naf, inspektor elementów zawsze pomocny :)
Ok wielkie dzięki.
Mam jeszcze jedno pytanie do tego skryptu. Jak mogę się zaczepić o najbliższy input znajdujący się obok diva "plus" lub "minus" w zależności od tego jaki kliknęliśmy. Chodzi o to aby skrypt działał nawet jeżeli będzie kilka takich samych inputów.
Myślałem żeby odnieść się do rodzica div.class i w nim znaleźć input ale nie mogę coś tego zakodować :).
Ok działa :)
https://jsfiddle.net/eruoqsm2/13/
Ale co jeszcze zrobić aby podczas klikania na te divy nic się nie zaznaczało :)
Wpadłem na coś takiego:
https://jsfiddle.net/eruoqsm2/14/
Ale znowu się posypało :) Jak wpiszę tekst w buttony to działa, ale będę chciał tam tylko ustawić background bez tekstu.
Nie lepiej jest podpiąć się pod główny element, zamiast bezpośrednio pod każdy przycisk? Na przykład:
$(".chooser").each(function(){
var parent = $(this);
var plus = parent.find(".plus");
var minus = parent.find(".minus");
plus.click(function(){ ... });
minus.click(function(){ ... });
});
No i supcio: https://jsfiddle.net/eruoqsm2/19/
Dzięki za pomoc :)
Niby ładnie pięknie ale każda przeglądarka robi z tym co chce. Na komórce nie skłąda się to równo podobnie jest w IE. Może jest jakieś rozwiązanie działające wszędzie :)