function - Kurs HTML i CSS
Operacje na tablicach w JavaScript - Array.prototype / Sprawdzanie warunku dla przynajmniej jednego elementu - some...operatora || (lub - ang. or) przy działaniach na wartościach skalarnych. Przykład Array.prototype.some var items = [3, 2, 1]; var f = function (x) { return x > 0; }; items.some(f); // true f = function (x) { return x this.value; }; var tester = new GreaterThan(0); items.some(tester.test, tester); // true tester.tests; // 1 tester = new GreaterThan(4); items.some(tester.test, tester); // false tester.tests; // 3 items...
Formularze HTML / Ramy formularza HTML <form>...wszystkich pól, do których można wpisać tekst. Jeśli dane te są obowiązkowe, a użytkownik ich nie wpisze, formularz nie zostanie wysłany: <script> function sprawdz(formularz) { for (i = 0; i < formularz.length; i++) { var pole = formularz.elements[i]; if (!pole.disabled && !pole.readonly && (pole.type == "text" || pole.type == "password" || pole.type == "textarea") && pole.value == "") { alert("Proszę wypełnić wszystkie pola!"); return false; } } return true; } </script>...
Aktualizacja / Data aktualizacji strony...Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ Date.prototype.date = function(format) { for (var i = 0, c = '', returner = '', formats = new Object(); i < format.length; i++) { c = format.charAt(i); if (c == '\\' && i + 1 < format.length) returner += format.charAt(++i); else if (typeof formats[c] != 'undefined') returner += formats[c]; else { switch (c) { case 'a': formats[c]...
- Formularze HTML / Alternatywny sposób wysłania formularza
...Aby zastosować taki skrypt, wstaw przed formularzem (najlepiej 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)...
- Aktualizacja / Nowość
...źródła dokumentu. Aby zasygnalizować nowość, należy wstawić w treści nagłówkowej dokumentu (wewnętrz <head>...</head>) następujący kod: <script> function nowosc(dzien, miesiac, rok, godzina, minuta, napis, obrazek) { var obrazek_domyslny = 'nowosc.gif'; // lokalizacja obrazka var napis_domyslny = 'NOWOŚĆ'; // tekst alternatywny if (typeof obrazek == 'undefined') obrazek = obrazek_domyslny; if (typeof napis == 'undefined') napis = napis_domyslny; if (typeof godzina...
- Nowe okno / Generator okien
...poniżej generator. Otrzymany w nim kod, należy wpisać w miejsce wyróżnionego tekstu, np. jako wartość atrybutu onload="..." (pierwszy sposób). function generuj(f) { var str = ""; var atr = ""; if (f.elements['width'].value && atr) atr += ","; if (f.elements['width'].value) atr += "width=" + f.elements['width'].value; if (f.elements['height'].value && atr) atr += ","; if (f.elements['height'].value) atr += "height=" + f.elements['height'].value; if (f.elements['left'].value && atr)...
- Migotanie
Przykład Migotanie tekstu... ...inne migotanie function flash(id, kolor, czas, kolor2, czas2) { document.getElementById(id).style.color = kolor; setTimeout('flash("' + id + '","' + kolor2 + '",' + czas2 + ',"' + kolor + '",' + czas + ')', czas); } flash("flash1", "red", 500, "black", 500); flash("flash2", "white", 500, "black", 250); Aby uzyskać taki efekt, wklej w nagłówku dokumentu: <script> function flash(id, kolor, czas, kolor2, czas2)...
- Manipulacja obiektami w JavaScript - Object / Deskryptor właściwości obiektu w JavaScript - getOwnPropertyDescriptor
...1}, "p"); // {value: 1, writable: true, enumerable: true, configurable: true} Object.getOwnPropertyDescriptor({}, "p"); // undefined var Cls = function () { this.p = 1; }; Cls.prototype.m = function () {}; var obj = new Cls(); Object.getOwnPropertyDescriptor(obj, "p"); // {value: 1, writable: true, enumerable: true, configurable: true} Object.getOwnPropertyDescriptor(obj, "m"); // undefined Object.getOwnPropertyDescriptor(true, "p"); // TypeError...
- Manipulacja obiektami w JavaScript - Object / Lista właściwości obiektu w JavaScript - getOwnPropertyNames
...[] var obj = {}; Object.defineProperty(obj, "p", {enumerable: false}); Object.getOwnPropertyNames(obj); // ["p"] var Cls = function () { this.p = 1; }; Cls.prototype.m = function () {}; obj = new Cls(); Object.getOwnPropertyNames(obj); // ["p"] Object.getOwnPropertyNames(true); // TypeError Object.getOwnPropertyNames(1); // TypeError Object.getOwnPropertyNames("test"); // TypeError Object.getOwnPropertyNames(null); // TypeError
- Manipulacja instancją obiektu w JavaScript - Object.prototype / Przekształcanie obiektu na tekst - toString
...[object Number]" Object.prototype.toString.call("test"); // "[object String]" var Cls = function () {}; new Cls() + ""; // "[object Object]" Object.prototype.toString.call(new Cls()); // "[object Object]" Cls.prototype.toString = function () { return "[object Cls]"; }; new Cls() + ""; // "[object Cls]"