internet - Kurs HTML i CSS
Manipulacja obiektami w JavaScript - Object / Pobieranie prototypu obiektu w JavaScript - getPrototypeOf(interpretuje: Internet Explorer 9, Firefox 3.5, Opera 12, Chrome) Object.getPrototypeOf(O) Parametry: O - obiekt, którego prototyp ma zostać zwrócony Wartość: Object - prototyp obiektu Wyjątki: TypeError - wartość O nie jest obiektem Zwraca prototyp podanego obiektu. Przykład Object.getPrototypeOf Object.getPrototypeOf({}); Object.getPrototypeOf(true); // TypeError Object.getPrototypeOf(1); // TypeError Object.getPrototypeOf("test"); // TypeError Object.getPrototypeOf(null)...
HTML5 / Ewolucja języka HTML...wprowadzanie nowych znaczników ani atrybutów, ale zbliżenie składni języka HTML do XML. Miało to umożliwić twórcom oraz administratorom serwisów internetowych korzystanie z narzędzi i bibliotek dostępnych dla języka XML oraz pozwolić na większą rozszerzalność HTML - poprzez możliwość osadzania w dokumencie XHTML fragmentów pochodzących z innych specyfikacji XML (SVG, MathML, RDF). Jednak brak nowych możliwości języka, w ciągle rozwijającej się sieci, zaczął mocno doskwierać twórcom oraz...
- HTML5 / Autouzupełnianie <datalist>
(interpretuje: Internet Explorer 10, Firefox 4, Opera 10, Chrome 20) <input list="identyfikator"> <datalist id="identyfikator"> <option value="wartość1"> <option value="wartość2"> ... </datalist> Większość przeglądarek posiada funkcję tzw. autouzupełniania elementów formularzy. Jeżeli użytkownik wpisze coś w formularzu, a potem go wyśle, to kiedy będzie następnym razem wypełniał ten sam formularz, przeglądarka wyświetli mu podpowiedzi w postaci wartości, które wcześniej wpisywał w...
- Operacje na tablicach w JavaScript - Array.prototype / Wsteczne redukowanie tablicy - reduceRight
(interpretuje: Internet Explorer 9, Firefox, Opera 10.50, Chrome) Array.prototype.reduceRight(callbackfn) Array.prototype.reduceRight(callbackfn, initialValue) Działa analogicznie jak funkcja Array.prototype.reduce, ale przechodzi elementy tablicy w kierunku jej początku, a nie końca.
- HTML5 / Pasek postępu <progress>
(interpretuje: Internet Explorer 10, Firefox 6, Opera 11.5, Chrome 8) Nieokreślony stopień ukończenia: <progress>alternatywa</progress> Pasek postępu: <progress value="współczynnik">alternatywa</progress> <progress value="wartość" max="maksimum">alternatywa</progress> alternatywa Alternatywna zawartość, wyświetlana w przeglądarkach, które nie obsługują HTML5. Powinno się tam umieścić np. tekst "Proszę czekać..." albo "Ukończono: 50%". współczynnik Wartość z przedziału od 0.0 (stopień...
- HTML5 / Asynchroniczne ładowanie skryptów <script src async>
...lokalizacja Ścieżka dostępu albo adres URL wskazujące na miejsce, skąd ma zostać załadowany zewnętrzny plik ze skryptem Na stronach internetowych można załączać dynamiczne skrypty, napisane w języku JavaScript. Zwykle zapisuje się je w osobnych plikach z rozszerzeniem *.js i osadza na stronie przy użyciu znacznika SCRIPT - podając do nich odnośnik w atrybucie src="...". W trybie domyślnym wczytywanie dokumentu zostaje zatrzymane po napotkaniu tak osadzonego skryptu i...
- HTML5 / Blokada autouzupełniania <form autocomplete, input autocomplete, select autocomplete, textarea autocomplete>
(interpretuje: Internet Explorer 6, Firefox 2, Opera 10, Chrome 17) Cały formularz: <form autocomplete="autouzupełnianie">...</form> Wybrane pole: <input type="typ" autocomplete="autouzupełnianie"> Lista rozwijalna: <select autocomplete="autouzupełnianie">...</select> Obszar tekstowy: <textarea autocomplete="autouzupełnianie">...</textarea> autouzupełnianie Można podać: on - autouzupełnianie aktywne (domyślnie) off - autouzupełnianie nieaktywne typ Należy użyć dowolnego pola...
- HTML5 / Element edytowalny <... contenteditable>
(interpretuje: Internet Explorer 6, Firefox 3.5, Opera 10, Chrome 4) Wersja podstawowa: <element contenteditable>...</element> Wersja rozszerzona: <element contenteditable="edycja">...</element> element Dowolny znacznik HTML 4.01 lub HTML5 edycja Można podać: true - element jest edytowalny (to samo co użycie contenteditable jako atrybut logiczny - bez podania wartości). false - element nie jest edytowalny. plaintext-only - tylko surowa zawartość tekstowa elementu jest edytowalna...
- HTML5 / Automatyczne zogniskowanie <... autofocus>
(interpretuje: Internet Explorer 10, Firefox 4, Opera 10, Chrome 5) Elementy bez znacznika zamykającego (np. INPUT): <element autofocus> Elementy ze znacznikiem zamykającym (np. TEXTAREA): <element autofocus>...</element> element Dowolny znacznik HTML 4.01 lub HTML5 Atrybut logiczny (wstawiany bez wartości), dzięki któremu po załadowaniu strony, kursor tekstowy zostanie automatycznie umieszczony w tak zaznaczonym polu formularza. Chociaż typowym zastosowanie atrybutu autofocus są...
- HTML5 / Nadpisanie atrybutów formularza <button formaction formenctype formmethod formnovalidate formtarget, input "submit, image" formaction formenctype formmethod formnovalidate formtarget>
(interpretuje: Internet Explorer 10, Firefox 4, Opera 15, Chrome 9) Przycisk wysłania formularza - akcja: <button formaction="akcja">...</button> Przycisk wysłania formularza - typ kodowania: <button formenctype="kodowanie">...</button> Przycisk wysłania formularza - metoda: <button formmethod="metoda">...</button> Przycisk wysłania formularza - pominięcie walidacji: <button formnovalidate>...</button> Przycisk wysłania formularza - cel: <button formtarget="cel">...</button> Pole...