diff --git a/public/javascripts/main.js b/public/javascripts/main.js index c46078c2d7..2c0b2ccba5 100644 --- a/public/javascripts/main.js +++ b/public/javascripts/main.js @@ -17,6 +17,47 @@ $(document).ready(function() { return false; } } + + // ËÑË÷Ô¤ÀÀ + (function () { + var id = -1; + var start = function () { + id = setInterval(check, 1000); + }; + var old = ''; + var check = function () { + var q = $in.val().trim(); + if (q === '' || old === q) + return; + old = q; console.log(q); + $.getJSON('http://ajax.googleapis.com/ajax/services/search/web?v=1.0&q=site:cnodejs.org+' + q + '&callback=?', function (d) { + if (!(d.responseData && Array.isArray(d.responseData.results))) + return; + var list = d.responseData.results + console.log(list); + showList(list); + }); + }; + var stop = function () { + clearInterval(id); + $list.slideUp(500); + }; + var $in = $('input#q'); + $in.focusin(start).focusout(stop); + $in.after('') + .after(''); + var $list = $('#__quick_search_list'); + var showList = function (list) { + var html = ''; + list.forEach(function (line) { + html += '
' + line.title + '' + + '' + line.content + '
'; + }); + var o1 = $in.offset(); + var o2 = {top: o1.top + $in.height() + 10, left: o1.left}; + $list.offset(o2).html(html).show(); + }; + })(); var $wrapper = $('#wrapper'); var $backtotop = $('#backtotop');