Sortowanie tabel za pomocą jQuery

Nie ważne czy wyświetlamy dane z bazy prostym SELECTem, czy piszemy tabelę z ręki, to na stronie tabela wygląda mniej więcej tak (już za całym htmlem):

[sourcecode language=”html”]

Last Name First Name Email Due Web Site
Smith John [email protected] $50.00 http://www.jsmith.com
Bach Frank [email protected] $50.00 http://www.frank.com
Doe Jason [email protected] $100.00 http://www.jdoe.com
Conway Tim [email protected] $50.00 http://www.timconway.com

[/sourcecode]

Wejściowy html

Zatem mamy bardzo przykładową tabelkę z jakimiś danymi. HTML jest prawidłowy i posiada wszystkoo co potrzeba, jeśli owiniemy to w tag body, nad nim dodamy tag head, a w nim title, a na koniec całość owiniemy w tag html. Czytaj dalej „Sortowanie tabel za pomocą jQuery”

CSS3 i szybkie formatowanie inputów

Wyobraźcie sobie taką sytuację. Macie oto stworzoną stronę, tfu 10 stron albo i 100. Wszędzie tabele, przyciski, formularze. Ten co to wszystko stworzył nie zadbał o style, zostawił to wam. Chcemy zmienić style we wszystkich przyciskach… no ale przycisk z type=”input” to nie to samo co przycisk z type=”submit”…



Pierwsza metoda to przelecenie tych stu stron i dodanie pola class do wszystkich inputów:



Ale przeciez CSS pozwala na łatwe załatwienie sprawy:

input[type="text"] {
font:bold 10px/12px verdana,arial,serif;
padding:3px;
}
input[type="button"],input[type="submit"] {
/* co tam chcesz */
}

Znalazłem także w necie ciekawe podejście do starszych przeglądarek. Zostosowanie javascriptów pozwala osiągnąć ten sam efekt, czyli modyfikacje wszystkich stylów za pomocą jednego css’a.