Archiwum

Posty oznaczone ‘html’

Sortowanie tabel za pomocą jQuery

Sierpień 31st, 2010 1 komentarz

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):

<table id="myTable" class="tablesorter">
<thead>
<tr>
<th>Last Name</th>
<th>First Name</th>
<th>Email</th>
<th>Due</th>
<th>Web Site</th>
</tr>
</thead>
<tbody>
<tr>
<td>Smith</td>
<td>John</td>
<td>jsmith@gmail.com</td>
<td>$50.00</td>
<td>http://www.jsmith.com</td>
</tr>
<tr>
<td>Bach</td>
<td>Frank</td>
<td>fbach@yahoo.com</td>
<td>$50.00</td>
<td>http://www.frank.com</td>
</tr>
<tr>
<td>Doe</td>
<td>Jason</td>
<td>jdoe@hotmail.com</td>
<td>$100.00</td>
<td>http://www.jdoe.com</td>
</tr>
<tr>
<td>Conway</td>
<td>Tim</td>
<td>tconway@earthlink.net</td>
<td>$50.00</td>
<td>http://www.timconway.com</td>
</tr>
</tbody>
</table>

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” »

Lista państw jako drop down

Grudzień 17th, 2009 Brak komentarzy

Jeśli ktoś kiedyś będzie potrzebował zrobić w jakimś formularzu listę wyboru nazwy państwa (np. w formularzu kontaktowym), oto szybki kod w php’ie, który można z łatwością przenieść do innych języków (np. wszystko tworzyć w javascripcie po stronie przeglądarki):

function html_countrys($name) {
	$r = '

';
	return $r;
}

No i kod jest baardzo prosty. Pętla for na tablicy i tyle.

Cała trudność to stworzenie tej tablicy, czyli listy państw ($country_list), które teraz są na świecie.

Źródłem była oczywiście wikipedia. Zamiany listy z wiki do takiej postaci tekstu jaki zrozumie php można było dokonać przy pomocy Excela (kopiuj, wklej, usuń) oraz Notepad++ (prosty regex lub ręczna zmiana formatu danych).

Aby potem już tego nie robić umieszczam ten kod tutaj :)

Kategorie:web apps Tagi:, ,

Array.indexOf oraz horror w IE

Kwiecień 16th, 2009 Brak komentarzy

Ostatnio udało mi się zrobić kawałek fajnego Javascriptu. Gdy już wszystko działało w FF, Chrome, Safari, to trzeba było przetestować to w IE. Akurat nawinął się IE8, najnowszy i wydawałoby się że wszystko tam ma… ale gdzie tam! Przecież to IE, tam nigdy wszystkiego nie ma. Na szczęście IE8 mówi w którym miejscu Javascriptu go coś boli i tak doszedłem do tego, że coś jest nie tak z funkcją indexOf działającą na tablicach. Nawet Aptana (taki Eclipse dla PHP, JS itp.) o tym informuje w swojej pomocy:

2009-04-16-082213

Reszta to przykład zastosowania. Najważniejsza linia to oczywiście: Czytaj dalej “Array.indexOf oraz horror w IE” »

CSS3 i szybkie formatowanie inputów

Maj 12th, 2008 Brak komentarzy

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.

Kategorie:web apps Tagi:, , ,