script - Kurs HTML i CSS
Odsyłacze HTML / Odsyłacz pocztowy <a "mailto">...gromadzą adresy e-mail, umieszczone na stronach WWW - można posłużyć się skryptem. Zamiast typowego odsyłacza pocztowego, umieść na stronie: <script> var uzytkownik = 'jan_kowalski'; var domena = 'example.com'; var dodatkowe = '?subject=Temat listu&body=Napisz co%9C:%0A'; var opis = 'Wyślij do mnie list'; document.write('<a hr' + 'ef="mai' + 'lto:' + uzytkownik + '\x40' + domena + dodatkowe + '">'); if (opis) document.write(opis + '<'+'/a>'); else document.write(uzytkownik + '\x40...
Dobre praktyki / Przykazania webmastera...Ponadto w skrajnym przypadku Twoja strona może być przez to nawet praktycznie zupełnie nieobecna w wynikach wyszukiwarek sieciowych. Znacznik noscript nie stanowi rozwiązania wszystkich problemów. Jeżeli wstawiasz do niego cała alternatywną zawartość na wypadek niedostępności JavaScript (technika z ang. Graceful Degradation), zwykle wydatnie powiększasz rozmiary strony, wydłużając tym samym czas potrzebny na jej załadowanie. Najczęściej korzystniej będzie "doczepić" dodatkowe dynamiczne...
Menu rozwijane, otwierane, wysuwane / Menu wysuwane...począwszy od pierwszej do ostatniej, a zwijane od ostatniej do pierwszej. Można odwrócić te kolejności, dzięki czemu uzyskamy efekt wysuwania: <script> new Menu('menu0', '', false, true); </script> Przykład HTML Dla zielonych BODY i META Tekst Odsyłacze Tabele Multimedia Ramki Formularze CSS Kaskadowe Arkusze Stylów Definicje Wstawianie stylów Skrypty Aktywne przyciski Aktualizacja Nowe okno new Menu('menu3', '', false, true);
- Formularze HTML / Ramy formularza HTML <form>
...wszystkich pól, do których można wpisać tekst. Jeśli dane te są obowiązkowe, a użytkownik ich nie wpisze, formularz nie zostanie wysłany: <script> function sprawdz(formularz) { for (i = 0; i < formularz.length; i++) { var pole = formularz.elements[i]; if (!pole.disabled && !pole.readonly && (pole.type == "text" || pole.type == "password" || pole.type == "textarea") && pole.value == "") { alert("Proszę wypełnić wszystkie pola!"); return false; } } return true; }...
- Formularze HTML / Forma odszyfrowana <form enctype accept-charset>
...poprawne polskie litery. Aby automatycznie usunąć polskie znaki z pól i obszarów tekstowych, można umieścić przed formularzem odpowiedni skrypt: <script> function usun_pl(formularz) { for (i = 0; i < formularz.length; i++) { var pole = formularz.elements[i]; if (pole.type != "text" && pole.type != "textarea") continue; var str = ""; for (j = 0; j < pole.value.length; j++) { switch (pole.value.charAt(j)) { case "ą": str += "a"; break; case "ć": str += "c"; break...
- Formularze HTML / Alternatywny sposób wysłania formularza
...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 (var i = 0, text = ''; i < f.elements.length; i++) { if (f.elements[i].name...
- Czcionki CSS / Proporcje czcionki {font-size-adjust}
(interpretuje Firefox 3, Opera 113, Chrome 127) selektor { font-size-adjust: proporcje } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "proporcje" należy wpisać konkretną wartość, określającą stosunek wysokości małej litery do wysokości całej czcionki (liczba z przedziału 0...1). Subiektywny odbiór wielkości czcionki - a przez to jej czytelność - zależy bardziej od wysokości...
- Aktywne przyciski / Pamięć podręczna
...przycisków - automatycznie zapisuje się w pamięci podręcznej. Wstaw w kodzie nagłówkowym dokumentu (wewnątrz <head>...</head> następujący kod: <script> new Image().src = 'obrazek_podswietlony.gif'; new Image().src = 'obrazek_klikniety.gif'; </script> Należy tutaj umieścić ścieżki dostępu do wszystkich obrazków aktywnych przycisków w wariantach "podświetlony" i "kliknięty", które znajdują się gdziekolwiek na stronie - dla każdego obrazka jedna linia. Nie radzę jednak przesadzać z...
- Nowe okno / Jedno okno
...Pop-under Jedno okno Po załadowaniu strony: <body onload="window.open('adres', 'nazwa').focus()>...</body> Przed załadowaniem strony: <head> <script> window.open('adres', 'nazwa').focus(); </script> </head> Po kliknięciu odsyłacza: <a target="nazwa" href="adres" onclick="window.open('adres', 'nazwa').focus(); return false">opis</a> adres Lokalizacja dowolnej podstrony serwisu lub adres internetowy. Jeśli nie chcemy wczytywać do nowego okna żadnego dokumentu, można tutaj wpisać...
- Ochrona strony
...zrzutu ekranu i późniejszego wklejenia do programu graficznego. Należy wstawić do dokumentu specjalny kod w następujący sposób: <html> <head> <script> var browser = navigator.userAgent; var ie = 0; if (browser.indexOf("MSIE") != -1 && browser.indexOf(") ") == -1) ie = parseFloat(browser.substring(browser.indexOf("MSIE")+4)); var id_status_blink = 0; function status_blink(txt) { window.status = txt; if (!txt) id_status_blink = setTimeout('status_blink("KLIKNIJ WEWNĄTRZ OKNA...