15 | 
33 | Wyślij
34 |
35 |
36 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
--------------------------------------------------------------------------------
/AirBackup/application.xml:
--------------------------------------------------------------------------------
1 |
2 |
16 | AirBackup 1.1 by javascript-html5-tutorial.pl
17 | X
18 |
19 |
20 |
24 | Proszę przeciągnąć pliki na ten obszar
25 |
26 |
27 |
28 |
30 |
31 |
32 |
33 | Wyślij
34 |
35 |
36 |
39 |
40 |
41 |
42 | 
38 |
15 |
33 | Wyślij
34 |
35 |
36 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
--------------------------------------------------------------------------------
/AirBackup/jaxer_bin/AirBackup.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
16 | AirBackup 1.0 by javascript-tutorial.pl
17 | X
18 |
19 |
20 |
24 | Proszę przeciągnąć pliki na ten obszar
25 |
26 |
27 |
28 |
30 |
31 |
32 |
33 | Wyślij
34 |
35 |
36 |
39 |
40 |
41 |
42 |
16 |
34 | Wyślij
35 |
36 |
37 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
--------------------------------------------------------------------------------
/AirBackup/jaxer_bin/application.xml:
--------------------------------------------------------------------------------
1 |
2 |
17 | AirBackup 1.1 by javascript-html5-tutorial.pl
18 | X
19 |
20 |
21 |
25 | Proszę przeciągnąć pliki na ten obszar
26 |
27 |
28 |
29 |
31 |
32 |
33 |
34 | Wyślij
35 |
36 |
37 |
40 |
41 |
42 |
43 | The H1 tag looks like this
2 |The paragraph tag after an H1 tag looks like this
3 |The H2 tag looks like this
4 |The paragraph tag after an H2 tag looks like this
5 |The H3 tag looks like this
6 |The paragraph tag after an H3 tag looks like this
7 |The H4 tag looks like this
8 |The paragraph tag after an H4 tag looks like this
9 |The H5 tag looks like this
10 |The paragraph tag after an H5 tag looks like this
11 |-
12 |
- This is a strong element in an ordered list 13 |
- This is an italic element in an ordered list 14 |
- This is a bold element in an ordered list 15 |
- This is an emphasized element in an ordered list 16 |
- This is a regular element in an ordered list 17 |
-
19 |
- This is a strong element in an unordered list 20 |
- This is an italic element in an unordered list 21 |
- This is a bold element in an unordered list 22 |
- This is an emphasized element in an unordered list 23 |
- This is a regular element in an unordered list 24 |
The block quote element looks like this26 |
The pre element looks like this27 |
The code element looks like this
28 | 29 | The span element looks like this 30 |
31 | The anchor element looks like this 32 |
33 |
34 |
Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this.
35 | Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this.
36 | Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this.
--------------------------------------------------------------------------------
/AirBackup/jaxer_bin/css/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | * Definicje wyglądu aplikacji AirBackup 1.1
3 | * (c) javascript-html5-tutorial.pl
4 | */
5 |
6 | .clear {
7 | clear: both;
8 | }
9 |
10 | #my-window {
11 | width: 540px;
12 | height: 340px;
13 | background-color: #fff;
14 | border: 1px outset #00d;
15 | overflow: hidden;
16 | -webkit-border-radius: 10px;
17 | }
18 |
19 | #app-label {
20 | float: left;
21 | padding: 4px;
22 | cursor: move;
23 | }
24 |
25 | #top-bar {
26 | height: 30px;
27 | border-bottom: 1px solid #00a;
28 | text-align: right;
29 | padding: 2px 8px 0 4px;
30 | cursor: move;
31 | }
32 |
33 | #top-bar a {
34 | font-weight: bold;
35 | color: #f00;
36 | text-decoration: none;
37 | line-height: 30px;
38 | }
39 |
40 | #files {
41 | list-style-type: square;
42 | float: left;
43 | width: 300px;
44 | height: 200px;
45 | overflow: auto;
46 | padding: 5px;
47 | font-size: 9px;
48 | }
49 |
50 | #drop-area {
51 | float: left;
52 | width: 500px;
53 | height: 90px;
54 | border: 1px solid #00d;
55 | background-color: #efe;
56 | margin: 10px;
57 | padding-top: 10px;
58 | padding-left: 10px;
59 | font-size: 8pt;
60 | }
61 |
62 | #control-area {
63 | cursor: pointer;
64 | float: right;
65 | padding: 10px
66 | }
67 |
68 | #info {
69 | padding: 8px 0 4px 8px;
70 | font-size: 9pt;
71 | }
72 |
--------------------------------------------------------------------------------
/AirBackup/jaxer_bin/fileupload.php:
--------------------------------------------------------------------------------
1 |
37 |
--------------------------------------------------------------------------------
/AirBackup/jaxer_bin/icons/AIRApp_128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/AirBackup/jaxer_bin/icons/AIRApp_128.png
--------------------------------------------------------------------------------
/AirBackup/jaxer_bin/icons/AIRApp_16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/AirBackup/jaxer_bin/icons/AIRApp_16.png
--------------------------------------------------------------------------------
/AirBackup/jaxer_bin/icons/AIRApp_32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/AirBackup/jaxer_bin/icons/AIRApp_32.png
--------------------------------------------------------------------------------
/AirBackup/jaxer_bin/icons/AIRApp_48.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/AirBackup/jaxer_bin/icons/AIRApp_48.png
--------------------------------------------------------------------------------
/AirBackup/jaxer_bin/icons/ajax_s.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/AirBackup/jaxer_bin/icons/ajax_s.gif
--------------------------------------------------------------------------------
/AirBackup/jaxer_bin/lib/myapp.js:
--------------------------------------------------------------------------------
1 | /**
2 | * AirBackup 1.1
3 | * (c) Dominik Wlazłowski
4 | * www.javascript-html5-tutorial.pl
5 | */
6 |
7 | /** config **/
8 |
9 | // adres docelowy
10 | const SERVER_URL = "http://www.directcode.eu/airbackup/processor.php";
11 |
12 | // maksymalna ilość plików, jaką możemy wysłać jednorazowo
13 | const FILES_MAX_AMOUNT = 10;
14 |
15 | /** koniec: config **/
16 |
17 | $(document).ready(function() {
18 | // przeciąganie okna chwytając za element top-bar
19 | $("#top-bar").mousedown(function() {
20 | window.nativeWindow.startMove();
21 | });
22 |
23 | // zamykanie aplikacji
24 | $("#app-close").click(function() {
25 | window.nativeWindow.close();
26 | return false;
27 | });
28 | });
29 |
30 | // nazwy plików
31 | var backupFileNames = new Array();
32 |
33 | // tablica obiektów typu File
34 | var backupFiles = new Array();
35 |
36 | // funkcje obsługi zdarzeń
37 |
38 | function handleDragEnter(event) {
39 | event.preventDefault();
40 | }
41 |
42 | function handleDragOver(event) {
43 | event.preventDefault();
44 | }
45 |
46 | function handleDrop(event) {
47 |
48 | // kontrola ilości plików do jednorazowego wysłania
49 | if (backupFiles.length >= FILES_MAX_AMOUNT) {
50 | alert('Wyślij bieżące pliki. Limit jednego pakietu wynosi '
51 | + FILES_MAX_AMOUNT);
52 |
53 | return;
54 | }
55 |
56 | // budujemy listę plików
57 | var fileList = event.dataTransfer.getData(air.ClipboardFormats.FILE_LIST_FORMAT);
58 |
59 | for (var i in fileList) {
60 | if ($.inArray(fileList[i].name, backupFileNames) == -1) {
61 | backupFileNames.push(fileList[i].name);
62 | backupFiles.push(fileList[i]);
63 | $("#files ul").append('") 88 | .append("Sumaryczny rozmiar plików: " + _formatted_size + " kB"); 89 | } 90 | 91 | // obliczanie rozmiaru dodanych plików 92 | function getTotalFileSize() { 93 | var sum = 0; 94 | 95 | for (var i in backupFiles) { 96 | sum += backupFiles[i].size; 97 | } 98 | 99 | return sum; 100 | } 101 | 102 | // funkcja wykonująca upload plików na serwer 103 | function startUpload() { 104 | 105 | if (backupFiles.length == 0) { 106 | alert('Brak plików do wysłania na serwer.'); 107 | return; 108 | } 109 | 110 | var boundary = '--AaB03x'; 111 | var request = null; 112 | var file = null; 113 | 114 | // nowe żądanie 115 | request = new air.URLRequest(SERVER_URL); 116 | 117 | // debug: obsłuż błędny adres skryptu odbierającego dane 118 | /* 119 | try { 120 | request = new air.URLRequest(SERVER_URL); 121 | } catch (e) { 122 | // runtime.trace('Proszę sprawdzić czy stała SERVER_URL określa poprawny adres skryptu'); 123 | } 124 | finally { 125 | doCleanups(); 126 | } 127 | */ 128 | 129 | request.useCache = false; 130 | request.contentType = 'multipart/form-data, boundary=' + boundary; 131 | request.method = 'POST'; 132 | 133 | var buffer = new air.ByteArray(); 134 | 135 | // pokaż indicator 136 | $("#progress_pointer").show(); 137 | 138 | // przetwórz listę plików 139 | for (x in backupFiles) { 140 | 141 | file = new air.File(backupFiles[x].nativePath); 142 | 143 | fileStream = new air.FileStream(); 144 | fileStream.open(file, air.FileMode.READ); 145 | fileContents = new air.ByteArray(); 146 | fileStream.readBytes(fileContents, 0, file.size); 147 | fileStream.close(); 148 | 149 | buffer.writeUTFBytes("--" + boundary + "\r\n"); 150 | buffer.writeUTFBytes("content-disposition: form-data; name=\"Filedata\"; filename=\"" + file.name + "\"\r\n"); 151 | buffer.writeUTFBytes("Content-Transfer-Encoding: binary\r\n"); 152 | buffer.writeUTFBytes("Content-Length: " + file.size + "\r\n"); 153 | buffer.writeUTFBytes("Content-Type: application/octet-stream\r\n"); 154 | buffer.writeUTFBytes("\r\n"); 155 | 156 | buffer.writeBytes(fileContents, 0, fileContents.length); 157 | buffer.writeUTFBytes("\r\n--" + boundary + "--\r\n"); 158 | 159 | request.data = buffer; 160 | 161 | var loader = new air.URLLoader(); 162 | 163 | loader.addEventListener(air.ProgressEvent.PROGRESS, function(e) { 164 | // alert('progress: ' + e); 165 | }); 166 | 167 | loader.addEventListener(air.IOErrorEvent.IO_ERROR, function(e) { 168 | alert('error: ' + e.text); 169 | }); 170 | 171 | loader.addEventListener(air.Event.COMPLETE, function(e) { 172 | if (loader.data) { 173 | alert(loader.data); 174 | doCleanups(); 175 | } 176 | }); 177 | 178 | loader.load(request); 179 | } 180 | } 181 | 182 | // czyszczenie 183 | function doCleanups() { 184 | $("#progress_pointer").hide(); 185 | 186 | backupFileNames = []; 187 | backupFiles = []; 188 | 189 | $("#files").empty(); 190 | $("#info").empty(); 191 | } 192 | 193 | -------------------------------------------------------------------------------- /AirBackup/jaxer_bin/tutorial.p12: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/AirBackup/jaxer_bin/tutorial.p12 -------------------------------------------------------------------------------- /AirBackup/jaxer_bin/tutorial_pass.txt: -------------------------------------------------------------------------------- 1 | Hasło: 2 | tutorial -------------------------------------------------------------------------------- /AirBackup/lib/myapp.js: -------------------------------------------------------------------------------- 1 | /** 2 | * AirBackup 1.1 3 | * (c) Dominik Wlazłowski 4 | * www.javascript-html5-tutorial.pl 5 | */ 6 | 7 | /** config **/ 8 | 9 | // adres docelowy 10 | const SERVER_URL = "http://www.directcode.eu/airbackup/processor.php"; 11 | 12 | // maksymalna ilość plików, jaką możemy wysłać jednorazowo 13 | const FILES_MAX_AMOUNT = 10; 14 | 15 | /** koniec: config **/ 16 | 17 | $(document).ready(function() { 18 | // przeciąganie okna chwytając za element top-bar 19 | $("#top-bar").mousedown(function() { 20 | window.nativeWindow.startMove(); 21 | }); 22 | 23 | // zamykanie aplikacji 24 | $("#app-close").click(function() { 25 | window.nativeWindow.close(); 26 | return false; 27 | }); 28 | }); 29 | 30 | // nazwy plików 31 | var backupFileNames = new Array(); 32 | 33 | // tablica obiektów typu File 34 | var backupFiles = new Array(); 35 | 36 | // funkcje obsługi zdarzeń 37 | 38 | function handleDragEnter(event) { 39 | event.preventDefault(); 40 | } 41 | 42 | function handleDragOver(event) { 43 | event.preventDefault(); 44 | } 45 | 46 | function handleDrop(event) { 47 | 48 | // kontrola ilości plików do jednorazowego wysłania 49 | if (backupFiles.length >= FILES_MAX_AMOUNT) { 50 | alert('Wyślij bieżące pliki. Limit jednego pakietu wynosi ' 51 | + FILES_MAX_AMOUNT); 52 | 53 | return; 54 | } 55 | 56 | // budujemy listę plików 57 | var fileList = event.dataTransfer.getData(air.ClipboardFormats.FILE_LIST_FORMAT); 58 | 59 | for (var i in fileList) { 60 | if ($.inArray(fileList[i].name, backupFileNames) == -1) { 61 | backupFileNames.push(fileList[i].name); 62 | backupFiles.push(fileList[i]); 63 | $("#files ul").append('
") 88 | .append("Sumaryczny rozmiar plików: " + _formatted_size + " kB"); 89 | } 90 | 91 | // obliczanie rozmiaru dodanych plików 92 | function getTotalFileSize() { 93 | var sum = 0; 94 | 95 | for (var i in backupFiles) { 96 | sum += backupFiles[i].size; 97 | } 98 | 99 | return sum; 100 | } 101 | 102 | // funkcja wykonująca upload plików na serwer 103 | function startUpload() { 104 | 105 | if (backupFiles.length == 0) { 106 | alert('Brak plików do wysłania na serwer.'); 107 | return; 108 | } 109 | 110 | var boundary = '--AaB03x'; 111 | var request = null; 112 | var file = null; 113 | 114 | // nowe żądanie 115 | request = new air.URLRequest(SERVER_URL); 116 | 117 | // debug: obsłuż błędny adres skryptu odbierającego dane 118 | /* 119 | try { 120 | request = new air.URLRequest(SERVER_URL); 121 | } catch (e) { 122 | // runtime.trace('Proszę sprawdzić czy stała SERVER_URL określa poprawny adres skryptu'); 123 | } 124 | finally { 125 | doCleanups(); 126 | } 127 | */ 128 | 129 | request.useCache = false; 130 | request.contentType = 'multipart/form-data, boundary=' + boundary; 131 | request.method = 'POST'; 132 | 133 | var buffer = new air.ByteArray(); 134 | 135 | // pokaż indicator 136 | $("#progress_pointer").show(); 137 | 138 | // przetwórz listę plików 139 | for (x in backupFiles) { 140 | 141 | file = new air.File(backupFiles[x].nativePath); 142 | 143 | fileStream = new air.FileStream(); 144 | fileStream.open(file, air.FileMode.READ); 145 | fileContents = new air.ByteArray(); 146 | fileStream.readBytes(fileContents, 0, file.size); 147 | fileStream.close(); 148 | 149 | buffer.writeUTFBytes("--" + boundary + "\r\n"); 150 | buffer.writeUTFBytes("content-disposition: form-data; name=\"Filedata\"; filename=\"" + file.name + "\"\r\n"); 151 | buffer.writeUTFBytes("Content-Transfer-Encoding: binary\r\n"); 152 | buffer.writeUTFBytes("Content-Length: " + file.size + "\r\n"); 153 | buffer.writeUTFBytes("Content-Type: application/octet-stream\r\n"); 154 | buffer.writeUTFBytes("\r\n"); 155 | 156 | buffer.writeBytes(fileContents, 0, fileContents.length); 157 | buffer.writeUTFBytes("\r\n--" + boundary + "--\r\n"); 158 | 159 | request.data = buffer; 160 | 161 | var loader = new air.URLLoader(); 162 | 163 | loader.addEventListener(air.ProgressEvent.PROGRESS, function(e) { 164 | // alert('progress: ' + e); 165 | }); 166 | 167 | loader.addEventListener(air.IOErrorEvent.IO_ERROR, function(e) { 168 | alert('error: ' + e.text); 169 | }); 170 | 171 | loader.addEventListener(air.Event.COMPLETE, function(e) { 172 | if (loader.data) { 173 | alert(loader.data); 174 | doCleanups(); 175 | } 176 | }); 177 | 178 | loader.load(request); 179 | } 180 | } 181 | 182 | // czyszczenie 183 | function doCleanups() { 184 | $("#progress_pointer").hide(); 185 | 186 | backupFileNames = []; 187 | backupFiles = []; 188 | 189 | $("#files").empty(); 190 | $("#info").empty(); 191 | } 192 | 193 | -------------------------------------------------------------------------------- /AirBackup/processor.php: -------------------------------------------------------------------------------- 1 | 37 | -------------------------------------------------------------------------------- /AirBackup/tutorial.p12: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/AirBackup/tutorial.p12 -------------------------------------------------------------------------------- /AirBackup/tutorial_pass.txt: -------------------------------------------------------------------------------- 1 | Hasło: 2 | tutorial -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2014 DirectCode 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | js_html5_com 2 | ============ 3 | 4 | javascript-html5-tutorial.com - code examples 5 | -------------------------------------------------------------------------------- /april-fools-day-joke/fool.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | O_o
14 | 15 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /april-fools-day-joke/fool.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Fool.js (by @idiot) 3 | * I pity the user. 4 | */ 5 | 6 | (function($) { 7 | 8 | $.fn.prefixCSS = function(prop, val) { 9 | var prefixes = ['Webkit', 'Moz', 'Ms', 'O'], 10 | obj = {}; 11 | 12 | for(var i in prefixes) { 13 | obj[prefixes[i] + (prop.charAt(0).toUpperCase() + prop.substr(1))] = val; 14 | } 15 | 16 | return this.css(obj); 17 | }; 18 | 19 | // Don't be a dick. 20 | $.fool = function(options) { 21 | var iframe = '', 22 | 23 | // Our good king, Rick Astley 24 | rick = 'oHg5SJYRHA0', 25 | 26 | // A list of the annoying videos 27 | videos = ['v8CIDdKvUkg', 'UwB9m4FslO4', 'LH5ay10RTGY', 'DkQ83yLqpJE', 'T6j4f8cHBIM', 'kffacxfA7G4', 'RFzyYYZsxGc', 'v20jRHL492Y', 'Z8bpeeuHDOA', 'KHy7DGLTt8g', '_6-KspZegsE', 'l12Csc_lW0Q'], 28 | 29 | // Baby, let's make our move 30 | moves = { 31 | 32 | // Show a random youtube video and hide it 33 | hiddenVideos: function(url) { 34 | // Grab a random video 35 | var video = url ? url : videos[Math.round((Math.random() * (videos.length - 1)))]; 36 | 37 | return this.append(iframe.replace('*', video)); 38 | }, 39 | 40 | // I've dropped a lot of pranks, but I'm never going to give you up. 41 | rick: function() { 42 | return moves.hiddenVideos.call(body, rick); 43 | }, 44 | 45 | // Hide random elements on hover 46 | vanishingElements: function() { 47 | return $('h1,h2,h3,p,div:not(.timber),input,header,footer,section').hover(function() { 48 | if(Math.random() > .75) { 49 | $(this).css('opacity', $(this).css('opacity') == 0 ? 1 : 0); 50 | } 51 | }); 52 | }, 53 | 54 | fallingScrollbar: function() { 55 | 56 | $('.timber').fadeOut(200, function() { 57 | $(this).remove(); 58 | }); 59 | 60 | var h = $(window).height() + 30, 61 | html = '
' + new Array(80).join('
') + '
',
62 |
63 | me = this.css('overflow', 'hidden').append(html),
64 | rot = 'rotate(-100deg)';
65 |
66 | setTimeout(function() {
67 | me.children('.timber').prefixCSS('transition', '.8s').css({
68 | right: -23,
69 | bottom: 7,
70 | });
71 | }, 250);
72 | },
73 |
74 | questionTime: function() {
75 | var q = ['Are ya ready, kids?', 'I can\'t hear ya!', 'Ohhhhh, who lives in a pineapple under the sea?', 'Absorbent and yellow and pourous is he', 'If nautical nonsense be somethin\' ya wish.', 'Then drop on the deck and flop like a fish.'],
76 | a = 'Spongebob Squarepants. Spongebob Squarepants.';
77 |
78 | for(var i in q) {
79 | window.prompt(q[i]);
80 | }
81 |
82 | for(var t = 0; t < 4; t++) {
83 | alert(a);
84 | }
85 | },
86 |
87 | // I can hack a site!
88 | h4xx0r: function() {
89 | this[0].contentEditable = true;
90 | return document.designMode = 'on';
91 | },
92 |
93 | // This probably won't work with the falling scrollbar.
94 | upsideDown: function() {
95 | body.attr('style', '-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=-1.2246063538223773e-16, M21=1.2246063538223773e-16, M22=-1, sizingMethod=\'auto expand\'); zoom: 1;');
96 | },
97 |
98 | // A bit crooked, but a lot of fun
99 | wonky: function() {
100 | body.attr('style', '-webkit-transform: rotate(-.7deg);-moz-transform: rotate(-.7deg); -ms-transform:rotate(-.7deg); -o-transform:rotate(-.7deg); transform: rotate(-.7deg); filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.999925369660452,M12=0.012217000835247169,M21=-0.012217000835247169,M22=0.999925369660452,sizingMethod=\'auto expand\'); zoom: 1;');
101 | },
102 |
103 | // flashes the screen on and off
104 | flash: function() {
105 | var fade = function() {
106 | body.delay(250).animate({opacity: 0}, 1).delay(250).animate({opacity: 1}, 1, fade);
107 | };
108 |
109 | fade();
110 | },
111 |
112 | // might not work
113 | crashAndBurn: function() {
114 | for(i = 0; i <= 0e10; i++) {
115 | $.fool('crashAndBurn');
116 | }
117 | },
118 |
119 | // make a shutter descend unto the screen
120 | shutter: function() {
121 | var shutter = body.append('').children('#shutter');
122 |
123 | shutter.css({
124 | position: 'fixed',
125 | left: 0,
126 | top: 0,
127 | right: 0,
128 | bottom: '100%',
129 |
130 | background: '#000'
131 | }).animate({
132 | bottom: 0
133 | }, 500);
134 | },
135 |
136 | // simple
137 | unclickable: function() {
138 | // twitter.com/#!/idiot/status/180261881460690945
139 | body.attr('style', 'pointer-events: none; -webkit-user-select: none; -moz-user-select: none; cursor: wait;');
140 | }
141 | },
142 |
143 | body = $('body');
144 |
145 | // Check we've got options
146 | if(options) {
147 | // Are we calling multiple options
148 | if(typeof options == 'object') {
149 | for(i in options) {
150 | if(options[i] != false && moves[i]) {
151 | moves[i].call(body);
152 | }
153 | }
154 | } else {
155 | // Assume string
156 | if(moves[options]) {
157 | moves[options].call(body);
158 | }
159 | }
160 | } else { // If not, call in Mr. Astley
161 | return moves['rick'].call(body);
162 | }
163 | };
164 |
165 | })(jQuery);
--------------------------------------------------------------------------------
/halloween-memory-game/css/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | */
3 |
4 | * {
5 | margin: 0;
6 | padding: 0;
7 | }
8 |
9 | html {
10 | height: 100%
11 | }
12 |
13 | body {
14 | background-image: url('../gfx/bg2.jpg');
15 | background-repeat: no-repeat;
16 | background-size: 100% 100%;
17 | color: #fff;
18 | font: 20px Verdana;
19 | font-weight: bold;
20 | text-transform: uppercase;
21 | }
22 |
23 | #gameBoard {
24 | margin: 0px auto;
25 | width: 640px;
26 | }
27 |
28 | #boxes {
29 | margin: 10px 0 0;
30 | z-index: 1;
31 | }
32 |
33 | #boxes div {
34 | background: #777;
35 | border: 4px solid lime;
36 | border-radius: 10px;
37 | box-shadow: 0 1px 5px rgba(0,0,0,.5);
38 | cursor: pointer;
39 | float: left;
40 | width: 100px;
41 | height: 100px;
42 | margin: 5px;
43 | padding: 5px;
44 | z-index: 2;
45 | }
46 |
47 | #boxes div img {
48 | border-radius: 10px;
49 | display: none;
50 | z-index: 3;
51 | }
52 |
53 | #gameButtons {
54 | display: block;
55 | margin: 20px;
56 | text-align: center;
57 | }
58 |
59 | #gameButtons .button {
60 | background: lime;
61 | border-radius: 10px;
62 | cursor: pointer;
63 | padding: 5px 10px;
64 | margin: 5px;
65 | }
66 |
67 | #gameButtons .button:hover {
68 | background: #777;
69 | }
70 |
--------------------------------------------------------------------------------
/halloween-memory-game/gfx/bg2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/halloween-memory-game/gfx/bg2.jpg
--------------------------------------------------------------------------------
/halloween-memory-game/gfx/icon1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/halloween-memory-game/gfx/icon1.png
--------------------------------------------------------------------------------
/halloween-memory-game/gfx/icon10.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/halloween-memory-game/gfx/icon10.png
--------------------------------------------------------------------------------
/halloween-memory-game/gfx/icon2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/halloween-memory-game/gfx/icon2.png
--------------------------------------------------------------------------------
/halloween-memory-game/gfx/icon3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/halloween-memory-game/gfx/icon3.png
--------------------------------------------------------------------------------
/halloween-memory-game/gfx/icon4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/halloween-memory-game/gfx/icon4.png
--------------------------------------------------------------------------------
/halloween-memory-game/gfx/icon5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/halloween-memory-game/gfx/icon5.png
--------------------------------------------------------------------------------
/halloween-memory-game/gfx/icon6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/halloween-memory-game/gfx/icon6.png
--------------------------------------------------------------------------------
/halloween-memory-game/gfx/icon7.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/halloween-memory-game/gfx/icon7.png
--------------------------------------------------------------------------------
/halloween-memory-game/gfx/icon8.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/halloween-memory-game/gfx/icon8.png
--------------------------------------------------------------------------------
/halloween-memory-game/gfx/icon9.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/halloween-memory-game/gfx/icon9.png
--------------------------------------------------------------------------------
/halloween-memory-game/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | ') + '
18 |
19 |
22 |
23 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
--------------------------------------------------------------------------------
/halloween-memory-game/js/game.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Halloween memeory game
3 | */
4 |
5 | var mainBoard = "#boxes";
6 |
7 | var counter = 0;
8 | var cardOpened = "";
9 | var imageOpened = "";
10 | var imgFound = 0;
11 |
12 | var gfxBase = [
13 | "gfx/icon1.png",
14 | "gfx/icon2.png",
15 | "gfx/icon3.png",
16 | "gfx/icon4.png",
17 | "gfx/icon5.png",
18 | "gfx/icon6.png",
19 | "gfx/icon7.png",
20 | "gfx/icon8.png",
21 | "gfx/icon9.png",
22 | "gfx/icon10.png"
23 | ];
24 |
25 | /* preload images */
26 | $(gfxBase).each(function() {
27 | var image = $('
18 |
19 |
20 | 21 |
22 |
23 |
62 |
63 |
64 |
65 |
--------------------------------------------------------------------------------
/html5_canvas_mod_script_js_blog/test_png.php:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
11 |
12 |
13 | 20 | 21 |
18 |
19 |
20 | 21 |
22 |
23 |
69 |
70 | 20 | 21 |
71 | Demo from code:
72 |
73 |
74 |
75 |
76 |
--------------------------------------------------------------------------------
/html5_canvas_mod_script_js_blog/tests/file_jpg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/html5_canvas_mod_script_js_blog/tests/file_jpg.jpg
--------------------------------------------------------------------------------
/html5_canvas_mod_script_js_blog/tests/file_png.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/html5_canvas_mod_script_js_blog/tests/file_png.png
--------------------------------------------------------------------------------
/html5_tutorial_canvas_photo_hints/building.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/html5_tutorial_canvas_photo_hints/building.jpg
--------------------------------------------------------------------------------
/html5_tutorial_canvas_photo_hints/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Test kopiowania do schowka
15 | 16 | 17 |18 | 19 |
Skopiuj do schowka
20 | 21 | 22 | 34 | 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /javascript-clipboard/zclip/README.md: -------------------------------------------------------------------------------- 1 | jquery-zclip 2 | ============ 3 | 4 | jQuery ZeroClipboard 5 | 6 | Copyright 2011, SteamDev 7 | Released under the MIT license. 8 | http://www.opensource.org/licenses/mit-license.php 9 | 10 | Date: Wed Jun 01, 2011 11 | -------------------------------------------------------------------------------- /javascript-clipboard/zclip/ZeroClipboard.swf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/javascript-clipboard/zclip/ZeroClipboard.swf -------------------------------------------------------------------------------- /javascript-clipboard/zclip/bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "jquery-zclip", 3 | "description": "JQuery wrapper library for ZeroClipboard. Provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie and a jQuery interface.", 4 | "version": "1.1.4", 5 | "main": ["./jquery.zclip.js", "./ZeroClipboard.swf"], 6 | "keywords": ["flash","clipboard","copy","cut","paste","zclip","clip","clippy", "zeroclipboard", "jquery"], 7 | "license": "http://www.opensource.org/licenses/mit-license.php", 8 | "authors": [{"name":"SteamDev","url":"http://www.steamdev.com/zclip/"},{"name":"Patrick Lodder","url":"https://github.com/patricklodder"}], 9 | "homepage": "https://github.com/patricklodder/jquery-zclip", 10 | "repository": {"type":"git","url":"https://github.com/patricklodder/jquery-zclip.git"}, 11 | "location": "git://github.com/patricklodder/jquery-zclip.git" 12 | } 13 | -------------------------------------------------------------------------------- /jqm-forms/tutorial-jquery-mobile_forms1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |
17 |
41 |
42 |
43 |
44 |
--------------------------------------------------------------------------------
/jqm-forms/tutorial-jquery-mobile_forms1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/jqm-forms/tutorial-jquery-mobile_forms1.png
--------------------------------------------------------------------------------
/jqm-forms/tutorial-jquery-mobile_forms2_radio.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
18 |
20 |
21 | Forms - demo
19 |
22 |
39 |
40 |
16 |
62 |
63 |
64 |
65 |
--------------------------------------------------------------------------------
/jqm-forms/tutorial-jquery-mobile_forms2_radio.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/jqm-forms/tutorial-jquery-mobile_forms2_radio.png
--------------------------------------------------------------------------------
/jqm-forms/tutorial-jquery-mobile_forms3_checkbox.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
17 |
19 |
20 | Przyciski opcji
18 |
21 |
60 |
61 |
17 |
62 |
63 |
64 |
65 |
--------------------------------------------------------------------------------
/jqm-forms/tutorial-jquery-mobile_forms3_checkbox.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/jqm-forms/tutorial-jquery-mobile_forms3_checkbox.png
--------------------------------------------------------------------------------
/jquery_mobile_dev/html5_c.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/jquery_mobile_dev/html5_c.png
--------------------------------------------------------------------------------
/jquery_mobile_dev/html5_e.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/jquery_mobile_dev/html5_e.png
--------------------------------------------------------------------------------
/jquery_mobile_dev/tutorial-jquery-mobile_dialog1.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
18 |
20 |
21 | Checkbox demo
19 |
22 |
60 |
61 |
20 |
31 |
32 |
33 |
34 |
--------------------------------------------------------------------------------
/jquery_mobile_dev/tutorial-jquery-mobile_dialog1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/jquery_mobile_dev/tutorial-jquery-mobile_dialog1.png
--------------------------------------------------------------------------------
/jquery_mobile_dev/tutorial-jquery-mobile_list_filter.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/jquery_mobile_dev/tutorial-jquery-mobile_list_filter.png
--------------------------------------------------------------------------------
/jquery_mobile_dev/tutorial-jquery-mobile_lists1.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
21 |
23 |
24 |
30 | Delete it?
22 |
17 |
41 |
42 |
55 |
56 |
57 |
--------------------------------------------------------------------------------
/jquery_mobile_dev/tutorial-jquery-mobile_lists1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/jquery_mobile_dev/tutorial-jquery-mobile_lists1.png
--------------------------------------------------------------------------------
/jquery_mobile_dev/tutorial-jquery-mobile_lists2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/jquery_mobile_dev/tutorial-jquery-mobile_lists2.png
--------------------------------------------------------------------------------
/jquery_mobile_dev/tutorial-jquery-mobile_lists_counters.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/jquery_mobile_dev/tutorial-jquery-mobile_lists_counters.png
--------------------------------------------------------------------------------
/jquery_mobile_dev/tutorial-jquery-mobile_lists_filter.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
18 |
20 |
21 |
39 |
40 | Lists demo
19 |
17 |
41 |
42 |
43 |
44 |
--------------------------------------------------------------------------------
/jquery_mobile_dev/tutorial-jquery-mobile_lists_icons.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/jquery_mobile_dev/tutorial-jquery-mobile_lists_icons.png
--------------------------------------------------------------------------------
/jquery_mobile_dev/tutorial-jquery-mobile_lists_thumbs_format.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
18 |
20 |
21 |
39 |
40 | Filter demo
19 |
17 |
43 |
44 |
45 |
46 |
--------------------------------------------------------------------------------
/jquery_mobile_dev/tutorial-jquery-mobile_lists_thumbs_format.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/jquery_mobile_dev/tutorial-jquery-mobile_lists_thumbs_format.png
--------------------------------------------------------------------------------
/jquery_mobile_dev/tutorial-jquery-mobile_panel1.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
18 |
20 |
21 | Lists - thumbs demo
19 |
22 |
41 |
42 | List with thumbnails and text
23 | 39 | 40 |
27 | 
34 |
16 |
39 |
40 |
41 |
42 |
--------------------------------------------------------------------------------
/jquery_mobile_dev/tutorial-jquery-mobile_panel1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/jquery_mobile_dev/tutorial-jquery-mobile_panel1.png
--------------------------------------------------------------------------------
/jquery_mobile_dev/tutorial-jquery-mobile_toolbar1.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
17 |
25 |
26 | Panel!
18 |
19 |
20 | You can close the panel by clicking outside the panel,
21 | pressing the Esc key or by swiping.
22 |
23 |
27 |
29 |
30 | Page header
28 |
31 |
34 |
35 | Click on the button to open the Panel.
32 | Open Panel 33 |
36 |
38 | Page Footer
37 |
17 |
22 |
23 |
34 |
35 |
36 |
37 |
--------------------------------------------------------------------------------
/jquery_mobile_dev/tutorial-jquery-mobile_toolbar1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/jquery_mobile_dev/tutorial-jquery-mobile_toolbar1.png
--------------------------------------------------------------------------------
/jquery_mobile_maps/jqm_maps_app.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
24 |
26 |
27 |
33 | Demo ...
25 |
24 |
31 |
32 |
33 |
34 |
--------------------------------------------------------------------------------
/jquery_mobile_maps/jqm_maps_app.js:
--------------------------------------------------------------------------------
1 |
2 | /*
3 | * Google Maps demo for jQuery Mobile app
4 | */
5 |
6 | $(document).on( "pageinit", "#map-page", function() {
7 | var defaultLatLng = new google.maps.LatLng(52.5242680, 13.4062900); // default: Berlin
8 |
9 | if (navigator.geolocation) {
10 | function success(pos) {
11 | // location found - show map with these coordinates
12 | drawMap(new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude));
13 | }
14 |
15 | function fail(error) {
16 | drawMap(defaultLatLng); // failed - show default map
17 | }
18 |
19 | // find the user's current position; cache the location for 5 minutes, timeout after 6 seconds
20 | navigator.geolocation.getCurrentPosition(success, fail, { maximumAge: 500000, enableHighAccuracy: true, timeout: 6000 });
21 |
22 | } else {
23 | drawMap(defaultLatLng); // no geolocation support - show default map
24 | }
25 |
26 | function drawMap(latlng) {
27 | var myOptions = {
28 | zoom: 10,
29 | center: latlng,
30 | mapTypeId: google.maps.MapTypeId.ROADMAP
31 | };
32 |
33 | var map = new google.maps.Map(document.getElementById("map-area"), myOptions);
34 |
35 | // add an overlay to the map
36 | var marker = new google.maps.Marker({
37 | position: latlng,
38 | map: map,
39 | title: "Hello!"
40 | });
41 | }
42 | });
43 |
--------------------------------------------------------------------------------
/jquery_plugins_dev/basic_1/jq_plugin_dev_1.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
25 |
27 | Maps App
26 |
28 |
29 |
30 | Test div
25 |
26 | 27 | 28 |
Test div 2
29 |
30 |
31 |
32 |
--------------------------------------------------------------------------------
/jquery_plugins_dev/jq_plugin_dev_demo2/jq_plugin_dev_demo2.js:
--------------------------------------------------------------------------------
1 |
2 | /**
3 | * jQuery plugins development demo
4 | *
5 | * by javascript-html5-tutorial.com
6 | */
7 |
8 | (function($) {
9 |
10 | // we extend jQ by new simple function
11 | $.fn.myFunctionExt = function(param) {
12 | alert("The parameter is: " + param);
13 | };
14 |
15 | // standard CSS modifier for elements
16 | $.fn.myCSSModifier = function() {
17 |
18 | return this.css({
19 | margin: '5px',
20 | padding: '5px',
21 | border: 'solid 2px #f00',
22 | });
23 | };
24 |
25 | // plugin code
26 | $.mySimplePlugin = function(options) {
27 |
28 | // define properties and methods
29 | var str = 'abdef',
30 | number = 128,
31 | arr = ['One', 'Two', 'Three', '...'],
32 |
33 | actions = {
34 | test_alert: function() {
35 | this.myFunctionExt('X1');
36 |
37 | // this.myFunctionExt(str);
38 | this.myFunctionExt(arr[1]);
39 | },
40 |
41 | test_css: function() {
42 | // apply for all elements in body
43 | // this.myCSSModifier();
44 |
45 | // apply only for specified element
46 | $('#d2').myCSSModifier();
47 | },
48 |
49 | default_action: function() {
50 | alert('Bye bye!');
51 | }
52 | },
53 |
54 | // core processing - options
55 |
56 | body = $('body');
57 |
58 | if (options) {
59 | // multiple options
60 | if (typeof options == 'object') {
61 | for(i in options) {
62 | if (options[i] != false && actions[i]) {
63 | actions[i].call(body);
64 | }
65 | }
66 | } else {
67 | // string - one option
68 | if (actions[options]) {
69 | actions[options].call(body);
70 | }
71 | }
72 | } else {
73 | // no option specified - call default
74 | return actions['default_action'].call(body);
75 | }
76 |
77 | };
78 |
79 | })(jQuery);
80 |
81 |
--------------------------------------------------------------------------------
/jquery_plugins_dev/jq_plugin_dev_demo3/jq_plugin_dev_demo3.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Test pluginu generatora. Odśwież stronę, aby wygenerować nowy:
27 | 28 | 29 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /jquery_plugins_dev/jq_plugin_dev_demo3/jq_plugin_dev_demo3.js: -------------------------------------------------------------------------------- 1 | 2 | /** 3 | * jQuery plugins development demo 4 | * 5 | * by javascript-html5-tutorial.com 6 | */ 7 | 8 | (function($) { 9 | 10 | $.fn.randStrGenerator = function(options) { 11 | 12 | options = $.extend({ 13 | minLength: 7, 14 | randomStrLength: 12, 15 | theBox: this 16 | }, options); 17 | 18 | return this.each(function(index) { 19 | 20 | // run automatically 21 | evaluate(); 22 | 23 | function evaluate() { 24 | var randomPassword = generate(); 25 | 26 | $(options.theBox).val(randomPassword); 27 | } 28 | 29 | function generate() { 30 | var input_chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz!?$?%^&*()"; 31 | var str_length = options.randomStrLength; 32 | var rnd_str = ''; 33 | 34 | for (var i = 0; i < str_length; i++) { 35 | var rnd_num = Math.floor(Math.random() * input_chars.length); 36 | rnd_str += input_chars.substring(rnd_num, rnd_num + 1); 37 | } 38 | 39 | return rnd_str; 40 | } 41 | }); 42 | 43 | } 44 | 45 | })(jQuery) 46 | 47 | -------------------------------------------------------------------------------- /jquery_plugins_dev/jq_plugin_dev_demo4_slideshow/img/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/jquery_plugins_dev/jq_plugin_dev_demo4_slideshow/img/1.png -------------------------------------------------------------------------------- /jquery_plugins_dev/jq_plugin_dev_demo4_slideshow/img/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/jquery_plugins_dev/jq_plugin_dev_demo4_slideshow/img/2.png -------------------------------------------------------------------------------- /jquery_plugins_dev/jq_plugin_dev_demo4_slideshow/img/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/jquery_plugins_dev/jq_plugin_dev_demo4_slideshow/img/3.png -------------------------------------------------------------------------------- /jquery_plugins_dev/jq_plugin_dev_demo4_slideshow/img/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/jquery_plugins_dev/jq_plugin_dev_demo4_slideshow/img/4.png -------------------------------------------------------------------------------- /jquery_plugins_dev/jq_plugin_dev_demo4_slideshow/img/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/jquery_plugins_dev/jq_plugin_dev_demo4_slideshow/img/5.png -------------------------------------------------------------------------------- /jquery_plugins_dev/jq_plugin_dev_demo4_slideshow/img/6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/jquery_plugins_dev/jq_plugin_dev_demo4_slideshow/img/6.png -------------------------------------------------------------------------------- /jquery_plugins_dev/jq_plugin_dev_demo4_slideshow/jq_plugin_dev_demo4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |Test - slide show
29 | 30 |
31 | 
32 | 
33 | 
34 | 
35 | 
36 | 
37 |
38 |
39 |
40 |
41 |
--------------------------------------------------------------------------------
/jquery_plugins_dev/jq_plugin_dev_demo4_slideshow/jq_plugin_dev_demo4.js:
--------------------------------------------------------------------------------
1 |
2 | /**
3 | * jQuery plugins development demo - slide show
4 | *
5 | * by javascript-html5-tutorial.com
6 | */
7 |
8 | (function($) {
9 | $.mySlideShow = function(element, settings) {
10 |
11 | // setup
12 | var config = {
13 | 'fadeSpeed': 500,
14 | 'delay': 1000
15 | };
16 |
17 | if (settings) {
18 | $.extend(config, settings);
19 | }
20 |
21 | var obj = $(element);
22 | var img = obj.children('img');
23 | var count = img.length;
24 | var i = 0;
25 |
26 | // display first image
27 | img.eq(0).show();
28 |
29 | // run
30 | setInterval(function() {
31 | img.eq(i).fadeOut(config.fadeSpeed);
32 |
33 | i = (i + 1 == count) ? 0 : i + 1;
34 | img.eq(i).fadeIn(config.fadeSpeed);
35 | }, config.delay);
36 |
37 | return this;
38 | };
39 |
40 | })(jQuery);
41 |
--------------------------------------------------------------------------------
/jquery_tutorial_sliding_menu/css/style.css:
--------------------------------------------------------------------------------
1 |
2 | body {
3 | margin: 2px;
4 | padding: 2px;
5 | }
6 |
7 | a {
8 | font-family: Arial, Helvetica, sans-serif;
9 | font-size: 18pt;
10 | font-weight: bold;
11 | color: #ffffff;
12 | text-decoration: none;
13 | }
14 |
15 | a:hover {
16 | font-family: Arial, Helvetica, sans-serif;
17 | font-size: 18pt;
18 | font-weight: bold;
19 | color: #ffff00;
20 | text-decoration: none;
21 | }
22 |
23 | img {
24 | border: 0px;
25 | margin: 0px;
26 | padding: 0px;
27 | }
28 |
29 | /* menu - main container */
30 |
31 | div#jq_menu {
32 | width: 640px;
33 | height: 200px;
34 | padding: 0px;
35 | margin: 20px auto 0px 20px;
36 | }
37 |
38 | div#jq_menu ul {
39 | border: 0px;
40 | display: block;
41 | list-style-type:none;
42 | width: 800px;
43 | height: 200px;
44 | margin: 0px;
45 | padding: 0px;
46 | }
47 |
48 | div#jq_menu ul li {
49 | float: left;
50 | }
51 |
52 | div#jq_menu ul li a {
53 | display: block;
54 | border-right: 1px solid #ffffff;
55 | width: 90px;
56 | height: 200px;
57 | }
58 |
59 | /* menu items */
60 | div#jq_menu ul li.menu_item_1 a {
61 | background: url(../img/menu_img_1.jpg);
62 | }
63 |
64 | div#jq_menu ul li.menu_item_2 a {
65 | background: url(../img/menu_img_2.jpg);
66 | }
67 |
68 | div#jq_menu ul li.menu_item_3 a {
69 | background: url(../img/menu_img_3.jpg);
70 | }
71 |
72 | div#jq_menu ul li.menu_item_4 a {
73 | background: url(../img/menu_img_4.jpg);
74 | }
75 |
76 | div#jq_menu ul li.menu_item_5 a {
77 | background: url(../img/menu_img_5.jpg);
78 | }
79 |
80 |
--------------------------------------------------------------------------------
/jquery_tutorial_sliding_menu/img/menu_img_1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/jquery_tutorial_sliding_menu/img/menu_img_1.jpg
--------------------------------------------------------------------------------
/jquery_tutorial_sliding_menu/img/menu_img_2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/jquery_tutorial_sliding_menu/img/menu_img_2.jpg
--------------------------------------------------------------------------------
/jquery_tutorial_sliding_menu/img/menu_img_3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/jquery_tutorial_sliding_menu/img/menu_img_3.jpg
--------------------------------------------------------------------------------
/jquery_tutorial_sliding_menu/img/menu_img_4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/jquery_tutorial_sliding_menu/img/menu_img_4.jpg
--------------------------------------------------------------------------------
/jquery_tutorial_sliding_menu/img/menu_img_5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/jquery_tutorial_sliding_menu/img/menu_img_5.jpg
--------------------------------------------------------------------------------
/jquery_tutorial_sliding_menu/img/menu_img_6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/jquery_tutorial_sliding_menu/img/menu_img_6.jpg
--------------------------------------------------------------------------------
/jquery_tutorial_sliding_menu/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
32 |
33 |
34 |
35 |
36 |
37 | Ten tytuł jest czerwony dzięki LESS CSS
11 | 12 | 13 | -------------------------------------------------------------------------------- /less-css-samples/tests.less: -------------------------------------------------------------------------------- 1 | 2 | @my_color: #ed0000; 3 | 4 | h2 { 5 | color: @my_color; 6 | } 7 | 8 | .myClass { 9 | width: 100px; 10 | color: @my_color; 11 | } 12 | -------------------------------------------------------------------------------- /menuapp/.project: -------------------------------------------------------------------------------- 1 | 2 |Zawartość
90 | 91 | 92 | -------------------------------------------------------------------------------- /menuapp/menuapp.air: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/menuapp/menuapp.air -------------------------------------------------------------------------------- /menuapp/menuapp.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |Zawartość
89 | 90 | 91 | -------------------------------------------------------------------------------- /nauka-jq-mobile/jq-mobile-collapsible.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/nauka-jq-mobile/jq-mobile-collapsible.png -------------------------------------------------------------------------------- /nauka-jq-mobile/jquery-mobile-buttons-controlgroup.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/nauka-jq-mobile/jquery-mobile-buttons-controlgroup.png -------------------------------------------------------------------------------- /nauka-jq-mobile/jquery-mobile-buttons-pages-demo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dominik-w/js_html5_com/585e6dcec10aea8e81ea76d759ef9ace64238379/nauka-jq-mobile/jquery-mobile-buttons-pages-demo.png -------------------------------------------------------------------------------- /nauka-jq-mobile/test_jquery_mobile2_ui.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |
17 |
29 |
30 |
43 |
44 |
45 |
46 |
--------------------------------------------------------------------------------
/nauka-jq-mobile/test_jquery_mobile3_btn_controlgroup.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
18 |
20 |
21 | Buttons demo
19 |
22 | Go to NEXT page
23 |
24 |
25 |
26 |
28 | Footer - first page
27 |
17 |
41 |
42 |
43 |
44 |
--------------------------------------------------------------------------------
/nauka-jq-mobile/test_jquery_mobile4-icons.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
18 |
20 |
21 | Buttons - groups
19 |
22 |
28 |
29 |
35 |
36 |
37 |
38 |
40 | Footer
39 |
17 |
42 |
43 |
44 |
45 |
--------------------------------------------------------------------------------
/nauka-jq-mobile/test_jquery_mobile5-icons_pos.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
18 |
20 |
21 |
37 |
38 | Buttons
19 |
39 |
41 | Footer
40 |
17 |
34 |
35 |
36 |
37 |
--------------------------------------------------------------------------------
/nauka-jq-mobile/test_jquery_mobile6-transition.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
18 |
20 |
21 |
28 |
29 | Icons - positions
19 |
30 |
32 |
33 | Footer
31 |
17 |
28 |
29 |
18 |
20 |
21 | Page one
19 |
22 |
27 | Hello, 23 | open second page... 24 |
25 | 26 |
30 |
38 |
39 |
40 |
41 |
--------------------------------------------------------------------------------
/nauka-jq-mobile/test_jquery_mobile7_collapsible.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
31 |
33 |
34 | Page two
32 |
35 | Hello again!
36 |
37 |
17 |
33 |
34 |
35 |
36 |
--------------------------------------------------------------------------------
/node-socket-io-rt-comments/comments.js:
--------------------------------------------------------------------------------
1 | /*
2 | * node.js and socket.io - real-time, simple comments feature
3 | * (c) http://javascript-html5-tutorial.com/
4 | */
5 |
6 | var http = require('http'),
7 | fs = require('fs'),
8 | index = "Listening";
9 |
10 | // setup
11 | var config = require('./config.js');
12 | var tools = require('./tools.js');
13 |
14 | var PORT = config.general.port;
15 | var HOST = config.general.host;
16 |
17 | // DB connection
18 | var mysql = require('mysql');
19 |
20 | var db_access = {
21 | host: config.db.host,
22 | user: config.db.username,
23 | password: config.db.password,
24 | database: config.db.dbname
25 | };
26 |
27 | var tbl_comments = config.db.comments_tbl;
28 |
29 | // send html content to all requests
30 | var app = http.createServer(function (req, res) {
31 | res.writeHead(200, {'Content-Type': 'text/html'});
32 | res.end(index);
33 | });
34 |
35 | var io = require('socket.io').listen(app);
36 |
37 | io.sockets.on('connection', function (socket) {
38 | socket.nick = '';
39 | socket.comment = '';
40 | socket.article_id = 0;
41 |
42 | socket.on('send', function (data) {
43 |
44 | data.c_data.comment = tools.sanitize(data.c_data.comment);
45 |
46 | socket.nick = data.c_data.nick;
47 | socket.comment = data.c_data.comment;
48 | socket.article_id = data.c_data.article_id;
49 |
50 | if (config.general.debug) {
51 | console.log('New comment to article: ' + socket.article_id);
52 | }
53 |
54 | // insert data to DB and emit back to all connected sockets
55 | insertComment(socket, data.c_data);
56 | });
57 |
58 | socket.on('disconnect', function () {
59 | console.log('User disconnected');
60 | });
61 |
62 | });
63 |
64 | function insertComment(socket, c_data) {
65 |
66 | var connection = mysql.createConnection(db_access);
67 | connection.connect();
68 |
69 | var clean_comment = tools.addslashes(socket.comment);
70 |
71 | var q = "INSERT INTO " + tbl_comments + " (article_id, sender, body, created_at) ";
72 | q += "VALUES (" + socket.article_id + ", '" + socket.nick + "', '" + clean_comment + "', NOW() )";
73 | // console.log(q);
74 |
75 | connection.query(q, function (qe, qr) {
76 | if (qe && config.general.debug) { console.log(qe); }
77 |
78 | // add to array the last insert ID (new comment ID)
79 | c_data.comment_id = qr.insertId;
80 | c_data.time = tools.getNow();
81 |
82 | // io.sockets = emit to all
83 | io.sockets.emit("add_comment", {
84 | comment_data: c_data
85 | });
86 |
87 | connection.end();
88 | });
89 | }
90 |
91 | app.listen(PORT);
92 |
93 | console.log('Server running at ' + HOST + ':' + PORT + '/');
94 |
--------------------------------------------------------------------------------
/node-socket-io-rt-comments/config.js:
--------------------------------------------------------------------------------
1 | /*
2 | * node app configuration
3 | * (c) http://javascript-html5-tutorial.com/
4 | */
5 |
6 | var config = {};
7 | config.db = {};
8 | config.general = {};
9 |
10 | config.db.type = 'mysql';
11 | config.db.charset = 'utf8';
12 |
13 | config.db.username = 'user';
14 | config.db.password = 'pass';
15 | config.db.host = 'localhost';
16 | config.db.dbname = 'node_tests'; // DB name
17 |
18 | config.db.comments_tbl = 'tbl_comments';
19 |
20 | config.general.host = '//localhost'; // http://my.host.com etc
21 | config.general.port = 1350;
22 | config.general.debug = true; // debug mode on/off
23 |
24 | // export
25 | module.exports = config;
26 |
--------------------------------------------------------------------------------
/node-socket-io-rt-comments/index.php:
--------------------------------------------------------------------------------
1 |
12 |
13 |
14 |
15 |
16 |
18 |
20 |
21 | Collapsible
19 |
22 |
32 |
23 |
26 |
27 | Touch here
24 |The content - first...
25 |
28 |
31 | Touch here
29 |Hidden content - second...
30 |Welcome to our comment system
46 | 47 |Write something...
48 | 49 |-
50 |
53 | Your name: 54 | 55 | 56 | Message: 57 | 58 | 59 | 60 | 61 | 114 | 115 | 116 | -------------------------------------------------------------------------------- /node-socket-io-rt-comments/node_modules/Readme.txt: -------------------------------------------------------------------------------- 1 | http://javascript-html5-tutorial.com/ 2 | 3 | 4 | npm install socket.io 5 | 6 | npm install mysql 7 | -------------------------------------------------------------------------------- /node-socket-io-rt-comments/tbl_comments_mysql.sql: -------------------------------------------------------------------------------- 1 | 2 | CREATE TABLE IF NOT EXISTS `tbl_comments` ( 3 | `comment_id` int(11) NOT NULL AUTO_INCREMENT, 4 | `article_id` int(11) DEFAULT '0', 5 | `sender` varchar(100) NOT NULL, 6 | `body` TEXT NOT NULL, 7 | `created_at` datetime DEFAULT NULL, 8 | PRIMARY KEY (`comment_id`) 9 | ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci; 10 | -------------------------------------------------------------------------------- /node-socket-io-rt-comments/tools.js: -------------------------------------------------------------------------------- 1 | /* 2 | * Utils for node.js programs 3 | * (c) http://javascript-html5-tutorial.com/ 4 | */ 5 | 6 | var tools = { 7 | sanitize: function (html) { 8 | return String(html) 9 | .replace(/&(?!\w+;)/g, '&') 10 | .replace(//g, '>') 12 | .replace(/"/g, '"'); 13 | }, 14 | 15 | addslashes: function (str) { 16 | // http://phpjs.org/functions/addslashes/ 17 | return (str + '') 18 | .replace(/[\\"']/g, '\\$&') 19 | .replace(/\u0000/g, '\\0'); 20 | }, 21 | 22 | getNow: function () { 23 | var date = new Date(); 24 | 25 | var year = date.getFullYear(); 26 | 27 | var month = date.getMonth() + 1; 28 | month = (month < 10 ? "0" : "") + month; 29 | 30 | var day = date.getDate(); 31 | day = (day < 10 ? "0" : "") + day; 32 | 33 | var hh = date.getHours(); 34 | hh = (hh < 10 ? "0" : "") + hh; 35 | 36 | var mm = date.getMinutes(); 37 | mm = (mm < 10 ? "0" : "") + mm; 38 | 39 | return year + "-" + month + "-" + day + " " + hh + ":" + mm; 40 | } 41 | 42 | }; 43 | 44 | module.exports = tools; 45 | -------------------------------------------------------------------------------- /node-socket-io-tutorial/config.js: -------------------------------------------------------------------------------- 1 | /* 2 | * node app configuration 3 | */ 4 | 5 | var config = {}; 6 | config.db = {}; 7 | config.general = {}; // added 8 | 9 | config.db.type = 'mysql'; 10 | config.db.charset = 'utf8'; 11 | 12 | config.db.username = 'user'; 13 | config.db.password = 'pass'; 14 | config.db.host = 'localhost'; 15 | config.db.dbname = 'node_tests'; // DB name 16 | 17 | config.db.comments_tbl = 'comments'; 18 | 19 | // added 20 | config.general.host = '//localhost'; // http://my.host.com etc 21 | config.general.port = 1337; 22 | config.general.debug = false; // debug mode on/off 23 | 24 | // export 25 | module.exports = config; 26 | -------------------------------------------------------------------------------- /node-socket-io-tutorial/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
Samochody
29 |Kliknij, aby zobaczyć markę samochodu:
30 | 31 |-
32 |
- Bora 34 |
- Cruze 36 |
- Octavia 38 |
- S60 40 |
43 | 44 | 45 | Ten element przechowuje datę i miejsce moich urodzin. 46 | 47 | 48 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /test_jquery_mobile1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |
17 |
29 |
30 |
31 |
32 |
--------------------------------------------------------------------------------
/test_js1.js:
--------------------------------------------------------------------------------
1 |
2 | /**
3 | * Test - JS
4 | *
5 | * by javascript-html5-tutorial.com
6 | */
7 |
8 | function getCarData() {
9 |
10 | var myCar = {
11 | name: "VW",
12 | model: "Bora",
13 | power_hp: 110,
14 | getColor: function () {
15 | // ...
16 | }
17 | };
18 |
19 | alert(myCar.hasOwnProperty('constructor')); // false
20 | alert(myCar.hasOwnProperty('getColor')); // true
21 | alert(myCar.hasOwnProperty('megaFooBarNonExisting')); // false
22 |
23 | if (myCar.hasOwnProperty('power_hp')) {
24 | alert(typeof(myCar.power_hp)); // number
25 | }
26 | }
27 |
28 | getCarData();
29 |
--------------------------------------------------------------------------------
/tester_canvas_file.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
--------------------------------------------------------------------------------
/tutorial-jquery-mobile_basic1.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
18 |
20 |
21 | Page Title
19 |
22 |
24 |
25 | Our content...
23 |
26 |
28 | Page Footer
27 |
17 |
18 |
41 |
42 |
43 |
44 |
--------------------------------------------------------------------------------
/tutorial-jquery-mobile_pages.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
19 |
21 |
22 |
39 |
40 | My Title
20 |
17 |
25 |
26 |
18 |
20 |
21 | Home
19 |
22 |
23 |
24 |
27 |
36 |
37 |
38 |
39 |
--------------------------------------------------------------------------------
/uploadify/check-exists.php:
--------------------------------------------------------------------------------
1 |
6 | */
7 |
8 | // Define a destination
9 | $targetFolder = '/uploads'; // Relative to the root and should match the upload folder in the uploader script
10 |
11 | if (file_exists($_SERVER['DOCUMENT_ROOT'] . $targetFolder . '/' . $_POST['filename'])) {
12 | echo 1;
13 | } else {
14 | echo 0;
15 | }
16 | ?>
--------------------------------------------------------------------------------
/uploadify/index.php:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
28 |
30 |
31 | About us page
29 |
32 |
35 | We love mobile development!
33 | 34 |