script - Kurs HTML i CSS
Menu drzewiaste / Skrypt menu drzewiastego...Następnie wklej w treści nagłówkowej strony <head>...</head> następujący kod: <link rel="stylesheet" href="tree.css"> <script src="tree.js"></script> Na koniec w wybranym miejscu strony - tam, gdzie ma się wyświetlać menu drzewiaste - wstaw kod oparty na technice zagnieżdżania wykazów (tylko wypunktowanie, czyli lista nieuporządkowana <ul>...</ul>). Sposób zagnieżdżania kolejnych punktów listy będzie automatycznie odzwierciedlał strukturę drzewa menu. Oto...
- AutoIFRAME / Kilka ramek AutoIFRAME
...na końcu wszystkich podstron wczytywanych do ramki id="autoiframe" - nazwijmy ją ramką główną - umieszczamy taki kod jak poprzednio, tzn.: <script> autoiframe(null, 200); </script> lub <script> autoiframe('autoiframe', 200); </script> Natomiast na podstronach, które będą wczytywane do ramki id="autoiframe2", umieszczamy, również na końcu, nieco zmienioną formę kodu, podając w nim wartość identyfikatora tej właśnie ramki (wstawioną w apostrofach): <script>...
- Indeks, wyszukiwarka / Wyszukiwarka
...wyszukiwania na wszystkich stronach serwisu. Aby to zrobić, należy wstawić w nagłówku strony (<head>...</head>) odwołanie do pliku indeks.js: <script src="indeks.js"></script> Nie trzeba natomiast wstawiać odwołania do skryptu indeks_hasla.js, w którym znajduje się lista haseł. Następnie w wybranym miejscu strony wystarczy wkleić: <script> var indeks = new Indeks('indeks'); indeks.wstawWyszukiwarke('adres'); </script> Godne podkreślenia są wyróżnione wartości: indeks Identyfikator...
HTML5 / Nowe atrybuty HTML5Język HTML5 definiuje nie tylko zupełnie nowe elementy (znaczniki), ale również dodatkowe atrybuty, które można przypisywać również do elementów, które były zdefiniowane już w specyfikacji HTML 4.01. Atrybuty Zastosowanie Opis allow IFRAME Polityka uprawnień, która ma zostać zastosowana do zawartości elementu IFRAME allowfullscreen IFRAME Czy pozwolić zawartości elementu IFRAME na użycie funkcji requestFullscreen() as LINK (rel="preload" lub rel="modulepreload") Potencjalny...
- Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego
...nie określimy inaczej. Następnie na stronie, gdzie ma być umieszczone menu, należy w nagłówku dokumentu (wewnątrz <head>...</head>) wstawić: <script src="menu.js"></script> W wyróżnionym miejscu oczywiście należy podać lokalizację utworzonego wcześniej pliku menu.js. Dalej trzeba na stronie w wybranym miejscu osadzić blok menu za pomocą znaczników listy definicyjnej <dl>...</dl>, np.: <dl id="menu0"> <dt>Nagłówek 1</dt> <dd>Element 1.1</dd> <dd>Element 1.2</dd> <dd>Element...
- Skórki
...pod znacznikiem <link>, dołączającym domyślny zewnętrzny arkusz stylów, dodaj odwołanie do utworzonego właśnie pliku skin.js - za pomocą znacznika <script>...</script>: <link rel="stylesheet" href="style.css"> <script src="skin.js"></script> Ostatnim krokiem będzie przygotowanie specjalnej podstrony, na której będą prezentowane wszystkie udostępnione dla użytkowników skórki z możliwością ich wyboru. Oczywiście wskazanym by było, aby dla każdej skórki przygotować specjalne miniaturki ze...
- XHTML / Różnice między HTML 4 a XHTML 1.0
...znaki nowej linii) jest zamieniane na jeden. Skrypty osadzone i wewnętrzne arkusze stylów (element style) należy wstawiać w następujący sposób: <script type="text/javascript"> <![CDATA[ ...zawartość skryptu (może zawierać bezpośrednio znaki: <, >, &)... ]]> </script> Jest to konieczne, jeśli wewnętrzny skrypt lub arkusz stylów zawiera znaki: <, >, &, ponieważ w takim przypadku procesor XML potraktuje je jako znaczniki lub początek encji (znaków specjalnych). Uwaga! Przeglądarki mogą nie...
- Losowy element
...ładowany jest tylko jeden obrazek. Aby wstawić na stronę losowy tekst lub obrazek, należy w wybranym miejscu dokumentu wkleić następujący kod: <script> Array.prototype.random = function(limit) { if (typeof limit == 'undefined' || limit < 0) limit = 1; else if (!limit) limit = this.length; for (var i = 0, source = this, target = new Array(), n = source.length; i < limit && n > 0; i++) { do { var index = Math.random(); } while (index == 1); index = Math.floor(index * n)...
- Menu rozwijane, otwierane, wysuwane / Pozycja absolutna
...należy ustalać nie poprzez atrybut style="..." ani wewnętrzny czy zewnętrzny arkusz stylów, tylko modyfikując fragment kodu wywołujący skrypt: <script> new Menu('menu0', 'position: absolute'); </script> Powyższy sposób pozycjonuje blok menu w miejscu, w którym został wstawiony, ale rozwijanie i zwijanie nie powoduje już żadnych przesunięć pozostałych elementów strony. Można oczywiście dokładnie ustalić pozycję bloku menu, dodając dodatkowe deklarację CSS: 'position: absolute; left...
- HTML5 / Zmienione elementy i atrybuty HTML5
...Oznacza wyłącznie tytuły prac (książek, opracowań, wierszy, piosenek, filmów, gier, obrazów itp.), a nie ich autorów. DL Lista opisowa (ang. description list). Nie nadaje się teraz do oznaczania dialogów. FIELDSET Nie musi zawierać elementu LEGEND. HR Oddziela bloki tematyczne sekcji artykułu na poziomie akapitów. I Oznacza np. termin techniczny, idiom z innego języka albo fragment wtrąconego tekstu. LABEL Kliknięcie na etykietę nie musi już oznaczać automatycznego przeniesienia...