document - Kurs HTML i CSS
HTML5 / Zdarzenia HTML5...Wpisuje się w nim bezpośrednio kod JavaScript nasłuchujący na uruchomienie się zdarzenia dla obiektu, do którego ma ono zastosowanie: <script> document.addEventListener('DOMContentLoaded', function () { alert('Nastąpiło załadowanie wszystkich znaczników dokumentu HTML'); }); </script> Każdy element oraz inne obiekty występujące w języku HTML mają ściśle określoną listę zdarzeń, które obsługują. Poniżej przedstawiono trzy główne grupy zdarzeń dostępnych w HTML5: Podstawowe zdarzenia...
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...
- 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...
- 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...
- HTML5 / Automatyczne zogniskowanie <... autofocus>
...jak w <input type="text" id="myInput" autofocus>. Można również ustawić fokus programowo za pomocą JavaScript, używając metody focus(), np. document.getElementById('myInput').focus();. Jak ustawić autofokus na "fałsz" w HTML? W HTML nie ma bezpośredniego sposobu na ustawienie autofokusu na "fałsz" poprzez atrybuty, ponieważ autofocus działa jako przełącznik, który albo jest włączony, albo nie. Aby programowo usunąć autofocus, można po prostu nie używać atrybutu autofocus lub...
- Tekst HTML / Kod komputerowy <code>
...na ekranie, zamiast niego często używa się tekstu preformatowanego. Przykład <code> // Wyświetla bieżącą datę w JavaScript: var data = new Date(); document.write(data);
- XHTML / Typy MIME dokumentów XHTML
...tak, jak w zamierzeniu życzył sobie tego autor. Innym skutkiem używania typu MIME innego niż "text/html" jest zaprzestanie działania metody document.write(...) we wszystkich skryptach JavaScript osadzonych na stronie. Metoda ta została zaprojektowana do dynamicznego generowania całości lub części zawartości podczas ładowania dokumentu. Takie działanie jest wykluczone w języku XML, ponieważ dokumenty XML zawsze najpierw są parsowane, a dopiero potem renderowane. Obejściem tej...
- HTML5 / Nowe elementy HTML5
...usuniemy całą treść oprócz nagłówków wszystkich sekcji i podsekcji, powinniśmy otrzymać zagnieżdżoną listę w formie spisu treści dokumentu (ang. document outline). Nawet jeśli jawnie nie umieścimy spisu treści na stronie, taki domniemany spis nagłówków może być niezwykle przydatny dla czytelników serwisu. Osoby niewidome, korzystające z przeglądarki automatycznie tworzącej spisy z nagłówków, będą mogły przeskakiwać od razu do interesujących je sekcji dokumentu. Pozostali użytkownicy...
- Podcast HTML / #7 Widżety HTML
...Wyświetlenie ostrzeżenia z odsyłaczem Należy wstawić kod JavaScript bezpośrednio po znaczniku otwierającym BODY: <script>if (self == parent) document.write('<div align="center"><b>UWAGA!</b> To jest tylko ramka - wróć do <a href="index.html"><b>STRONY GŁÓWNEJ</b></a></div><hr><br><br>');</script> Jeśli strona zostanie wczytana poza ramkami, wyświetli się tekst z odsyłaczem do strony głównej (index.html). Przy poprawnym załadowaniu w ramce tekst się nie pojawi. Automatyczne...
- Widżety HTML / Ostrzeżenie przed ramką
...wewnątrz ramki, wstawić bezpośrednio po znaczniku otwierającym BODY [zobacz: Ramy dokumentu] następujący kod: <script> if (self == parent) document.write('<div align="center"><b>UWAGA!</b> To jest tylko ramka - wróć do <a href="index.html"><b>STRONY GŁÓWNEJ</b></a></div><hr><br><br>'); </script> gdzie w miejsce tekstu "index.html" należy podać lokalizację na dysku, gdzie znajduje się strona startowa. W efekcie, jeśli strona zostanie wczytana poza ramkami, na ekranie zostanie...