/[jquery]/tag_complete/tags.html
This is repository of my old source code which isn't updated any more. Go to git.rot13.org for current projects!
ViewVC logotype

Annotation of /tag_complete/tags.html

Parent Directory Parent Directory | Revision Log Revision Log


Revision 41 - (hide annotations)
Fri Aug 18 17:23:51 2006 UTC (17 years, 8 months ago) by dpavlin
File MIME type: text/html
File size: 17961 byte(s)
first cut at tag auto-completer based on jquery
1 dpavlin 41 <HTML>
2     <HEAD>
3    
4     <TITLE>jquery tags auto-complete</TITLE>
5     <LINK HREF="style.css" TYPE="text/css" REL="stylesheet" />
6    
7     <SCRIPT SRC="../jquery/jquery.js" TYPE="text/javascript"></SCRIPT>
8     <SCRIPT SRC="../jquery/jquery-log.js" TYPE="text/javascript"></SCRIPT>
9     <LINK HREF="../jquery/jquery-log.css" TYPE="text/css" REL="stylesheet" />
10    
11     <SCRIPT SRC="tag_complete.js" TYPE="text/javascript"></SCRIPT>
12     </HEAD>
13     <BODY>
14    
15     <FORM id="tags_form" ACTION="" METHOD="get">
16    
17     <table cellpadding="0" cellspacing="2px" border="0">
18    
19     <tr>
20     <td class="r">tags</td>
21     <td><INPUT AUTOCOMPLETE="off" NAME="tags" id="tags" TYPE="input" size="50" VALUE=""></td>
22     </tr>
23    
24     <tr>
25     <td class="r">suggestions</td>
26     <td id="suggest">nothing...</td>
27     </tr>
28    
29     <tr>
30     <td colspan="2"><INPUT TYPE="submit" CLASS="submit" VALUE="save"></td>
31     </tr>
32    
33     </table>
34    
35     <div>
36    
37    
38     </div>
39    
40     </FORM>
41    
42     <a href="#" onclick="javascript:take('google')" style="color:#000006" class="tag">google</a>
43     <a href="#" onclick="javascript:take('wm')" style="color:#000006" class="tag">wm</a>
44     <a href="#" onclick="javascript:take('rdbms')" style="color:#00000d" class="tag">rdbms</a>
45     <a href="#" onclick="javascript:take('fun')" style="color:#000021" class="tag">fun</a>
46     <a href="#" onclick="javascript:take('vector')" style="color:#000006" class="tag">vector</a>
47     <a href="#" onclick="javascript:take('history')" style="color:#000006" class="tag">history</a>
48     <a href="#" onclick="javascript:take('install')" style="color:#000006" class="tag">install</a>
49     <a href="#" onclick="javascript:take('clustering')" style="color:#000014" class="tag">clustering</a>
50     <a href="#" onclick="javascript:take('vms')" style="color:#000006" class="tag">vms</a>
51     <a href="#" onclick="javascript:take('barcode')" style="color:#000006" class="tag">barcode</a>
52     <a href="#" onclick="javascript:take('analysis')" style="color:#000006" class="tag">analysis</a>
53     <a href="#" onclick="javascript:take('monads')" style="color:#000006" class="tag">monads</a>
54     <a href="#" onclick="javascript:take('functions')" style="color:#000006" class="tag">functions</a>
55     <a href="#" onclick="javascript:take('monitoring')" style="color:#000006" class="tag">monitoring</a>
56     <a href="#" onclick="javascript:take('synchronization')" style="color:#000006" class="tag">synchronization</a>
57     <a href="#" onclick="javascript:take('skype')" style="color:#000006" class="tag">skype</a>
58     <a href="#" onclick="javascript:take('sounds')" style="color:#000006" class="tag">sounds</a>
59     <a href="#" onclick="javascript:take('regex')" style="color:#000006" class="tag">regex</a>
60     <a href="#" onclick="javascript:take('security')" style="color:#000006" class="tag">security</a>
61     <a href="#" onclick="javascript:take('touch')" style="color:#000006" class="tag">touch</a>
62     <a href="#" onclick="javascript:take('xorg')" style="color:#000006" class="tag">xorg</a>
63     <a href="#" onclick="javascript:take('css')" style="color:#00000d" class="tag">css</a>
64     <a href="#" onclick="javascript:take('scaling')" style="color:#000006" class="tag">scaling</a>
65     <a href="#" onclick="javascript:take('mobile')" style="color:#00000d" class="tag">mobile</a>
66     <a href="#" onclick="javascript:take('texture')" style="color:#000006" class="tag">texture</a>
67     <a href="#" onclick="javascript:take('programming')" style="color:#00000d" class="tag">programming</a>
68     <a href="#" onclick="javascript:take('scsi')" style="color:#000006" class="tag">scsi</a>
69     <a href="#" onclick="javascript:take('sync')" style="color:#00001a" class="tag">sync</a>
70     <a href="#" onclick="javascript:take('java')" style="color:#000043" class="tag">java</a>
71     <a href="#" onclick="javascript:take('voip')" style="color:#00000d" class="tag">voip</a>
72     <a href="#" onclick="javascript:take('image')" style="color:#00001a" class="tag">image</a>
73     <a href="#" onclick="javascript:take('perl')" style="color:#0000ff" class="tag">perl</a>
74     <a href="#" onclick="javascript:take('ai')" style="color:#00000d" class="tag">ai</a>
75     <a href="#" onclick="javascript:take('network')" style="color:#000006" class="tag">network</a>
76     <a href="#" onclick="javascript:take('recovery')" style="color:#000006" class="tag">recovery</a>
77     <a href="#" onclick="javascript:take('windows')" style="color:#000006" class="tag">windows</a>
78     <a href="#" onclick="javascript:take('static')" style="color:#000006" class="tag">static</a>
79     <a href="#" onclick="javascript:take('ticker')" style="color:#000006" class="tag">ticker</a>
80     <a href="#" onclick="javascript:take('opengl')" style="color:#000006" class="tag">opengl</a>
81     <a href="#" onclick="javascript:take('http')" style="color:#000006" class="tag">http</a>
82     <a href="#" onclick="javascript:take('dbi')" style="color:#000006" class="tag">dbi</a>
83     <a href="#" onclick="javascript:take('mouse')" style="color:#000006" class="tag">mouse</a>
84     <a href="#" onclick="javascript:take('user')" style="color:#000006" class="tag">user</a>
85     <a href="#" onclick="javascript:take('tux')" style="color:#000006" class="tag">tux</a>
86     <a href="#" onclick="javascript:take('l4')" style="color:#000006" class="tag">l4</a>
87     <a href="#" onclick="javascript:take('changer')" style="color:#000006" class="tag">changer</a>
88     <a href="#" onclick="javascript:take('flash')" style="color:#00001a" class="tag">flash</a>
89     <a href="#" onclick="javascript:take('emulation')" style="color:#00000d" class="tag">emulation</a>
90     <a href="#" onclick="javascript:take('aggregator')" style="color:#000006" class="tag">aggregator</a>
91     <a href="#" onclick="javascript:take('pki')" style="color:#00000d" class="tag">pki</a>
92     <a href="#" onclick="javascript:take('template')" style="color:#000006" class="tag">template</a>
93     <a href="#" onclick="javascript:take('pdf')" style="color:#00000d" class="tag">pdf</a>
94     <a href="#" onclick="javascript:take('debugger')" style="color:#000006" class="tag">debugger</a>
95     <a href="#" onclick="javascript:take('shar')" style="color:#000006" class="tag">shar</a>
96     <a href="#" onclick="javascript:take('linux')" style="color:#000093" class="tag">linux</a>
97     <a href="#" onclick="javascript:take('workflow')" style="color:#000014" class="tag">workflow</a>
98     <a href="#" onclick="javascript:take('burn')" style="color:#000006" class="tag">burn</a>
99     <a href="#" onclick="javascript:take('card')" style="color:#000006" class="tag">card</a>
100     <a href="#" onclick="javascript:take('typography')" style="color:#000006" class="tag">typography</a>
101     <a href="#" onclick="javascript:take('jail')" style="color:#000006" class="tag">jail</a>
102     <a href="#" onclick="javascript:take('pm')" style="color:#000014" class="tag">pm</a>
103     <a href="#" onclick="javascript:take('wifi')" style="color:#00000d" class="tag">wifi</a>
104     <a href="#" onclick="javascript:take('diff')" style="color:#000014" class="tag">diff</a>
105     <a href="#" onclick="javascript:take('freebsd')" style="color:#000006" class="tag">freebsd</a>
106     <a href="#" onclick="javascript:take('tar')" style="color:#000006" class="tag">tar</a>
107     <a href="#" onclick="javascript:take('www')" style="color:#000021" class="tag">www</a>
108     <a href="#" onclick="javascript:take('functionalprogramming')" style="color:#000006" class="tag">functionalprogramming</a>
109     <a href="#" onclick="javascript:take('sysadmin')" style="color:#000014" class="tag">sysadmin</a>
110     <a href="#" onclick="javascript:take('timeline')" style="color:#000006" class="tag">timeline</a>
111     <a href="#" onclick="javascript:take('blosxom')" style="color:#000006" class="tag">blosxom</a>
112     <a href="#" onclick="javascript:take('x11')" style="color:#000028" class="tag">x11</a>
113     <a href="#" onclick="javascript:take('lucene')" style="color:#000006" class="tag">lucene</a>
114     <a href="#" onclick="javascript:take('j2me')" style="color:#00001a" class="tag">j2me</a>
115     <a href="#" onclick="javascript:take('shell')" style="color:#000006" class="tag">shell</a>
116     <a href="#" onclick="javascript:take('loadbalancing')" style="color:#000006" class="tag">loadbalancing</a>
117     <a href="#" onclick="javascript:take('magazine')" style="color:#000006" class="tag">magazine</a>
118     <a href="#" onclick="javascript:take('convert')" style="color:#00000d" class="tag">convert</a>
119     <a href="#" onclick="javascript:take('postgresql')" style="color:#000006" class="tag">postgresql</a>
120     <a href="#" onclick="javascript:take('vmware')" style="color:#000006" class="tag">vmware</a>
121     <a href="#" onclick="javascript:take('mips')" style="color:#000006" class="tag">mips</a>
122     <a href="#" onclick="javascript:take('unix')" style="color:#00001a" class="tag">unix</a>
123     <a href="#" onclick="javascript:take('software')" style="color:#000006" class="tag">software</a>
124     <a href="#" onclick="javascript:take('firefox')" style="color:#00003c" class="tag">firefox</a>
125     <a href="#" onclick="javascript:take('filesystem')" style="color:#000006" class="tag">filesystem</a>
126     <a href="#" onclick="javascript:take('ctags')" style="color:#000006" class="tag">ctags</a>
127     <a href="#" onclick="javascript:take('jabber')" style="color:#000006" class="tag">jabber</a>
128     <a href="#" onclick="javascript:take('svg')" style="color:#00000d" class="tag">svg</a>
129     <a href="#" onclick="javascript:take('networking')" style="color:#00000d" class="tag">networking</a>
130     <a href="#" onclick="javascript:take('db')" style="color:#000021" class="tag">db</a>
131     <a href="#" onclick="javascript:take('fsf')" style="color:#000006" class="tag">fsf</a>
132     <a href="#" onclick="javascript:take('javascript')" style="color:#0000e4" class="tag">javascript</a>
133     <a href="#" onclick="javascript:take('validation')" style="color:#000006" class="tag">validation</a>
134     <a href="#" onclick="javascript:take('imap')" style="color:#000006" class="tag">imap</a>
135     <a href="#" onclick="javascript:take('presentations')" style="color:#000006" class="tag">presentations</a>
136     <a href="#" onclick="javascript:take('yahoo')" style="color:#00000d" class="tag">yahoo</a>
137     <a href="#" onclick="javascript:take('video')" style="color:#000006" class="tag">video</a>
138     <a href="#" onclick="javascript:take('ldap')" style="color:#000006" class="tag">ldap</a>
139     <a href="#" onclick="javascript:take('gsm')" style="color:#000006" class="tag">gsm</a>
140     <a href="#" onclick="javascript:take('canvas')" style="color:#000006" class="tag">canvas</a>
141     <a href="#" onclick="javascript:take('calendar')" style="color:#00003c" class="tag">calendar</a>
142     <a href="#" onclick="javascript:take('usenix')" style="color:#000028" class="tag">usenix</a>
143     <a href="#" onclick="javascript:take('wine')" style="color:#000006" class="tag">wine</a>
144     <a href="#" onclick="javascript:take('fuse')" style="color:#000006" class="tag">fuse</a>
145     <a href="#" onclick="javascript:take('applet')" style="color:#000006" class="tag">applet</a>
146     <a href="#" onclick="javascript:take('magnetic')" style="color:#000006" class="tag">magnetic</a>
147     <a href="#" onclick="javascript:take('scm')" style="color:#000006" class="tag">scm</a>
148     <a href="#" onclick="javascript:take('usb')" style="color:#000006" class="tag">usb</a>
149     <a href="#" onclick="javascript:take('ip')" style="color:#000006" class="tag">ip</a>
150     <a href="#" onclick="javascript:take('range')" style="color:#000006" class="tag">range</a>
151     <a href="#" onclick="javascript:take('compression')" style="color:#00000d" class="tag">compression</a>
152     <a href="#" onclick="javascript:take('web')" style="color:#00009a" class="tag">web</a>
153     <a href="#" onclick="javascript:take('x.org')" style="color:#000006" class="tag">x.org</a>
154     <a href="#" onclick="javascript:take('html')" style="color:#000014" class="tag">html</a>
155     <a href="#" onclick="javascript:take('backup')" style="color:#00000d" class="tag">backup</a>
156     <a href="#" onclick="javascript:take('icmp')" style="color:#000006" class="tag">icmp</a>
157     <a href="#" onclick="javascript:take('real')" style="color:#000006" class="tag">real</a>
158     <a href="#" onclick="javascript:take('smartphone')" style="color:#000006" class="tag">smartphone</a>
159     <a href="#" onclick="javascript:take('python')" style="color:#00000d" class="tag">python</a>
160     <a href="#" onclick="javascript:take('outlook')" style="color:#000006" class="tag">outlook</a>
161     <a href="#" onclick="javascript:take('math')" style="color:#000006" class="tag">math</a>
162     <a href="#" onclick="javascript:take('mozilla')" style="color:#000006" class="tag">mozilla</a>
163     <a href="#" onclick="javascript:take('gimp')" style="color:#000006" class="tag">gimp</a>
164     <a href="#" onclick="javascript:take('tags')" style="color:#00001a" class="tag">tags</a>
165     <a href="#" onclick="javascript:take('perload')" style="color:#000006" class="tag">perload</a>
166     <a href="#" onclick="javascript:take('ajax')" style="color:#00007f" class="tag">ajax</a>
167     <a href="#" onclick="javascript:take('database')" style="color:#00000d" class="tag">database</a>
168     <a href="#" onclick="javascript:take('suspend')" style="color:#000006" class="tag">suspend</a>
169     <a href="#" onclick="javascript:take('xen')" style="color:#00000d" class="tag">xen</a>
170     <a href="#" onclick="javascript:take('gallery')" style="color:#000006" class="tag">gallery</a>
171     <a href="#" onclick="javascript:take('rss')" style="color:#000014" class="tag">rss</a>
172     <a href="#" onclick="javascript:take('vram')" style="color:#000006" class="tag">vram</a>
173     <a href="#" onclick="javascript:take('reader')" style="color:#000014" class="tag">reader</a>
174     <a href="#" onclick="javascript:take('test')" style="color:#000014" class="tag">test</a>
175     <a href="#" onclick="javascript:take('search')" style="color:#00003c" class="tag">search</a>
176     <a href="#" onclick="javascript:take('dns')" style="color:#000006" class="tag">dns</a>
177     <a href="#" onclick="javascript:take('crawler')" style="color:#000006" class="tag">crawler</a>
178     <a href="#" onclick="javascript:take('ssh')" style="color:#000014" class="tag">ssh</a>
179     <a href="#" onclick="javascript:take('net')" style="color:#000006" class="tag">net</a>
180     <a href="#" onclick="javascript:take('gpl')" style="color:#000006" class="tag">gpl</a>
181     <a href="#" onclick="javascript:take('patterns')" style="color:#000006" class="tag">patterns</a>
182     <a href="#" onclick="javascript:take('php')" style="color:#000021" class="tag">php</a>
183     <a href="#" onclick="javascript:take('datagrid')" style="color:#000006" class="tag">datagrid</a>
184     <a href="#" onclick="javascript:take('rsync')" style="color:#000006" class="tag">rsync</a>
185     <a href="#" onclick="javascript:take('hardware')" style="color:#000006" class="tag">hardware</a>
186     <a href="#" onclick="javascript:take('xml')" style="color:#000028" class="tag">xml</a>
187     <a href="#" onclick="javascript:take('interface')" style="color:#000006" class="tag">interface</a>
188     <a href="#" onclick="javascript:take('xs')" style="color:#000006" class="tag">xs</a>
189     <a href="#" onclick="javascript:take('server')" style="color:#000006" class="tag">server</a>
190     <a href="#" onclick="javascript:take('webdav')" style="color:#000006" class="tag">webdav</a>
191     <a href="#" onclick="javascript:take('prototype')" style="color:#00003c" class="tag">prototype</a>
192     <a href="#" onclick="javascript:take('z39.50')" style="color:#000006" class="tag">z39.50</a>
193     <a href="#" onclick="javascript:take('postscript')" style="color:#000006" class="tag">postscript</a>
194     <a href="#" onclick="javascript:take('margins')" style="color:#000006" class="tag">margins</a>
195     <a href="#" onclick="javascript:take('ie')" style="color:#00000d" class="tag">ie</a>
196     <a href="#" onclick="javascript:take('png')" style="color:#000006" class="tag">png</a>
197     <a href="#" onclick="javascript:take('win')" style="color:#000035" class="tag">win</a>
198     <a href="#" onclick="javascript:take('moo')" style="color:#000006" class="tag">moo</a>
199     <a href="#" onclick="javascript:take('chroot')" style="color:#000006" class="tag">chroot</a>
200     <a href="#" onclick="javascript:take('socket')" style="color:#000006" class="tag">socket</a>
201     <a href="#" onclick="javascript:take('graphics')" style="color:#000014" class="tag">graphics</a>
202     <a href="#" onclick="javascript:take('resize')" style="color:#000006" class="tag">resize</a>
203     <a href="#" onclick="javascript:take('gui')" style="color:#000006" class="tag">gui</a>
204     <a href="#" onclick="javascript:take('ui')" style="color:#000006" class="tag">ui</a>
205     <a href="#" onclick="javascript:take('graph')" style="color:#00001a" class="tag">graph</a>
206     <a href="#" onclick="javascript:take('proxy')" style="color:#000006" class="tag">proxy</a>
207     <a href="#" onclick="javascript:take('xkb')" style="color:#000006" class="tag">xkb</a>
208     <a href="#" onclick="javascript:take('disk')" style="color:#000006" class="tag">disk</a>
209     <a href="#" onclick="javascript:take('inkscape')" style="color:#000006" class="tag">inkscape</a>
210     <a href="#" onclick="javascript:take('library')" style="color:#000035" class="tag">library</a>
211     <a href="#" onclick="javascript:take('latex')" style="color:#00000d" class="tag">latex</a>
212     <a href="#" onclick="javascript:take('audio')" style="color:#00000d" class="tag">audio</a>
213     <a href="#" onclick="javascript:take('ftp')" style="color:#000006" class="tag">ftp</a>
214     <a href="#" onclick="javascript:take('iso')" style="color:#00000d" class="tag">iso</a>
215     <a href="#" onclick="javascript:take('gtk')" style="color:#000006" class="tag">gtk</a>
216     <a href="#" onclick="javascript:take('hacks')" style="color:#000014" class="tag">hacks</a>
217     <a href="#" onclick="javascript:take('routing')" style="color:#000006" class="tag">routing</a>
218     <a href="#" onclick="javascript:take('plugin')" style="color:#00001a" class="tag">plugin</a>
219     <a href="#" onclick="javascript:take('tabs')" style="color:#000006" class="tag">tabs</a>
220     <a href="#" onclick="javascript:take('archive')" style="color:#000006" class="tag">archive</a>
221     <a href="#" onclick="javascript:take('parsing')" style="color:#000006" class="tag">parsing</a>
222     <a href="#" onclick="javascript:take('ruby')" style="color:#000006" class="tag">ruby</a>
223     <a href="#" onclick="javascript:take('player')" style="color:#00000d" class="tag">player</a>
224     <a href="#" onclick="javascript:take('chat')" style="color:#00000d" class="tag">chat</a>
225     <a href="#" onclick="javascript:take('electronics')" style="color:#000006" class="tag">electronics</a>
226     <a href="#" onclick="javascript:take('performance')" style="color:#00000d" class="tag">performance</a>
227    
228    
229     </BODY>
230     </HTML>

Properties

Name Value
svn:mime-type text/html

  ViewVC Help
Powered by ViewVC 1.1.26