example.html - jscancer - Javascript crap (relatively small)
(HTM) git clone git://git.codemadness.org/jscancer
(DIR) Log
(DIR) Files
(DIR) Refs
(DIR) README
(DIR) LICENSE
---
example.html (1693B)
---
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2 <html>
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5 <title>jsdatalist</title>
6 <link rel="stylesheet" type="text/css" href="datalist.css" />
7 </head>
8 <body>
9
10 <form method="post" action="">
11
12 <p>Inline <datalist>:</p>
13
14 <label for="os">OS: </label>
15 <input type="text" placeholder="Select OS..." value="" list="list" name="os" id="os" class="datalist" /><br/>
16
17 <datalist class="datalist" id="list">
18 <option>DragonflyBSD</option>
19 <option>GNU/Hurd</option>
20 <option>GNU/Linux</option>
21 <option>FreeBSD</option>
22 <option>MS-DOS 6.11</option>
23 <option>OpenBSD</option>
24 <option>OpenSolaris</option>
25 <option>NetBSD</option>
26 <option>Plan9</option>
27 <option>Windows</option>
28 </datalist>
29
30 <p>Using XMLHttpRequest + JSON:</p>
31
32 <label for="remote">OS: </label>
33 <input type="text" placeholder="Select OS..." value="" data-url="example-data.json?q=" name="remote" id="remote" class="datalist" /><br/>
34
35 <p>Using XMLHttpRequest + custom URL function + JSON:</p>
36
37 <label for="remotecustom">OS: </label>
38 <input type="text" placeholder="Select OS..." value="" data-urlfn="custom_urlfn" name="remotecustom" id="remotecustom" class="datalist" /><br/>
39
40 <label for="remotecustom2">OS: </label>
41 <input type="text" placeholder="Select OS..." value="" data-urlfn="custom_urlfn" name="remotecustom" id="remotecustom2" class="datalist" /><br/>
42
43 </form>
44
45 <script type="text/javascript">
46 function custom_urlfn(s, input) {
47 return "example-data.json?q=" + encodeURIComponent(s);
48 };
49 </script>
50 <script type="text/javascript" src="datalist.js"></script>
51
52 </body>
53 </html>