dane - Kurs HTML i CSS
Wykaz skryptów / Skrypty w kursie...Potwierdzenie wyczyszczenia formularza Wyeliminowanie możliwości pomyłkowego naciśnięcia przycisku "reset" w formularzu (czyszczącego wszystkie dane), dzięki potwierdzeniu zamiaru użytkownika. Usunięcie polskich znaków z formularza Usunięcie polskich znaków z formularza pocztowego, a przez to uniknięcie błędnego ich zakodowania. Alternatywny sposób wysłania formularza Sposób na ominięcie błędu pojawiającego w niektórych wersjach systemu operacyjnego, powodującego, że zamiast wysłania...
HTML5 / Zmienione elementy i atrybuty HTML5...atrybutu type="..." - np.: "text/plain", "text/xml", "application/octet-stream", "application/xml". W tak oznaczonym elemencie można zapisać surowe dane dla dynamicznych skryptów używanych na stronie. SMALL Reprezentuje przypisy (wyjaśnienia, zastrzeżenia, ograniczenia prawne, prawa autorskie). STRONG Oznacza wysoką ważność, a nie mocne wyróżnienie tekstu. TH Może zawierać również elementy blokowe z wyjątkiem: HEADER, FOOTER, sekcji (ARTICLE, ASIDE, NAV, SECTION), nagłówków (H1, H2, H3...
- HTML5 / Artykuł <article>
...w swoim kanale RSS (nawet jeśli formalnie tego nie robimy). Element ARTICLE nie nadaje się do oznaczania informacji o autorstwie artykułu. Takie dane powinny być objęte znacznikiem ADDRESS (o ile zawierają informacje kontaktowe) i najczęściej wstawione w stopce artykułu (element FOOTER). Przykład <article> Najlepszym sposobem oznaczenia w HTML5 wpisu na blogu wraz z komentarzami użytkowników, mogłoby być: <article> <h1>Mój pierwszy wpis na blogu</h1> <p>Stało się. Postanowiłem założyć...
- HTML5 / Otwierany panel <details, summary>
...na stronach, zawierających dużo informacji. Aby nie przytłoczyć użytkownika, czasami lepiej jest na początku wyświetlić mu tylko podstawowe dane, a do szczegółów dać dostęp dopiero, kiedy zyskamy jego zainteresowanie konkretnym elementem strony. Do tej pory jedynym sposobem wstawienia takiego otwieranego panelu było użycie dynamicznych skryptów JavaScript. HTML5 pozwala to wykonać bez ich potrzeby. W stanie zamkniętym, przeglądarka zamiast treści wpisanej w znaczniku, wyświetla tylko...
- HTML5 / Data i czas <time>
...się różnorodne daty czy oznaczenia czasu: publikacja artykułu, wysłanie komentarza, zaplanowane wydarzenia i ich godzinowy rozkład dnia. Takie dane mogłyby zostać wykorzystane np. do automatycznego tworzenia kalendarzy. Problem w tym, że zwykle są one podane w postaci czytelnej dla użytkowników, a nie dla maszyn. Trudno się spodziewać, że automat będzie w stanie poprawnie zinterpretować tekstową nazwę miesiąca w każdym języku mówionym świata. Poza tym w różnych krajach istnieją odmienne...
Wstęp do JavaScript i ECMAScript / Różnice między ECMAScript a JavaScript...jedynie składnię języka, podstawowe typy danych oraz ogólne funkcje biblioteczne. Brakuje natomiast API, dzięki któremu użytkownik mógłby wprowadzić dane do programu, GUI pozwalającego sterować aplikacją oraz sposobu na zaprezentowanie danych wyjściowych. Po co zatem powstał taki język programowania, w którym nie można napisać żadnego programu? 🙂 Istnieje szereg praktycznych języków, które implementują ECMAScript, ale dodatkowo zapewniają brakujące mu funkcje: JavaScript - dynamiczne...
- Globalne obiekty w JavaScript / Funkcja eval w JavaScript - eval
...źródła - w tym od użytkownika - może zawierać złośliwe fragmenty, które negatywnie wpłyną na działanie aplikacji lub wykradną z niej jakieś sekretne dane. Przykład eval eval("2 + 2"); // 4 eval(1); // 1 var x = true; function f(a) { return a + '!'; } eval("if (x) f('ok'); else f('error');"); // 'ok!' eval('('); // SyntaxError eval('return 1'); // SyntaxError Zwracam uwagę, że wywołanie konstruktora new String(...) zwraca obiekt, a nie prosty tekst. Zatem nie zostanie...
- Manipulacja obiektami w JavaScript - Object / Zamrażanie obiektu w JavaScript - freeze
...właściwości, usuwać istniejących właściwości ani zmieniać im wartości. Mówimy, że obiekt został zamrożony (ang. freeze), tzn. jego struktura i dane pozostaną niezmienne. Przykład Object.freeze var obj = Object.defineProperty({p: 1}, "x", {configurable: true}); delete obj.p; obj.p; // undefined obj.test = 3; Object.freeze(obj); obj.test; // 3 obj.test = 2; obj.test...
- Alternatywne sposoby definiowania funkcji w JavaScript - Function / Dynamiczne tworzenie funkcji w JavaScript - new Function
...źródła - w tym od użytkownika - może zawierać złośliwe fragmenty, które negatywnie wpłyną na działanie aplikacji lub wykradną z niej jakieś sekretne dane. Przykład new Function var f = new Function(); f(); // undefined f = new Function("return 1"); f(); // 1 f = new Function("a", "b", "return a + b"); f(1, 2); // 3 f = new Function("a, b", "c", "return (a + b) * c"); f(1, 2, 3)...
- HTML5 / Element edytowalny <... contenteditable>
...jest przydatne w aplikacjach takich jak edytory tekstu online, pola do szybkiego edytowania treści lub formularze, gdzie użytkownik może wprowadzać dane bez potrzeby dodatkowych pól wejściowych. Przykład: <div contenteditable="true">Edytowalny tekst</div>.