http://blog.94smart.com/index.php?q=node/256

http://www.kenlee.cn/index.php?job=art&articleid=a_20050614_031309

路径重定向以及tag 提示，代码很有意思，虽然看得人头疼…回头拉住zdg，一定要问个痛快。

</p> <p>var alltags = {”新闻”:{x:1,y:243},”互联网”:{x:58,y:164},”webdesign”:{x:1874,y:153},”blog”:{x:47,y:72},”Firefox”:{x:110,y:71},”Linux”:{x:184,y:45},”生活”:{x:8,y:31},”软件使用”:{x:113,y:25},”CSS”:{x:137,y:22},”opera”:{x:3426,y:13},”war3″:{x:2082,y:11},”Windows”:{x:384,y:11},”娱乐”:{x:2,y:7},”唐都房”:{x:3104,y:6},”私有”:{x:9,y:2},”test”:{x:344,y:2},”rdf”:{x:2098,y:2},”uidesign”:{x:3310,y:2},”Wiki”:{x:152,y:2},”RSS”:{x:435,y:2},”IT”:{x:5,y:1},”历史”:{x:421,y:1},”Feed”:{x:382,y:1},”browser”:{x:2497,y:1},”ajax”:{x:5144,y:1},”其他”:{x:10,y:0},”财经”:{x:4,y:0},”文化”:{x:7,y:0},”体育”:{x:3,y:0},”军事”:{x:6,y:0}};var tagselected = []</p> <p> </script></p> <p> <script type="text/javascript" src="/include/post.js"></script></p> <p>

