wstaw - Kurs HTML i CSS
Formularze HTML / Alternatywny sposób wysłania formularza...nie potrzebne są żadne dodatkowe funkcje na serwerze WWW. Dzięki niemu możemy próbować ominąć opisany błąd systemowy. Aby zastosować taki skrypt, wstaw przed formularzem (najlepiej w treści nagłówkowej dokumentu) następujący kod: <script> // www.kurshtml.edu.pl function mail_form(f) { function url_encode(text) { return text.replace(/%/g, '%25').replace(/\?/g, '%3F').replace(/=/g, '%3D').replace(/&/g, '%26').replace(/#/g, '%23').replace(/\r/g, '%0D').replace(/\n/g, '%0A'); } for...
Aktywne przyciski / Pamięć podręcznaStosując bezpośrednio powyższe skrypty, można zauważyć pewien nieprzyjemny efekt: po pierwszym wskazaniu bądź kliknięciu aktywnego przycisku, trzeba nieco zaczekać, aż załaduje się obrazek, który ma zostać wyświetlony. Dzieje się tak dlatego, ponieważ dopóki nie zostanie wywołana akcja, przeglądarka nie wie jaki obrazek, dajmy na to po podświetleniu, ma zostać wyświetlony. Jednak po pierwszym użyciu przycisku, dodatkowa grafika zostanie wczytana i zapisana w pamięci podręcznej przeglądarki...
- Aktualizacja / Data aktualizacji strony
...mówiąc już o tym, że jest to bardzo uciążliwe - szczególnie w przypadku większej ilości stron. Aby pozbyć się wszystkich tych problemów, wystarczy wstawić na każdą ze stron prościutki "skrypcik" (programik), który automatycznie wypisze datę ostatniej modyfikacji strony. UWAGA! Skrypt tego typu nie zawsze działa! Informacja o dacie modyfikacji dokumentu pochodzi z nagłówka HTTP wysyłanego przez serwer WWW, na którym znajduje się strona. Ponieważ wysyłanie tych nagłówków nie jest obowiązkowe...
- Galeria zdjęć HTML / Skrypt galerii zdjęć
...poprzedniego i następnego zdjęcia z galerii. Dzięki temu kiedy użytkownik już do nich przejdzie, powinny się wyświetlić błyskawicznie. Jeśli chcesz wstawić taką galerię zdjęć na swojej stronie, zobacz: Skrypt galerii zdjęć (gotowiec). Galeria zdjęć (gotowiec) Stosując specjalny skrypt, który automatycznie wyświetla zdjęcia bez potrzeby otwierania nowego okna, można zautomatyzować tworzenie galerii. Ponadto aktualizacja zdjęć w takiej galerii nie będzie w tym przypadku utrudniona - dodanie...
- Indeks, wyszukiwarka / Adres bazowy
...ale można również zrobić to tylko raz. W tym celu należy zmodyfikować wpis w pliku indeks_hasla.js: var indeks = new Indeks('indeks'); indeks.wstaw(new Array( ['Hasło 1','adres1'], ['Hasło 2','adres2'], ['Hasło 3','adres3'] ), 'adres_bazowy'); Teraz nie trzeba już wpisywać tego prefiksu w adresach na liście haseł.
- Ikony (symbole) / Biznes i płatności
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Koszyk shopping_cart shopping_cart Płatności payments payments Torba na zakupy shopping_bag shopping_bag Monitorowanie monitoring monitoring Karta kredytowa credit_card credit_card Załącz pieniądze attach_money attach_money Długi paragon...
- Losowy element
...zastosowaniem może być rotacja bannerów lub buttonów. Jeśli chcesz umieścić na swojej stronie kilka bannerów, ale masz na to tylko jedno miejsce, wstaw tam właśnie ten skrypt, dzięki czemu przy każdym wejściu będzie losowany i wyświetlany tylko jeden z bannerów. Takie rozwiązanie jest szeroko stosowane w wielu portalach, które wymieniają się bannerami i buttonami z innymi serwisami. Pozwala to zaoszczędzić miejsce na stronie i skrócić czas wczytywania, ponieważ za każdym razem ładowany jest...
- Indeks, wyszukiwarka / Ramka
...do której mają być wczytywane dokumenty z indeksu. Należy to zrobić w pliku indeks_hasla.js: var indeks = new Indeks('indeks', ramka); indeks.wstaw(new Array( ['Hasło 1','adres1'], ['Hasło 2','adres2'], ['Hasło 3','adres3'] )); Możliwe wartości: self Wartość domyślna - wczytanie nastąpi do aktualnej ramki. Jest to przydatne w następujących przypadkach: serwis w ogóle nie składa się z ramek (wtedy w ogóle można pominąć ten argument albo wpisać null) strona z indeksem znajduje się...
- Indeks, wyszukiwarka / Nowe okno
Aby otworzyć stronę w nowym oknie, należy zmienić plik indeks_hasla.js następująco: var indeks = new Indeks('indeks', 'nazwaokna'); indeks.wstaw(new Array( ['Hasło 1','adres1'], ['Hasło 2','adres2'], ['Hasło 3','adres3'] )); Jako nazwaokna można wpisać: _blank Wyniki będą za każdym razem otwierane w nowym oknie _self Odpowiednik self z poprzedniego punktu _parent Odpowiednik parent z poprzedniego punktu _top Odpowiednik top z poprzedniego punktu nazwa Wyniki będą otwierane w nowym...
- Indeks, wyszukiwarka / Łączenie opcji
...po prostu pominąć. Dla pozostałych, które chcemy pominąć, wystarczy wpisać null (ale nie 'null'!), np.: var indeks = new Indeks('indeks'); indeks.wstaw(new Array( ['Hasło 1','adres1'], ['Hasło 2','adres2'], ['Hasło 3','adres3'] ), null, 10);