Długie formularze, podzielone na kilka sekcji ciągnące się w dół strony, nie są zbyt czytelne. Formularz taki można zmodyfikować dzieląć go na klikalne etapy lub wizualne zakładki. Ale jeżeli mamy wiele takich formularzy napisanych na dodatek w samym HTML’u ?
Możemy to sobie uprościć za pomocą JavaScript. Odpowiednia funkcja wywołana po załadowaniu się strony [body onLoad="funkcja();“] może wyszukać sekcje naszego formularza i zwinąć je do ciekawszych wizualnie zakładek.
Żeby funkcja wiedziała co jest sekcją, należy je odpowiednio oznaczyć np. poprzez odpowiednią klasę CSS‘subpanel’
Druga ważna rzecz, skrypt musi wiedzieć jak nazwać zakładki. Do tego wykorzystałem atrybut title. Nasz kod wygląda teraz tak:
<div class="subpanel" title="zakładka 1"> <h2>sekcja 1</h2> </div> <div class="subpanel" title="zakładka 2"> <h2>sekcja 2</h2> </div> Teraz za pomocą JavaScript możemy odnaleźć wszystkie znaczniki DIV.
if (!document.getElementsByTagName || !document.createElement || !document.appendChild) return; /* pobieramy wszystkie div'y */ var divs = document.getElementsByTagName("div"); Następnie przygotowywujemy dodatkowy element DIV, w którym umieścimy stworzone zakładki.
/* nr. pierwszego div'a z klasą subpanel */ var firstDiv = -1; /* tworzymy div na nasze menu */ var menu = document.createElement("div"); menu.className = "panels_menu"; menu.setAttribute("id","panels_menu"); Pozostaje nam przejść się pętlą po wszystkich znalezionych DIV'ach i wybrać te, które posiadają klasę ‘subpanel’. Z każdego z nich pobieramy wartość atrybutu titlei naszym ‘menu’ tworzymy odpowiedni odnośnik:......
Skarbnicą dziwnych i ciekawych gadżetów jak dla mnie jest ThinkGeek. Serwis działa już parę ładnych lat i jak na razie nie znalazłem jego polskiego odpowiednika (choć specjalnie go też nie szukałem).
Niedawno w Firefox'a wpadł mi link do Gadzet.net- katalog rzeczy fajnych. Jak piszą sami autorzy serwisu, jest on “[…] magazynem/blogiem/(zwij jak chcesz) wypatrującym wszelkiej maści nowinek gadżetowych, ale także tych starych, mało znanych.[…]” i jest polskim projektem.
Mi spodobał się latający budzik;)......
Jeżeli w tym momencie jesteśmy na etapie gotowych szablonów (X)HTML/CSS oraz zaplanowaliśmy 5 dni roboczych na złożenie za ich pomocą dostarczonych treści … to może być źle. Nie mówiąc już na ile wyceniliśmy nasze statyczne strony.......
Dziś dostałem linka do historii o Chuck’u Norris’ie. Po przeczytaniu odpowiedniej ilości ubaw zapewniony :D.
Podpowiedź:w Firefox’ie w menu widok->kodowanie znaków pomaga ustawienie na WINDOWS-CP-1250.
I jeszcze kilka w tym temacie:
http://www.joemonster.org/article.php?sid=5534 http://www.joemonster.org/article.php?sid=5525 http://www.chucknorrisfacts.com/ http://www.4q.cc/chuck/ Miłego weekendu.......
17 stycznia Google otworzyło połączenia między serwerowepomiędzy swoim serwisem Google Talk, a resztą świata XMPP. Tak więc każdy kto posiada konto pocztowe w domenie @gmail.com, może teraz komunikować się używając identycznego JIDDo pełni szczęścia mogłoby brakować jedynie komunikatora Google Talk dostępnego na inne platformy niż Windows. Ale udostępnienie przez Google libjingleoraz ich współpraca z twórcami komunikatora Psiwróży na dobre.......
Niedawno pojawił się Wordpress 2.0. Jest znacznie szybszy od poprzednich wersji (wysyłanie, edytowanie, oglądanie), wykorzystuje technologię AJAXi ma nowy panel admina.
I z racji tych i innych onjin.netteż posiada już wersję 2.0. Witamy, witamy ;)......
Chyba każdy wyrzucił kiedyś na ekran tabelkę w HTML’u. Jeśli danych dużo i dynamiczne, to użył do tego PHP. Aby lepiej ogarnąć dane, nagłówki kolumn zostały odnośnikami z końcówką mniej więcej taką:
<ht><a href="?order=data">data</a> <th><a href="?order=ilosc">ilość</a></th> Ta sama tabelka, te same dane. Ale aby ją posortować trzeba znów odwoływać się do serwera. Wygodniej by było gdyby tabelka mogła się sortować po stronie klienta (np. JavaScript). Tu z pomoca przychodzi nam biblioteka sorttablenapisana właśnie w JavaScript. Skuteczna i prosta w użyciu. Spójrzcie na mały przykład z opisem.I nie lepiej tak ?......
