return - Kurs HTML i CSS
Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki...adres_bazowy, rozmiar, sortuj) { if (typeof sortuj != 'undefined' && sortuj) { hasla.sort( function(a, b) { if (a[0] == b[0]) return 0; return a[0].compare() < b[0].compare() ? -1 : 1; } ); } if (typeof sortuj != 'undefined' && sortuj < 0) { document.write("<pre>"); for (var i = 0; i < hasla.length; i++) { document.write("['" + hasla[i][0].addSlashes() + "','" + hasla[i][1].addSlashes() + "']" + (i < hasla.length - 1 ? ",\n" : "")); }...
- Galeria zdjęć HTML / Skrypt galerii zdjęć
...{ this.items = items || []; } GalleryModel.prototype.get = function(index) { var item = this.items[index]; if (!item) { return null; } return { title: item.getAttribute('data-gallery'), src: this._getSrc(item), alt: item.title, protected: !item.getAttribute('href') }; }; GalleryModel.prototype.indexOf = function(src) { for (var i = 0; i < this.items.length; ++i) { var item = this.items[i]; if (this._getSrc(item) === src) { return...
- Ochrona strony
...można je ze sobą łączyć. Blokada prawego klawisza myszki Zabezpiecza przed wybraniem "Pokaż źródło" z menu kontekstowego. <body oncontextmenu="return false"> ... </body> Uwaga! Źródło dokumentu nadal będzie można podejrzeć, wybierając odpowiednią opcję z górnego menu przeglądarki. Poza tym nie wszystkie przeglądarki interpretują to polecenie. Częściowo można zlikwidować ten problem, otwierając stronę w nowym oknie bez paska menu. Można również próbować otwierać stronę zawsze w ramkach...
Formularze HTML / Ramy formularza HTML <form>...onsubmit> Przy użyciu JavaScript'u można wprowadzić interaktywny formularz. Po wpisaniu: <form action="..." onsubmit="alert(this.tekst.value); return false"> <input type="text" name="tekst"><input type="submit" value="OK"> </form> Otrzymamy: Wpisz tutaj coś i naciśnij OK: Innym ważnym zastosowanie skryptów wykonywanych po stronie klienta, jest sprawdzenie poprawności wypełnienia formularza, jeszcze przed jego wysłaniem: <form action="mailto:adres e-mail" method="post" onsubmit="if...
Alternatywne sposoby definiowania funkcji w JavaScript - Function / Dynamiczne tworzenie funkcji w JavaScript - new Function...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); // 9 // Funkcja anonimowa: f = function (a, b, c) { return (a + b) * c; }; f(1, 2, 3); // 9 new...
- Skórki
...typeof path != 'undefined' ? path : '/'; var link = null; var original = ''; var css = ''; this.get = function() { if (css != '') return css; var matches = document.cookie.match(new RegExp('(^|;\\s*)' + this.name + '=([^;]*)')); if (matches && matches.length == 3) css = matches[2]; return css; } this.set = function(url) { document.cookie = this.name + '=' + url + (this.expires > 0 ? ';expires=' + new Date(new Date().getTime() + 86400000...
- Formularze HTML / Alternatywny sposób wysłania formularza
...w treści nagłówkowej dokumentu) następujący kod: <script> // www.kurshtml.edu.pl function mail_form(f) { function url_encode(text) { return text.replace(/%/g, '%25').replace(/\?/g, '%3F').replace(/=/g, '%3D').replace(/&/g, '%26').replace(/#/g, '%23').replace(/\r/g, '%0D').replace(/\n/g, '%0A'); } for (var i = 0, text = ''; i < f.elements.length; i++) { if (f.elements[i].name == '' || f.elements[i].disabled) continue; switch (f.elements[i].type) { case 'radio...
- Losowy element
...index = Math.random(); } 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...
- Operacje na tablicach w JavaScript - Array.prototype / Sortowanie elementów tablicy - sort
...Przykład Array.prototype.sort var items = [3, 2, 1]; items.sort(); // [1, 2, 3] items; // [1, 2, 3] var f = function (x, y) { return y - x; }; items.sort(f); // [3, 2, 1] items; // [3, 2, 1] var persons = [{name: "John"}, {name: "Anna"}, {name: "Tom"}]; f = function (x, y) { if (x.name y.name) return 1; return 0; }; persons.sort(f); // [{name: "Anna"}, {name: "John"}, {name: "Tom"}]
- Globalne obiekty w JavaScript / Funkcja eval w JavaScript - eval
...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 on wykonany przez funkcję eval, lecz zwrócony w niezmienionej formie: eval(new String("2 + 2"))...