</p> <p>String.prototype.trim = function(){ return this.replace(/^s+|s+$/g,”) }</p> <p>String.prototype.escRegExp = function(){ return this.replace(/[\$*+?()=!|,{}[].^]/g,’\$&’) }</p> <p>String.prototype.unescHtml = function(){ var i,t=this; for(i in e) t=t.replace(new RegExp(i,’g'),e[i]); return t }</p> <p>function Suggestions() { this.length=0; this.picked=0 }</p> <p>var suggestions = new Suggestions()</p> <p>var tagSearch=’ ‘, lastEdit=”</p> <p>var h={}, sections=[{},{},{},{},{}], selected={}, currentTag={}, e={’<':'<','>‘:’>',’&':’&',’”‘:’”‘}</p> <p>function init() { var elements = ['suggest','newTags','Tags'], t,i</p> <p> for(i in elements) h[elements[i]] = document.getElementById(elements[i])</p> <p> for(t in alltags) {</p> <p> tagSearch += t + ‘ ‘</p> <p> var tagid = alltags[t]['x']</p> <p> var id = alltags[t]['y']</p> <p> var title = t+’['+id+']‘</p> <p> var sel = false</p> <p> for (j in tagselected) {</p> <p> if (tagid==tagselected[j]) { sel=true; break;}</p> <p> }</p> <p> if (sel){ h.Tags.options.add(new Option(title,tagid),0);h.Tags.options[0].selected=true}</p> <p> else{ h.Tags.options.add(new Option(title,tagid));}</p> <p> } </p> <p> document.onkeydown = document.onkeypress = document.onkeyup = handler</p> <p> updateHilight()</p> <p>}</p> <p>function makeTag(parent, tag, js) {</p> <p> parent.appendChild(document.createTextNode(’ ‘))</p> <p> var obj = document.createElement(’a')</p> <p> obj.className = ‘tag’</p> <p> obj.setAttribute(’href’,'javascript:’+js+’(”‘+tag.replace(/”/g,’\”‘)+’”)’)</p> <p> obj.appendChild(document.createTextNode(tag))</p> <p> if(alltags[tag] < 2) obj.style.color = '#66f'</p> <p> if(alltags[tag] == 2) obj.style.color = '#44f'</p> <p> parent.appendChild(obj)</p> <p> return obj</p> <p>}</p> <p>function select(t) { var i; t=t.toLowerCase()</p> <p> selected[t] = true; for(i in sections) if(sections[i][t]) sections[i][t].className = 'tag selected'</p> <p>}</p> <p>function deselect(t) { var i; t=t.toLowerCase()</p> <p> delete selected[t]; for(i in sections) if(sections[i][t]) sections[i][t].className = 'tag'</p> <p>}</p> <p>function complete(tag) { var tagArray=h.newTags.value.split(' ')</p> <p> if(typeof tag == 'undefined') tag = suggestions[suggestions.picked].innerHTML.unescHtml() // tab complete rather than click complete</p> <p> tagArray[currentTag.index] = tag</p> <p> var text = tagArray.join(' ')</p> <p> h.newTags.value = (text.substr(-1,1) == ' ' ? text : text + ' ' )</p> <p> hideSuggestions()</p> <p> updateHilight()</p> <p> focusTo(h.newTags)</p> <p>}</p> <p>// focus the caret to end of a form input (+ optionally select some text)</p> <p>var range=0 //ie</p> <p>function focusTo(obj, selectFrom) {</p> <p> if (typeof selectFrom == 'undefined') selectFrom = obj.value.length</p> <p> if(obj.createTextRange){ //ie + opera</p> <p> if (range == 0) range = obj.createTextRange()</p> <p> range.moveEnd("character",obj.value.length)</p> <p> range.moveStart("character",selectFrom)</p> <p> obj.select()</p> <p> range.select()</p> <p> setTimeout('range.select()', 10) // must use a timer to get around bullshit ie bug</p> <p> } else if (obj.setSelectionRange){ //ff</p> <p> obj.select()</p> <p> obj.setSelectionRange(selectFrom,obj.value.length)</p> <p> } else { //safari <img src='http://webdesign.guoshuang.com/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' /><br /> obj.blur()</p> <p>}}</p> <p>function updateHilight() {</p> <p> var tagArray=h.newTags.value.toLowerCase().split(' '), tagHash={}</p> <p> if (tagArray[0].trim() == '') tagArray.splice(0,1);</p> <p> for (t in tagArray) {</p> <p> if(tagArray[t] != '') {</p> <p> select(tagArray[t])</p> <p> tagHash[tagArray[t]] = true</p> <p> }}</p> <p> for (t in selected) {if (!tagHash[t]) deselect(t)}</p> <p> return [tagArray, tagHash]</p> <p>}</p> <p>function hideSuggestions() {h.suggest.parentNode.style.visibility='hidden'}</p> <p>function showSuggestions() { suggest(0); h.suggest.parentNode.style.visibility='visible'}</p> <p>function updateSuggestions() {</p> <p> if(!getCurrentTag() || !currentTag.text) { hideSuggestions(); return false }</p> <p> while (h.suggest.hasChildNodes()) h.suggest.removeChild(h.suggest.firstChild)</p> <p> delete suggestions; suggestions = new Suggestions();</p> <p> var tagArray = h.newTags.value.toLowerCase().split(' '), txt=currentTag.text.escRegExp(), tagHash={}, t</p> <p> for(t in tagArray) tagHash[tagArray[t]] = true</p> <p> var search = tagSearch.match(new RegExp(("\s("+txt+"[^\s]+)\s"), "gi"))</p> <p> if(search){</p> <p> for (i=0; i<search.length && suggestions.length<10; i++) {</p> <p> tl = search[i].trim()</p> <p> if(tagHash[tl]) continue // do not suggest already typed tag</p> <p> suggestions[suggestions.length] = makeTag(h.suggest, tl, 'complete')</p> <p> suggestions.length++</p> <p> }}</p> <p> if (suggestions.length > 0) showSuggestions()</p> <p> else hideSuggestions()</p> <p>}</p> <p>function suggest(index) {</p> <p> if(suggestions.length == 1) index = 0</p> <p> if(suggestions[suggestions.picked]) suggestions[suggestions.picked].className = ‘tag’</p> <p> suggestions[suggestions.picked = index].className = ‘tag selected’</p> <p>}</p> <p>function getCurrentTag() {</p> <p> if(h.newTags.value == lastEdit) return true // no edit</p> <p> if(h.newTags == ”) return false</p> <p> currentTag = {}</p> <p> var tagArray=h.newTags.value.toLowerCase().split(’ ‘), oldArray=lastEdit.toLowerCase().split(’ ‘), currentTags = [], matched=false, t,o</p> <p> for (t in tagArray) {</p> <p> for (o in oldArray) {</p> <p> if(typeof oldArray[o] == ‘undefined’) { oldArray.splice(o,1); break }</p> <p> if(tagArray[t] == oldArray[o]) { matched = true; oldArray.splice(o,1); break; }</p> <p> }</p> <p> if(!matched) currentTags[currentTags.length] = t</p> <p> matched=false</p> <p> }</p> <p> // more than one word changed… abort</p> <p> if(currentTags.length > 1) { hideSuggestions(); return false }</p> <p> currentTag = { text:tagArray[currentTags[0]], index:currentTags[0] }</p> <p> return true</p> <p>}</p> <p>function handler(event) { var e=(event||window.event) //w3||ie</p> <p> if (e.type == ‘keydown’) {</p> <p> if(suggestions.length > 0) {</p> <p> switch(e.keyCode) {</p> <p> case 38: suggest((suggestions.picked + 1) % suggestions.length); break</p> <p> case 40: suggest(suggestions.picked == 0 ? suggestions.length - 1 : suggestions.picked - 1); break</p> <p> }}} else if (e.type == ‘keypress’) {</p> <p> switch(e.keyCode){</p> <p> case 38: case 40:</p> <p> if(e.preventDefault) e.preventDefault() //ff</p> <p> break;</p> <p> case 9: // tab</p> <p> if (e.preventDefault && h.suggest.parentNode.style.visibility == ‘visible’) { //ff</p> <p> complete()</p> <p> e.preventDefault()</p> <p> }</p> <p> break;</p> <p> default: lastEdit = h.newTags.value</p> <p> }} else if (e.type == ‘keyup’) {</p> <p> updateHilight()</p> <p> switch(e.keyCode) {</p> <p> //case 8: //backspace</p> <p> //case 46: //delete</p> <p> case 35: //end</p> <p> case 36: //home</p> <p> case 39: // right</p> <p> case 37: // left</p> <p> case 32: // space</p> <p> hideSuggestions(); break</p> <p> case 38: case 40: break;</p> <p> case 9:</p> <p> if(!e.preventDefault && h.suggest.parentNode.style.visibility == ‘visible’) complete() //ie</p> <p> break;</p> <p> default: updateSuggestions()</p> <p>}}}</p> <p>