skrypty - Kurs HTML i CSS
Aktywne przyciski / Pamięć podręcznaStosując bezpośrednio powyższe skrypty, można zauważyć pewien nieprzyjemny efekt: po pierwszym wskazaniu bądź kliknięciu aktywnego przycisku, trzeba nieco zaczekać, aż załaduje się obrazek, który ma zostać wyświetlony. Dzieje się tak dlatego, ponieważ dopóki nie zostanie wywołana akcja, przeglądarka nie wie jaki obrazek, dajmy na to po podświetleniu, ma zostać wyświetlony. Jednak po pierwszym użyciu przycisku, dodatkowa grafika zostanie wczytana i zapisana w pamięci podręcznej przeglądarki...
Wstawianie stylów CSS / Wewnętrzny arkusz stylów <style>...z XML, gdzie panuje zasada, że przed etapem właściwego parsowania dokumentu, można z niego usunąć wszystkie komentarze. Oznaczałoby to, że tego typu skrypty i arkusze w ogóle nie byłyby brane pod uwagę przy renderowaniu strony! Znacznik STYLE może znajdować się tylko i wyłącznie w nagłówku dokumentu. Przykład <style> Jeśli w treści nagłówkowej strony zostałby umieszczony następujący wewnętrzny arkusz stylów: <style> h6 { color: red } </style> to po wpisaniu w dowolnym miejscu strony po...
- Menu rozwijane, otwierane, wysuwane / Czas rozwijania/zwijania
Aby przyspieszyć lub zwolnić rozwijanie/zwijanie pozycji menu, należy powtórzyć wszystkie przedstawione kroki, poza ostatnim (wywołanie skryptu), który tym razem należy wykonać następująco: <script> new Menu('menu0', '', false, false, czasRozwin, czasZwin); </script> czasRozwin Czas w milisekundach (1 s = 1000 ms), w którym następuje rozwinięcie pojedynczego elementu menu (<dd>...</dd>). Aby wymusić natychmiastowe rozwinięcie wszystkich elementów, należy podać wartość 0 (zero). czasZwin...
- Ochrona strony
...Jak utrudnić kopiowanie tekstu ze strony? cz. 3 - dokończenie. Jak utrudnić kopiowanie zdjęć ze strony? (Internet Explorer) Jak zabezpieczyć swoje skrypty? (Internet Explorer 5)
- Menu rozwijane, otwierane, wysuwane / Menu otwierane
Spis treści Menu otwierane Opóźnienie przy otwieraniu/zamykaniu Menu otwierane Czasem przydatne jest wstawienie menu, które otwiera się po wskazaniu nagłówka myszką, a chowa automatycznie po usunięciu wskaźnika myszki z obrębu wybranego fragmentu menu. <script> new Menu('menu0', '', true); </script> Przykład Wskaż poniższe nagłówki menu myszką: HTML Dla zielonych BODY i META Tekst Odsyłacze Tabele Multimedia Ramki Formularze CSS Kaskadowe Arkusze Stylów Definicje...
Prawa autorskieMożesz Zamieścić na stronie WWW, forum dyskusyjnym, serwisie społecznościowym itp. link do strony głównej Kursu HTML. Podawać linki bezpośrednio do określonych podstron (rozdziałów) kursu. Umieścić na stronie WWW bannery lub buttony kursu. Zobacz oficjalne bannery... (online) Zapisywać kurs do przeglądania tylko w wersji offline na dowolnych nośnikach danych (CD, DVD, USB drive, SD, dysk lokalny itp.) i nieodpłatnie przekazywać dowolnej osobie w takiej samej formie. Uwaga: nie dotyczy...
HTML5 / Przestarzałe elementy i atrybuty HTML5...parser HTML odczytuje go jako czysty tekst (inaczej do dokumentu załadowałyby się np. objęte nim arkusze CSS, nawet jeżeli przeglądarka obsługuje skrypty), co nie jest możliwe w języku XML Przestarzałe atrybuty przestarzałe atrybuty dla elementów rev, charset LINK, A shape, coords A longdesc IMG, IFRAME target LINK nohref AREA profile HEAD version HTML name IMG scheme META archive, classid, codebase, codetype, declare, standby OBJECT...
- HTML5 / Nowe atrybuty HTML5
...długość wartości; maxlength - maksymalna długość wartości nomodule SCRIPT Zapobiega wykonaniu skryptu w przeglądarkach, które obsługują skrypty modułowe nonce Wszystkie elementy Kryptograficzny numer używany jednokrotnie (ang. nonce) stosowany do weryfikacji Polityki Bezpieczeństwa Treści (ang. Content Security Policy - CSP) novalidate FORM Pominięcie walidacji kontrolek formularza przy wysyłaniu formularza pattern INPUT Wzorzec, który ma być dopasowany do wartości...
Wstęp do JavaScript i ECMAScript / Jak osadzić skrypt JavaScript na stronie?...dopiero po załadowaniu pełnego kodu HTML dokumentu. Może to potrwać nieco dłużej niż w przypadku użycia atrybutu async. XHTML W języku XHTML skrypty osadzamy następująco: <script type="text/javascript"> // <![CDATA[ /* Tutaj umieść kod skryptu. */ // ]]> </script> oraz <script type="text/javascript" src="plik.js"></script> W przypadku XHTML 1 możliwe jest dodatkowo użycie jedynie atrybutu defer: <script defer="defer" type="text/javascript" src="plik.js"></script> W XHTML5 można...
- HTML5 / Wstępne ładowanie <link "preload" as>
...zasobów przed ich rzeczywistym użyciem, co pozwala na płynniejsze działanie aplikacji. Działa to poprzez wczytywanie zasobów, takich jak skrypty lub style, z wyprzedzeniem, aby były one dostępne, gdy będą potrzebne. Na przykład, aby wstępnie załadować skrypt, można użyć <link rel="preload" href="script.js" as="script">. Stosuje się je, gdy zasoby są kluczowe dla wydajności lub w czasie, gdy nie są jeszcze bezpośrednio używane, ale będą potrzebne wkrótce. Jak działa wstępne...