2011-08-03 Google検索にあったリアルタイムの替わりのHTML HTML Googleの検索で、リアルタイムがなくなってしまったので代わりHTMLを書いてみました。どこからか拝借したtwitterのソースを使ってまして、Opera11.50でのみ動作確認しています。サイドバーに登録して使ってます。 <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script src="http://widgets.twimg.com/j/2/widget.js"></script> <style type="text/css"> body { width : 100%; height : 100%; margin : 0px; overflow: auto; } table { width : 100%; height : 100%; border-collapse: collapse; } tr.area-s { height: 20px; } form { margin: 0; } div#search, div.twtr-widget, div.twtr-doc, div.twtr-tweets { width : 100%; height: 100%; } div.twtr-timeline { width : 100%; height : 100%; position: absolute; top : 0; left : 0; } </style> <script type="text/javascript"> (function() { var $ = function(str_id) { return document.getElementById(str_id); }; var codeAt = function(str_text) { var arr = <span data-unlink>; for(var i = 0; i < str_text.length; i ++) arr.push(str_text.charCodeAt(i)); return arr.join(','); }; var fromCode = function(str_arr) { var arr = str_arr.split(','); var arr_t = </span>; for(var i in arr) arr_t.push(String.fromCharCode(arr[i])); return arr_t.join(''); }; var str_title = fromCode(location.search.replace(/^\?/, '')); document.title = str_title; window.onload = function() { $('area-f').onsubmit = function() { location.replace('file://' + location.pathname + '?' + codeAt($('put').value)); return false; }; document.title = 'リアルタイム - ' + str_title; $('put').value = str_title; }; })(); </script> </head> <body> <table><tbody> <tr class=area-s><td> <form id=area-f> <input id=put> <button type=submit id=btn>検索</button> </form> </td></tr> <tr><td> <div id="search"> <script> if(document.title) { new TWTR.Widget({ version : 2, type : 'search', search : document.title, interval: 6000, title : document.title, subject : '', width : '100%', height : '100%', theme: { shell: { background: '#8ec1da', color : '#ffffff' }, tweets: { background: '#ffffff', color : '#444444', links : '#1985b5' } }, features: { scrollbar: false, loop : true, live : true, scrollbar: true, hashtags : true, timestamp: true, avatars : true, toptweets: true, behavior : 'default' } }).render().start(); }; </script> </div> </td></tr> </tbody></table> </body> </html> shift-jisのHTMLで保存です。
