Jak wstawić domyślny tekst do pola wyszukiwarki? (oraz omówienie podstawowych pseudoklas w CSS)

Jak wstawić domyślny tekst do pola wyszukiwarki? (oraz omówienie podstawowych pseudoklas w CSS)

CSS posiada duże możliwości, jeżeli chodzi na przykład o formatowanie tekstu. Możliwe jest także panowanie nad różnymi elementami, jak mają się zachować w określonych przez nas sytuacjach. Jedną z nich jest pole wyszukiwarki na stronie - proste, nie wyróżnia się, ale jest przydatne. Postanowiłem dodać do niego tekst "Wyszukaj artykuł...", można to zrobić poprzez dodanie parametru value. Takie rozwiązanie posiada wadę, jeżeli faktycznie ktoś, będzie chciał skorzystać z wyszukiwarki to będzie musiał kliknąć w to pole, usunąć ten domyślny tekst, wpisać własny i wysłać zapytanie. Teraz pojawia się pytanie, po co utrudniać Użytkownikowi życie, skoro możemy tę drogę skócić.

Zmiana i rozjaśnienie obrazka po najechaniu kursorem

Zmiana i rozjaśnienie obrazka po najechaniu kursorem

To jest odpowiedź na pytanie zadane przez czytelnika tego serwisu - Wojtka. Zamieścił on komentarz pod postem "Prosty skrypt galerii zdjęć z efektem Highslide". Oto jego treść:

Witam, mam dwa takie same zdjęcia (czarno-białe i kolorowe) na początku jest czarno-białe ale chciałbym aby po najechaniu (a:hover) było kolorowe.

W odpowiedzi na powyższy komentarz napisałem, że rozwiązaniem tego problemu jest JavaScript. Ale nie jest to jedyne wyjście z problemu - więcej szczegółów w dalszej części posta.

Podkład muzyczny na stronie

Podkład muzyczny na stronie

Zamierzasz dodać do strony WWW podkład muzyczny, który byłby odtwarzany w tle bez koniecznej ingerencji użytkownika.

Można skorzystać z wbudowanych opcji oferowanych przez przeglądarki internetowe, a także bogatej i funkcjonalnej technologii Flash tworzonej przez Macromedia. W drugim przypadku przedstawiamy listę kilku wartych zainteresowania projektów, które wystarczy "wstawić" na stronę WWW.

Losowy element (tekst, obrazek, cytat)

Losowy element (tekst, obrazek, cytat)

Przydatną rzeczą na stronie WWW może okazać się wyświetlenie losowego tekstu lub obrazka. Tym sposobem można stworzyć bazę cytatów, krótkich porad a nawet bannerów reklamowych - pokazywanych użytkownikowi w sposób rotacyjny. Za każdym razem, gdy strona zostanie odświeżona zostanie wyświetlony nowy obrazek - czyli ta metoda pozwoli nam zaoszczędzić miejsca oraz czasu wczytywania witryny.

Umieszczanie wykresów na stronach www

Umieszczanie wykresów na stronach www

Dobrym pomysłem jest przedstawienie danych numerycznych na stronie internetowej, za pomocą wykresu. Istnieją dwie znane mi metody, na uzyskanie ciekawego efektu końcowego.

Jedną z nich jest wstawienie danych do arkusza kalkulacyjnego typu MS Excel, oraz wygenerowanie na ich podstawie obrazka z wykresem. Druga metoda jest dużo szybsza, sprawniejsza i wymaga mniej wkładu pracy. To liczne gotowe funkcje w PHP, czekające tylko na pobranie i wstawienie na stronę.

Blokowanie dostępu robotom wyszukiwarek do strony

Blokowanie dostępu robotom wyszukiwarek do strony

Przechowujesz na stronie informacje, do których dostęp mają tylko zarejestrowani użytkownicy? Nie pozwól, żeby roboty wyszukiwarek zapisywały te dane - skorzystaj z poniższych rozwiązań, ażeby również im zablokować dostęp.

Data w języku polskim

Data w języku polskim

Chcesz pokazać na stronie spolszczoną datę w formacie: Dzień, DD Miesiąc RRRR. Należy skorzystać ze skryptu w JavaScript lub PHP.

Dynamiczne zakładki (tabs) w Ajax

Dynamiczne zakładki (tabs) w Ajax

Zakładki (ang. tabs) są powszechnie używane na blogach i stronach internetowych. Oferują one lepsze zagospodarowanie dostępną przestrzenią, gdzie chcemy dodać coś nowego lub mamy mało miejsca do podziału.

Osobny arkusz stylów dla Internet Explorera

Osobny arkusz stylów dla Internet Explorera

Podczas tworzenia strony internetowej, pewnie nie raz zauważyłeś jak dany element witryny wyświetlany był inaczej w Internet Explorerze, i w innych przeglądarkach. Jednym ze sposobów na pozbycie się tych błędów, jest utworzenie odrębnego arkusza stylów CSS oraz wykorzystanie komentarzy warunkowych, jakie respektowane są wyłącznie przez IE.

Dzięki temu będziemy w stanie nadać inne wartości dla wspomnianej przeglądarki, definiując je zwyczajnie w osobnym pliku.

Prosty formularz kontaktowy w PHP

Prosty formularz kontaktowy w PHP

Formularz kontaktowy to bardzo użyteczne narzędzie w rękach webmasterów. Dzięki niemu osoby odwiedzające daną stronę, mają możliwość kontaktu z właścicielem witryny. Zamiast uruchamiać osobny program pocztowy co jest niewygodne, wystarczy wypełnić kilka pól i zatwierdzić co spowoduje wysłanie e-maila.