document - Kurs HTML i CSS
Losowy element...while (index == 1); index = Math.floor(index * n); target.push(source[index]); source[index] = source[--n]; } return target; } document.write(new Array( // Tu wpisz kolejne elementy: 'Tekst 1', 'Tekst 2', 'Tekst 3' ).random().join('')); </script> gdzie: Tekst 1, Tekst 2, Tekst 3... Kolejne teksty, które mają być wyświetlane losowo (jeden przy każdym wejściu na stronę). Można tutaj wpisywać dowolne znaczniki - również <img> i stworzyć w ten sposób np. rotator...
- Ochrona strony
...w celu ich zapisania na dysku. <body ondragstart="return false" ondrag="return false"> ... </body> Blokada drukowania <body onbeforeprint="document.body.style.visibility = 'hidden'; alert('Wydruk jest niedostępny!')" onafterprint="document.body.style.visibility = 'visible'"> ... </body> Blokada zapisu wybranych zdjęć <img src="zdjecie.jpg" alt="Tekst alternatywny" onmousedown="return false" oncontextmenu="return false" onselectstart="return false" onselect="return false...
HTML dla zielonych / Odsyłacz pocztowy HTML <a "mailto">...var domena = 'poczta.onet.pl'; var dodatkowe = ''; var opis = 'Wyślij list do autora Kursu HTML'; var dymek = ''; var pasek = ''; var atrybuty = ''; document.write(''); if (opis) document.write(opis + ''); else document.write(uzytkownik + '\x40' + domena + ''); Pytania i odpowiedzi <a "mailto"> Jak wstawić adres e-mail w HTML? W tym celu trzeba umieścić na stronie znacznik odsyłacza z atrybutem, w którym będzie się znajdował adres poczty e-mail poprzedzony przez "mailto:". Na przykład...
- HTML dla zielonych / Jak zrobić dobrą stronę HTML
...var domena = 'poczta.onet.pl'; var dodatkowe = '?subject=Uwagi'; var opis = 'napisz do mnie'; var dymek = ''; var pasek = ''; var atrybuty = ''; document.write(''); if (opis) document.write(opis + ''); else document.write(uzytkownik + '\x40' + domena + ''); napisz do mnie
- Promocja strony WWW / Podsumowanie
...koklowski'; var domena = 'poczta.onet.pl'; var dodatkowe = ''; var opis = 'napisz...'; var dymek = ''; var pasek = ''; var atrybuty = ''; document.write(''); if (opis) document.write(opis + ''); else document.write(uzytkownik + '\x40' + domena + ''); napisz...
- Formularze HTML / Przykład formularza HTML
...break; } } var okno = window.open("", "wyswietl_formularz", "toolbar=no,menubar=no,scrollbars=yes,resizable=1"); okno.document.close(); okno.document.write(text); okno.document.close(); okno.focus(); } Podaj swoje imię Podaj swoje nazwisko Podaj swoją płeć: Kobieta Mężczyzna Ile masz lat? mniej niż 15 15-19 20-29 30-39 40-60 więcej niż 60 Jaką lubisz muzykę (możesz zaznaczyć więcej możliwości)? Rock Heavy Metal Pop Techno Muzyka poważna Inna (podaj jaka)...
Kontakt...var uzytkownik = 'koklowski'; var domena = 'poczta.onet.pl'; var dodatkowe = '?subject=Kurs HTML!!!'; var opis = 'Wyślij do mnie list'; document.write(''); if (opis) document.write(opis + ' '); else document.write(uzytkownik + '\x40' + domena + ' '); koklowski@nie_lubie_spamu (zamiast "nie_lubie_spamu" wpisz "poczta.onet.pl")
- Typy MIME / Wykaz typów MIME
...ppsm application/vnd.ms-powerpoint.template.macroenabled.12 potm application/vnd.ms-project mpp mpt application/vnd.ms-word.document.macroenabled.12 docm application/vnd.ms-word.template.macroenabled.12 dotm application/vnd.ms-works wps wks wcm wdb application/vnd.ms-wpl wpl application/vnd.ms-xpsdocument xps application/vnd.musician mus application/vnd.muvee.style msty application/vnd.mynfc taglet application/vnd.neurolanguage.nlu nlu application/vnd.nitf ntf...
- Aktualizacja / System newsów
...email + '">' + dodal + '</a>' : dodal) + '</div>' : '') + '</dd>'; } } this.wyswietl = function() { if (content) document.write('<dl class="news">' + content + '</dl>'); } } Na początku można ustawić zmienne konfiguracyjne. Np. aby w naszym serwisie nie "straszyły" kilkumiesięczne "nowości", można ustawić przez ile dni od ich wprowadzenia mają się wyświetlać na liście. Potem co jakiś czas można czyścić kod z przestarzałych nowości, które już się nie...
- Formularze HTML / Pole wyboru <input "checkbox">
...dopiero gdy będą potrzebne, tzn. gdy użytkownik zaznaczy odpowiednią opcję wyboru: <input type="checkbox" name="nazwa" value="wartość" onclick="document.getElementById('identyfikator').style.display = this.checked ? 'block' : 'none'; this.form.elements['nazwa2'].disabled = this.form.elements['nazwa3'].disabled = !this.checked"> <div id="identyfikator" style="display: none"> <input type="text" name="nazwa2" disabled> <input type="text" name="nazwa3" disabled> </div> Przykład <input...