tag:blogger.com,1999:blog-52814124907157342182024-09-10T00:58:02.302+09:00主にWEB関連の覚え書き。たまに実験もしてみる。Unknownnoreply@blogger.comBlogger55125tag:blogger.com,1999:blog-5281412490715734218.post-46022465019241439152012-04-10T21:23:00.001+09:002012-04-10T21:23:21.471+09:00<b>リッチテキストは？</b><div><b><font class="Apple-style-span" size="6">これで送るとどうなりますか？<br clear="all"></font></b><div><br></div><br> </div> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5281412490715734218.post-84378476826238705322012-04-10T19:58:00.001+09:002012-04-10T19:59:35.132+09:00&lt;span style=&quot;color:red;&quot;&gt;これどう見える？&lt;/span&gt;<br clear="all"><div><br></div><br> うわ、そのままテキストに見えるんだ…OrzUnknownnoreply@blogger.com0tag:blogger.com,1999:blog-5281412490715734218.post-21143412019053846402012-04-10T19:56:00.000+09:002012-04-10T20:00:42.979+09:00&lt;span style=&quot;color:red;&quot;&gt;これどう見える？&lt;/span&gt;Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5281412490715734218.post-32742425304775184482010-08-11T12:16:00.001+09:002010-08-11T12:17:26.976+09:00<script> document.writeln('host=' + location.host); </script>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5281412490715734218.post-89906454898125682632010-06-04T05:32:00.009+09:002010-06-04T05:53:54.286+09:00<div id="DOM-tree-result"></div> <script type="text/javascript" src="http://sharri.web.fc2.com/JSlab/json2-min.js"></script> <script type="text/javascript"> var tree_walk_block = document.createElement('div'); function find_all_tree(n, l) { if (!n) return; var entry = document.createElement('div'); entry.innerHTML = '[' + l + '] ' + n.nodeName + ' ' + n.nodeType + ' '; entry.appendChild(document.createTextNode(JSON.stringify(n.nodeValue))); tree_walk_block.appendChild(entry); find_all_tree(n.firstChild, l + 1); find_all_tree(n.nextSibling, l + 1); } </script> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript"> google.setOnLoadCallback( function(){ find_all_tree(document, 1); document.getElementById('DOM-tree-result').appendChild(tree_walk_block); } ); </script>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5281412490715734218.post-68766413372484998612010-06-03T21:46:00.013+09:002010-06-04T06:04:56.081+09:00<script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript" src="http://sharri.web.fc2.com/JSlab/json2-min.js"></script> <div id="result-xmlhttp-request"></div> <script> function find(n, l) { if (!n) return; var block = document.getElementById('result-xmlhttp-request'); var entry = document.createElement('div'); entry.innerHTML = '[' + l + '] ' + n.nodeName + ' ' + n.nodeType + ' ' + n.nodeValue; block.appendChild(entry); find(n.firstChild, l + 1); find(n.nextSibling, l + 1); } var client = new XMLHttpRequest(); client.open('GET', location.href, true); client.onreadystatechange = function (aEvt) { document.getElementById('result-xmlhttp-request').appendChild( document.createTextNode('readyState=' + client.readyState) ); document.getElementById('result-xmlhttp-request').innerHTML += '<br/>'; if (client.readyState == 4) { document.getElementById('result-xmlhttp-request').innerHTML += 'status=' + client.status + '<br/>'; if(client.status == 200) { document.getElementById('result-xmlhttp-request').appendChild( document.createTextNode('responseXML=' + client.responseXML) ); find(client.responseXML, 1); document.getElementById('result-xmlhttp-request').innerHTML += '<hr/>'; document.getElementById('result-xmlhttp-request').appendChild( document.createTextNode(client.responseText) ); } else document.getElementById('result-xmlhttp-request').appendChild( document.createTextNode('status=' + client.status) ); } }; google.setOnLoadCallback( function(){ client.send(null); } ); </script>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5281412490715734218.post-38062715916896229342010-06-03T06:52:00.009+09:002010-06-03T07:06:15.544+09:00<script> var s = '<!-- abcdefg;hijklmn; -->'; s = s.replace('<!--',''); s = s.replace('-->',''); document.writeln(s); </script> <p> 書き換えた文字列が返ってくるのね…String.replace()って、Stringそのものを書き換えるのかと思った。 </p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5281412490715734218.post-4955896302463680192010-06-03T06:31:00.009+09:002010-06-03T06:50:42.933+09:00<script> var script = document.createElement('script'); script.type = 'text/javascript'; script.innerHTML = 'script_marker = "abcdefg";'; document.writeln('ヘッダにアタッチする前:' + (window.script_marker?script_marker:'未定義') + '<br/>'); document.getElementsByTagName('head')[0].appendChild(script); document.writeln('ヘッダにアタッチした後:' + (window.script_marker?script_marker:'未定義') + '<br/>'); eval(script.innerHTML); document.writeln('evalした後:' + (window.script_marker?script_marker:'未定義') + '<br/>'); script_marker = "abcdefg"; document.writeln('そのまま実行した後:' + (window.script_marker?script_marker:'未定義') + '<br/>'); </script> 内容をコメントアウトすると実行されないようだ。Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5281412490715734218.post-50274889321023146782010-06-03T05:44:00.013+09:002010-06-03T06:52:02.377+09:00<script id="data-section"> if (!window._bdb) _bdb = []; _bdb.push('a', 'b', 'c'); </script> <span style="font-weight:bold;">s全体</span> <br /> <script> document.writeln(document.getElementById('data-section')+'<br/>'); </script> <span style="font-weight:bold;">innerHTML</span> <br /> <script> document.writeln(document.getElementById('data-section').innerHTML+'<br/>'); </script> <span style="font-weight:bold;">SCRIPTタグの実行結果</span> <br /> <script> document.writeln(JSON.stringify(_bdb)+'<br/>'); </script> …普通にgetElementByIdで検索出来て、書いたままの文字列として扱えるようだ。Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5281412490715734218.post-15344217736736653982010-06-01T06:35:00.010+09:002010-06-01T07:28:27.552+09:00<form onsubmit="lookupOnClick();return false;"> Keyword: <input type="text" id="search-key" /> <input type="button" value="search" onclick="lookupOnClick()"/> </form> <div style="border:1px solid; margin: 2px; padding: 4px;"> <div id="text-area"></div> <br style="clear:both"/> </div> <div id="branding"></div> <div id="log-area"> </div> <div style="display:none"> <img id="pict-template" onerror="dispose(this);" border="0" style="float:right; border:1px outset; margin:3px; padding:0px;" /> <div id="clearbox-template" style="clear:both"></div> <p id="entry-template"></p> <div id="title-template" style=""></div> <span id="subtitle-template" style="font-size:80%;"></span> <div id="content-template" style="margin-left:1em;"></div> <span id="relateLink-template" style="font-size:90%;"></span> <a id="link-template" target="_blank"></a> </div> <script src="http://www.google.com/jsapi"></script> <script src="http://sharri.web.fc2.com/JSlab/SL.js"></script> <script src="http://sharri.web.fc2.com/JSlab/json2-min.js"></script> <script type="text/javascript"> <!-- var _NM = { start: new Date() }; function printLog(log) { document.getElementById('log-area').innerHTML += log + '<br/>'; } function getTemplate(name) { return sL.template.create(name); /* var templ = document.getElementById(name).cloneNode(true); templ.id = null; return templ; */ } function dispose(img) { printLog('disposed: ' + img.src); var pa = img.parentNode; pa.removeChild(img); var granPa = pa.parentNode; granPa.removeChild(pa); var great = granPa.parentNode; great.removeChild(granPa); } function diffTime(a, b) { var d = a.getTime() - b.getTime(); if (d < 1000 * 60) { return 'now'; } if (d < 1000 * 60 * 60) { return Math.floor(d / (1000 * 60)) + 'min'; } if (d < 1000 * 60 * 60 * 24) { return Math.floor(d / (1000 * 60 * 60)) + 'hour'; } return Math.floor(d / (1000 * 60 * 60 * 24)) + 'day'; } google.load('search', '1'); function bsComp(bs) { if (!bs.results) return; var target = document.getElementById('text-area'); var results = bs.results; for (var i = 0; i < results.length; ++i) { var r = results[i]; var newsBlock = getTemplate('entry-template'); var title = getTemplate('title-template'); var a = getTemplate('link-template'); a.innerHTML = r.titleNoFormatting; a.href = r.postUrl; title.appendChild(a); newsBlock.appendChild(title); var title = getTemplate('subtitle-template'); title.innerHTML = r.blogUrl + ' by ' + r.author + ' - ' + ' (' + new Date(r.publishedDate).toLocaleDateString() + ')' + ' ' + diffTime(new Date(), new Date(r.publishedDate)); var div = document.createElement('div'); div.appendChild(title); newsBlock.appendChild(div); var content = getTemplate('content-template'); content.innerHTML = r.content; newsBlock.appendChild(content); target.appendChild(newsBlock); } var cursor = bs.cursor; var next = cursor.currentPageIndex + 1; if (next >= cursor.pages.length) return; bs.gotoPage(next); } function nsComp(ns) { if (!ns.results) return; var target = document.getElementById('text-area'); var results = ns.results; for (var i = 0; i < results.length; ++i) { var r = results[i]; printLog('JSON:' + JSON.stringify(r)); var newsBlock = getTemplate('entry-template'); if (r.image) { var img = getTemplate('pict-template'); img.src = r.image.url; img.alt = r.titleNoFormatting + ' - ' + r.image.publisher; a = getTemplate('link-template'); a.href = r.image.originalContextUrl; a.title = r.titleNoFormatting + ' - ' + r.image.publisher; //a.href = r.unescapedUrl; //a.title = r.titleNoFormatting; a.appendChild(img); var cb = getTemplate('clearbox-template'); cb.appendChild(a); newsBlock.appendChild(cb); } var title = getTemplate('title-template'); var a = getTemplate('link-template'); a.innerHTML = r.titleNoFormatting; a.href = r.unescapedUrl; title.appendChild(a); newsBlock.appendChild(title); var title = getTemplate('subtitle-template'); title.innerHTML = r.publisher + ' - ' + ' (' + new Date(r.publishedDate).toLocaleDateString() + ')' + ' ' + diffTime(new Date(), new Date(r.publishedDate)); var div = document.createElement('div'); div.appendChild(title); newsBlock.appendChild(div); var content = getTemplate('content-template'); content.innerHTML = r.content; newsBlock.appendChild(content); if (r.relatedStories) { var p = getTemplate('content-template'); for (var ii = 0; ii < r.relatedStories.length; ++ii) { var subentry = document.createElement('span'); p.appendChild(subentry); p.appendChild(document.createElement('br')); var span = getTemplate('relateLink-template'); var a = getTemplate('link-template'); a.innerHTML = r.relatedStories[ii].titleNoFormatting; a.href = r.relatedStories[ii].unescapedUrl; span.appendChild(a); var subspan = getTemplate('subtitle-template'); subspan.innerHTML += ' - ' + r.relatedStories[ii].publisher; span.appendChild(subspan); subentry.appendChild(span); } content.appendChild(p); } //newsBlock.appendChild(document.createElement('br')); target.appendChild(newsBlock); } var cursor = ns.cursor; var next = cursor.currentPageIndex + 1; if (next >= cursor.pages.length) return; ns.gotoPage(next); } function lookup(target) { var n = new google.search.NewsSearch(); n.setNoHtmlGeneration(); n.setSearchCompleteCallback(this, nsComp, [n]); var b = new google.search.BlogSearch(); b.setNoHtmlGeneration(); b.setSearchCompleteCallback(this, bsComp, [b]); n.execute(target); b.execute(target); } function dumpObj(obj) { var str = '{'; for (var p in obj) { str += p + ' : ' + obj[p] + ', '; } return str + '_eop:null}'; } function dumpProp(obj) { var str = '{'; for (var p in obj) { str += p + ', '; } return str + '_eop}'; } function clientInfo() { var info = [navigator.userAgent]; info.push(location.host); info.push(location.hostname); info.push(location.port); info.push(location.protocol); return JSON.stringify(info); /* var s = function (str) { return '"' + str + '"'; }; var info = '['; info += s(navigator.userAgent); info += ','; info += s(location.href); info += ','; info += s(location.host); info += ','; info += s(location.hostname); info += ','; info += s(location.port); info += ','; info += s(location.protocol); info += ']'; return info; */ } function lookupOnClick() { document.getElementById('text-area').innerHTML = ''; lookup(document.getElementById('search-key').value); } window.onload = function () { printLog('info:' + clientInfo()); /* lookup('OpenGL'); lookup('Direct3D'); lookup('Direct2D'); lookup('beauty'); lookup('woman'); lookup('girl'); */ google.search.Search.getBranding(document.getElementById("branding")); }; //--> </script>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5281412490715734218.post-9637419050525866402010-05-29T21:57:00.001+09:002010-05-29T22:00:44.650+09:00<form onsubmit="lookupOnClick()"> Keyword: <input type="text" id="search-key" /> <input type="button" value="search" onclick="lookupOnClick()"/> </form> <div style="border:1px solid; margin: 2px; padding: 4px;"> <div id="text-area"></div> <br style="clear:both"/> </div> <div id="branding"></div> <div id="log-area"> </div> <div style="display:none"> <img id="pict-template" onerror="dispose(this);" border="0" style="float:right; border:1px outset; margin:3px; padding:0px;" /> <div id="clearbox-template" style="clear:both"></div> <p id="entry-template"></p> <div id="title-template" style=""></div> <span id="subtitle-template" style="font-size:80%;"></span> <div id="content-template" style="margin-left:1em;"></div> <span id="relateLink-template" style="font-size:90%;"></span> <a id="link-template" target="_blank"></a> </div> <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> <!-- function printLog(log) { document.getElementById('log-area').innerHTML += log + '<br/>'; } function getTemplate(name) { var templ = document.getElementById(name).cloneNode(true); templ.id = null; return templ; } function dispose(img) { printLog('disposed: ' + img.src); var pa = img.parentNode; pa.removeChild(img); var granPa = pa.parentNode; granPa.removeChild(pa); var great = granPa.parentNode; great.removeChild(granPa); } function diffTime(a, b) { var d = a.getTime() - b.getTime(); if (d < 1000 * 60) { return 'now'; } if (d < 1000 * 60 * 60) { return Math.floor(d / (1000 * 60)) + 'min'; } if (d < 1000 * 60 * 60 * 24) { return Math.floor(d / (1000 * 60 * 60)) + 'hour'; } return Math.floor(d / (1000 * 60 * 60 * 24)) + 'day'; } google.load('search', '1'); function bsComp(bs) { if (!bs.results) return; var target = document.getElementById('text-area'); var results = bs.results; for (var i = 0; i < results.length; ++i) { var r = results[i]; var newsBlock = getTemplate('entry-template'); var title = getTemplate('title-template'); var a = getTemplate('link-template'); a.innerHTML = r.titleNoFormatting; a.href = r.postUrl; title.appendChild(a); newsBlock.appendChild(title); var title = getTemplate('subtitle-template'); title.innerHTML = r.blogUrl + ' by ' + r.author + ' - ' + ' (' + new Date(r.publishedDate).toLocaleDateString() + ')' + ' ' + diffTime(new Date(), new Date(r.publishedDate)); var div = document.createElement('div'); div.appendChild(title); newsBlock.appendChild(div); var content = getTemplate('content-template'); content.innerHTML = r.content; newsBlock.appendChild(content); target.appendChild(newsBlock); } var cursor = bs.cursor; var next = cursor.currentPageIndex + 1; if (next >= cursor.pages.length) return; bs.gotoPage(next); } function nsComp(ns) { if (!ns.results) return; var target = document.getElementById('text-area'); var results = ns.results; for (var i = 0; i < results.length; ++i) { var r = results[i]; var newsBlock = getTemplate('entry-template'); if (r.image) { var img = getTemplate('pict-template'); img.src = r.image.url; img.alt = r.titleNoFormatting + ' - ' + r.image.publisher; a = getTemplate('link-template'); a.href = r.image.originalContextUrl; a.title = r.titleNoFormatting + ' - ' + r.image.publisher; //a.href = r.unescapedUrl; //a.title = r.titleNoFormatting; a.appendChild(img); var cb = getTemplate('clearbox-template'); cb.appendChild(a); newsBlock.appendChild(cb); } var title = getTemplate('title-template'); var a = getTemplate('link-template'); a.innerHTML = r.titleNoFormatting; a.href = r.unescapedUrl; title.appendChild(a); newsBlock.appendChild(title); var title = getTemplate('subtitle-template'); title.innerHTML = r.publisher + ' - ' + ' (' + new Date(r.publishedDate).toLocaleDateString() + ')' + ' ' + diffTime(new Date(), new Date(r.publishedDate)); var div = document.createElement('div'); div.appendChild(title); newsBlock.appendChild(div); var content = getTemplate('content-template'); content.innerHTML = r.content; newsBlock.appendChild(content); if (r.relatedStories) { var p = getTemplate('content-template'); for (var ii = 0; ii < r.relatedStories.length; ++ii) { var subentry = document.createElement('span'); p.appendChild(subentry); p.appendChild(document.createElement('br')); var span = getTemplate('relateLink-template'); var a = getTemplate('link-template'); a.innerHTML = r.relatedStories[ii].titleNoFormatting; a.href = r.relatedStories[ii].unescapedUrl; span.appendChild(a); var subspan = getTemplate('subtitle-template'); subspan.innerHTML += ' - ' + r.relatedStories[ii].publisher; span.appendChild(subspan); subentry.appendChild(span); } content.appendChild(p); } //newsBlock.appendChild(document.createElement('br')); target.appendChild(newsBlock); } var cursor = ns.cursor; var next = cursor.currentPageIndex + 1; if (next >= cursor.pages.length) return; ns.gotoPage(next); } function lookup(target) { var n = new google.search.NewsSearch(); n.setNoHtmlGeneration(); n.setSearchCompleteCallback(this, nsComp, [n]); var b = new google.search.BlogSearch(); b.setNoHtmlGeneration(); b.setSearchCompleteCallback(this, bsComp, [b]); n.execute(target); b.execute(target); } function dumpObj(obj) { var str = '{'; for (var p in obj) { str += p + ' : ' + obj[p] + ', '; } return str + '_eop:null}'; } function dumpProp(obj) { var str = '{'; for (var p in obj) { str += p + ', '; } return str + '_eop}'; } function clientInfo() { var s = function (str) { return '"' + str + '"'; }; var info = '['; info += s(navigator.userAgent); info += ','; info += s(location.href); info += ','; info += s(location.host); info += ','; info += s(location.hostname); info += ','; info += s(location.port); info += ','; info += s(location.protocol); info += ']'; return info; } function lookupOnClick() { document.getElementById('text-area').innerHTML = ''; lookup(document.getElementById('search-key').value); } google.setOnLoadCallback(function () { printLog('info:' + clientInfo()); /* lookup('OpenGL'); lookup('Direct3D'); lookup('Direct2D'); lookup('beauty'); lookup('woman'); lookup('girl'); */ google.search.Search.getBranding(document.getElementById("branding")); }); //--> </script>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5281412490715734218.post-43492062156263602372010-05-29T19:47:00.008+09:002010-05-29T21:08:59.160+09:00<form onsubmit="lookupOnClick()"> Keyword: <input type="text" id="search-key" /> <input type="button" value="search" onclick="lookupOnClick()"/> </form> <div style="border:1px solid; margin: 2px; padding: 4px;"> <div id="text-area"></div> <br style="clear:both"/> </div> <div id="branding"></div> <div id="log-area"> </div> <div style="display:none"> <img id="pict-template" onerror="dispose(this);" border="0" style="float:right; border:1px outset; margin:3px; padding:0px;" /> <div id="clearbox-template" style="clear:both"></div> <p id="entry-template"></p> <div id="title-template" style=""></div> <span id="subtitle-template" style="font-size:80%;"></span> <div id="content-template" style="margin-left:1em;"></div> <span id="relateLink-template" style="font-size:90%;"></span> <a id="link-template" target="_blank"></a> </div> <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> <!-- function printLog(log) { document.getElementById('log-area').innerHTML += log + '<br/>'; } function getTemplate(name) { var templ = document.getElementById(name).cloneNode(true); templ.id = null; return templ; } function dispose(img) { printLog('disposed: ' + img.src); var pa = img.parentNode; pa.removeChild(img); var granPa = pa.parentNode; granPa.removeChild(pa); var great = granPa.parentNode; great.removeChild(granPa); } function diffTime(a, b) { var d = a.getTime() - b.getTime(); if (d < 1000 * 60) { return 'now'; } if (d < 1000 * 60 * 60) { return Math.floor(d / (1000 * 60)) + 'min'; } if (d < 1000 * 60 * 60 * 24) { return Math.floor(d / (1000 * 60 * 60)) + 'hour'; } return Math.floor(d / (1000 * 60 * 60 * 24)) + 'day'; } google.load('search', '1'); function nsComp(ns) { if (!ns.results) return; var target = document.getElementById('text-area'); var results = ns.results; for (var i = 0; i < results.length; ++i) { var r = results[i]; var newsBlock = getTemplate('entry-template'); if (r.image) { var img = getTemplate('pict-template'); img.src = r.image.url; img.alt = r.titleNoFormatting + ' - ' + r.image.publisher; a = getTemplate('link-template'); a.href = r.image.originalContextUrl; a.title = r.titleNoFormatting + ' - ' + r.image.publisher; //a.href = r.unescapedUrl; //a.title = r.titleNoFormatting; a.appendChild(img); var cb = getTemplate('clearbox-template'); cb.appendChild(a); newsBlock.appendChild(cb); } var title = getTemplate('title-template'); var a = getTemplate('link-template'); a.innerHTML = r.titleNoFormatting; a.href = r.unescapedUrl; title.appendChild(a); newsBlock.appendChild(title); var title = getTemplate('subtitle-template'); title.innerHTML = r.publisher + ' - ' + ' (' + new Date(r.publishedDate).toLocaleDateString() + ')' + ' ' + diffTime(new Date(), new Date(r.publishedDate)); var div = document.createElement('div'); div.appendChild(title); newsBlock.appendChild(div); var content = getTemplate('content-template'); content.innerHTML = r.content; newsBlock.appendChild(content); if (r.relatedStories) { var p = getTemplate('content-template'); for (var ii = 0; ii < r.relatedStories.length; ++ii) { var subentry = document.createElement('span'); p.appendChild(subentry); p.appendChild(document.createElement('br')); var span = getTemplate('relateLink-template'); var a = getTemplate('link-template'); a.innerHTML = r.relatedStories[ii].titleNoFormatting; a.href = r.relatedStories[ii].unescapedUrl; span.appendChild(a); var subspan = getTemplate('subtitle-template'); subspan.innerHTML += ' - ' + r.relatedStories[ii].publisher; span.appendChild(subspan); subentry.appendChild(span); } content.appendChild(p); } //newsBlock.appendChild(document.createElement('br')); target.appendChild(newsBlock); } var cursor = ns.cursor; var next = cursor.currentPageIndex + 1; if (next >= cursor.pages.length) return; ns.gotoPage(next); } function lookup(target) { var searcher = new google.search.NewsSearch(); searcher.setSearchCompleteCallback( this, nsComp, [searcher] ); searcher.execute(target); } function dumpObj(obj) { var str = '{'; for (var p in obj) { str += p + ' : ' + obj[p] + ', '; } return str + '_eop:null}'; } function dumpProp(obj) { var str = '{'; for (var p in obj) { str += p + ', '; } return str + '_eop}'; } function clientInfo() { var s = function (str) { return '"' + str + '"'; }; var info = '['; info += s(navigator.userAgent); info += ','; info += s(location.href); info += ','; info += s(location.host); info += ','; info += s(location.hostname); info += ','; info += s(location.port); info += ','; info += s(location.protocol); info += ']'; return info; } function lookupOnClick() { document.getElementById('text-area').innerHTML = ''; lookup(document.getElementById('search-key').value); } google.setOnLoadCallback(function () { printLog('info:' + clientInfo()); /* lookup('OpenGL'); lookup('Direct3D'); lookup('Direct2D'); lookup('beauty'); lookup('woman'); lookup('girl'); */ google.search.Search.getBranding(document.getElementById("branding")); }); //--> </script>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5281412490715734218.post-85601236185927173062010-05-29T12:03:00.001+09:002010-05-29T16:26:11.698+09:00<form> <textarea rows="10" cols="50" id="try-value" onchange="tt(this)" onkeydown="tt(this)" onkeyup="tt(this)"> Come on, type here! </textarea> </form> <h3>Value</h3> <div style="width:50em;border:1px solid" id="by-value"></div> <div style="width:50em;border:1px solid" id="by-value2"></div> <h3>InnerHTML</h3> <div style="width:50em;border:1px solid" id="by-innerHTML"></div> <div style="width:50em;border:1px solid" id="by-innerHTML2"></div> <script> function tt(ta) { document.getElementById('by-value').innerHTML = ta.value; document.getElementById('by-innerHTML').innerHTML = ta.innerHTML; ta = document.getElementById('try-value'); document.getElementById('by-value2').innerHTML = ta.value; document.getElementById('by-innerHTML2').innerHTML = ta.innerHTML; } </script>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5281412490715734218.post-35411584290199921072010-05-29T00:36:00.001+09:002010-05-29T00:50:45.536+09:00<div id="log-area"> </div> <div style="border:1px solid; margin: 2px; padding: 4px;"> <div id="text-area"></div> <br style="clear:both"/> </div> <div id="branding"></div> <div style="display:none"> <img id="pict-template" onerror="dispose(this);" border="0" style="float:right; border:1px solid; margin:2px; padding:2px;" /> <div id="clearbox-template" style="clear:both"></div> <p id="entry-template"></p> <div id="title-template" style=""></div> <span id="subtitle-template" style="font-size:80%;"></span> <div id="content-template" style="margin-left:1em;"></div> <span id="relateLink-template" style="font-size:90%;"></span> <a id="link-template" target="_blank"></a> </div> <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> <!-- function printLog(log) { document.getElementById('log-area').innerHTML += log + '<br/>'; } function getTemplate(name) { var templ = document.getElementById(name).cloneNode(true); templ.id = null; return templ; } function dispose(img) { printLog('disposed: ' + img.src); var pa = img.parentNode; pa.removeChild(img); var granPa = pa.parentNode; granPa.removeChild(pa); var great = granPa.parentNode; great.removeChild(granPa); } function diffTime(a, b) { var d = a.getTime() - b.getTime(); if (d < 1000 * 60) { return 'now'; } if (d < 1000 * 60 * 60) { return Math.floor(d / (1000 * 60)) + 'min'; } if (d < 1000 * 60 * 60 * 24) { return Math.floor(d / (1000 * 60 * 60)) + 'hour'; } return Math.floor(d / (1000 * 60 * 60 * 24)) + 'day'; } google.load('search', '1'); function nsComp(ns) { if (!ns.results) return; var target = document.getElementById('text-area'); var results = ns.results; for (var i = 0; i < results.length; ++i) { var r = results[i]; var newsBlock = getTemplate('entry-template'); if (r.image) { var img = getTemplate('pict-template'); img.src = r.image.url; img.alt = r.titleNoFormatting + ' - ' + r.image.publisher; a = getTemplate('link-template'); a.href = r.image.originalContextUrl; a.title = r.titleNoFormatting + ' - ' + r.image.publisher; //a.href = r.unescapedUrl; //a.title = r.titleNoFormatting; a.appendChild(img); var cb = getTemplate('clearbox-template'); cb.appendChild(a); newsBlock.appendChild(cb); } var title = getTemplate('title-template'); var a = getTemplate('link-template'); a.innerHTML = r.titleNoFormatting; a.href = r.unescapedUrl; title.appendChild(a); newsBlock.appendChild(title); var title = getTemplate('subtitle-template'); title.innerHTML = r.publisher + ' - ' + ' (' + new Date(r.publishedDate).toLocaleDateString() + ')' + ' ' + diffTime(new Date(), new Date(r.publishedDate)); var div = document.createElement('div'); div.appendChild(title); newsBlock.appendChild(div); var content = getTemplate('content-template'); content.innerHTML = r.content; newsBlock.appendChild(content); if (r.relatedStories) { var p = getTemplate('content-template'); for (var ii = 0; ii < r.relatedStories.length; ++ii) { var subentry = document.createElement('span'); p.appendChild(subentry); p.appendChild(document.createElement('br')); var span = getTemplate('relateLink-template'); var a = getTemplate('link-template'); a.innerHTML = r.relatedStories[ii].titleNoFormatting; a.href = r.relatedStories[ii].unescapedUrl; span.appendChild(a); var subspan = getTemplate('subtitle-template'); subspan.innerHTML += ' - ' + r.relatedStories[ii].publisher; span.appendChild(subspan); subentry.appendChild(span); } content.appendChild(p); } //newsBlock.appendChild(document.createElement('br')); target.appendChild(newsBlock); } var cursor = ns.cursor; var next = cursor.currentPageIndex + 1; if (next >= cursor.pages.length) return; ns.gotoPage(next); } function lookup(target) { var searcher = new google.search.NewsSearch(); searcher.setSearchCompleteCallback( this, nsComp, [searcher] ); searcher.execute(target); } function dumpObj(obj) { var str = '{'; for (var p in obj) { str += p + ' : ' + obj[p] + ', '; } return str + '_eop:null}'; } function dumpProp(obj) { var str = '{'; for (var p in obj) { str += p + ', '; } return str + '_eop}'; } function clientInfo() { var s = function (str) { return '"' + str + '"'; }; var info = '['; info += s(navigator.userAgent); info += ','; info += s(location.href); info += ','; info += s(location.host); info += ','; info += s(location.hostname); info += ','; info += s(location.port); info += ','; info += s(location.protocol); info += ']'; return info; } google.setOnLoadCallback(function () { printLog('info:' + clientInfo()); /* lookup('OpenGL'); lookup('Direct3D'); lookup('Direct2D'); */ lookup('beauty'); lookup('woman'); lookup('girl'); google.search.Search.getBranding(document.getElementById("branding")); }); //--> </script>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5281412490715734218.post-13059620412077331712010-05-24T23:20:00.001+09:002010-05-24T23:25:42.349+09:00<script src="http://www.google.com/jsapi"></script> <script src="http://sharri.web.fc2.com/JSlab/SL.js"></script> <script type="text/javascript"> <!-- google.load('search', '1'); //--> </script> <script type="text/javascript"> <!-- var IT = { keyword: function() { return document.getElementById('IT_SearchKey').value; } , walkAllPage: function (s) { var cursor = s.cursor; var next = cursor.currentPageIndex + 1; if (next >= cursor.pages.length) return; s.gotoPage(next); } , buildIcon: function (url, alt, width, height) { var newImg = document.createElement('img'); newImg.alt = alt; newImg.src = url; newImg.height = height; newImg.width = width; newImg.style.margin = '1px'; newImg.style.padding = '1px'; newImg.style.border = '1px solid #888'; return newImg; } , viewResult: function (result) { var imgUrl = result.url; var srcUrl = result.originalContextUrl; var width = result.width; var height = result.height; var content = result.titleNoFormatting; var aSrc = document.getElementById('IT_ImageSrcLink'); var aImg = document.getElementById('IT_ImageLink'); var d = document.getElementById('IT_ImageDescription'); if (aImg == null || aSrc == null || d == null) return; d.innerHTML = ''; d.appendChild(document.createTextNode(content)); d.appendChild(document.createElement('br')); d.appendChild(document.createTextNode('img = ' + imgUrl)); d.appendChild(document.createElement('br')); d.appendChild(document.createTextNode('src = ' + srcUrl)); d.appendChild(document.createElement('br')); var img = document.createElement('img'); img.style.border = 'none'; aSrc.href = srcUrl; img.alt = imgUrl + ' (' + width + 'x' + height + ')'; img.src = imgUrl; var aW = width; var aH = height; img.width = 450; aImg.innerHTML = ''; aImg.href = imgUrl; aImg.title = imgUrl + ' (' + width + 'x' + height + ')'; aImg.appendChild(img); } , buildIconHtml: function (result, uid) { var viewScript = "document.getElementById('" + uid + "').src='" + result.url +"';" + "document.getElementById('" + uid + "').height='" + Math.floor(result.height * 450 / result.width) +"';" + 'return false;'; var img = '<img ' + ' height="100" ' + ' style="border:1px solid #888;margin:1px;padding:1px"' + ' onmouseover="' + viewScript + '"' + ' alt="' + this.keyword() + ' ' + (new Date).getTime() + '"' + ' src="' + result.url + '"' + ' />'; var a = '<a' + ' target="_blank"' + ' href="' + result.url + '"' + ' title="' + this.keyword() + ' ' + (new Date).getTime() + '"' + ' >' + img + '</a>'; return a; } , buildEraseIcon: function(picts, index) { var eraseIcon = sL.image.buildSquareLink( 70, 'javascript:void(0);', picts[index].url, picts[index].titleNoFormatting ); eraseIcon.style.cssFloat = 'left'; eraseIcon.style.styleFloat = 'left'; eraseIcon.style.border = '1px outset'; eraseIcon.style.margin = '1px'; eraseIcon.style.padding = '1px'; eraseIcon.onclick = (function (i) { return function () { IT.removePict(i); };})(index); return eraseIcon; } , buildSelectionBox: function() { var bin = document.getElementById('IT_Bin'); var sbox = document.getElementById('IT_ImageSelectList'); sbox.innerHTML = ''; for (var i = 0; i < bin.numPict; ++i) { if (!bin.picts[i]) continue; sbox.appendChild(this.buildEraseIcon(bin.picts, i)); } } , buildBin: function () { var bin = document.getElementById('IT_Bin'); var uid = 'id_'+ (new Date).getTime(); bin.innerHTML = ''; var table = document.createElement('table'); var tbody = document.createElement('tbody'); var tr = document.createElement('tr'); var tdView = document.createElement('td'); var tdIcon = document.createElement('td'); bin.appendChild(table); table.appendChild(tbody); tbody.appendChild(tr); tr.appendChild(tdView); tr.appendChild(tdIcon); tdIcon.style.verticalAlign = 'top'; tdView.style.verticalAlign = 'top'; var img = document.createElement('img'); img.style.cssFloat = 'left'; img.style.styleFloat = 'left'; img.style.border = '1px solid #888'; img.style.margin = '1px'; img.style.padding = '1px'; img.width = 450; img.id = uid; img.alt = this.keyword() + ' ' + (new Date).getTime(); if (bin.numPict > 0) { for (i = bin.numPict; i > 0; --i) { if (!bin.picts[i - 1]) continue; img.src = bin.picts[i - 1].url; break; } } tdView.appendChild(img); var div = document.createElement('div'); div.style.border = 'none'; div.style.margin = '1px'; div.style.padding = '1px'; tdIcon.appendChild(div); for (var i = 0; i < bin.numPict; ++i) { if (!bin.picts[i]) continue; div.innerHTML += IT.buildIconHtml(bin.picts[i], uid); } IT.buildSelectionBox(); var wsBlock = document.createElement('div'); wsBlock.id = 'WebSearchBlock'; bin.appendChild(wsBlock); for (var i = 0; i < bin.numWeb; ++i) { wsBlock.appendChild(bin.webSites[i]); } } , updateTextArea: function () { var text = document.getElementById('IT_GeneratedText'); text.innerHTML = ''; text.appendChild( document.createTextNode( document.getElementById('IT_Bin').innerHTML)); } , removePict: function (i) { var div = document.getElementById('IT_Bin'); if (!(i < div.numPict)) return; div.picts[i] = null; IT.buildBin(); IT.updateTextArea(); } , addPict: function (result) { var div = document.getElementById('IT_Bin'); div.picts[div.numPict++] = result; IT.buildBin(); IT.updateTextArea(); } , showImageState: function () { document.getElementById('IT_ImageStateInfo').innerHTML = document.getElementById('IT_ImageSearchResults').numGotten + '/' + document.getElementById('IT_ImageSearchResults').numSearch ; } , isComplete: function (is) { if (!is.results) return; if (is.results.length <= 0) return; var contentDiv = document.getElementById('IT_ImageIconBlock'); var results = is.results; document.getElementById('IT_ImageSearchResults').numSearch += results.length; IT.showImageState(); if (contentDiv.previewMode == 'all') { for (var i = 0; i < results.length; i++) { var result = results[i]; var img = document.createElement('img'); img.onload = (function (img, result) { return function () { img.onload = null; if (img.width != result.width || img.height != result.height) { sL.logger.log('drop:' + result.url + ' w:' + img.width + '/' + result.width + ' h:' + img.height + '/' + result.height); return; } img.alt = result.titleNoFormatting+ '('+ result.width + 'x' + result.height + ')'; document.getElementById('IT_ImageSearchResults').numGotten += 1; IT.showImageState(); var link = document.createElement('a'); link.title = result.titleNoFormatting+ '('+ result.width + 'x' + result.height + ')'; link.href = 'javascript:void(0);'; link.onclick = (function (result) { return function () { IT.addPict(result) };})(result); var h = 120; var w = (result.tbWidth * h) / result.tbHeight; link.appendChild(IT.buildIcon(result.tbUrl, result.visibleUrl, w, h)); document.getElementById('IT_ImageIconBlock').appendChild(link); }})(img, result); img.src = result.url; } } else { for (var i = 0; i < results.length; i++) { var result = results[i]; var img = document.createElement('img'); img.onload = (function (img, result) { return function () { img.onload = null; if (img.width != result.width || img.height != result.height) { sL.logger.log('drop:' + result.url + ' w:' + img.width + '/' + result.width + ' h:' + img.height + '/' + result.height); return; } img.alt = result.titleNoFormatting+ '('+ result.width + 'x' + result.height + ')'; document.getElementById('IT_ImageSearchResults').numGotten += 1; IT.showImageState(); var link = document.createElement('a'); link.title = result.titleNoFormatting+ '('+ result.width + 'x' + result.height + ')'; link.href = 'javascript:void(0);'; link.onclick = (function (result) { return function () { IT.addPict(result) };})(result); link.onmouseover = (function (result) { return function () { IT.viewResult(result) };})(result); link.onfocus = (function (result) { return function () { IT.viewResult(result) };})(result); var w = 80; var h = (result.tbHeight * w) / result.tbWidth; link.appendChild(IT.buildIcon(result.tbUrl, result.visibleUrl, w, h)); document.getElementById('IT_ImageIconBlock').appendChild(link); }})(img, result); img.src = result.url; } } IT.walkAllPage(is); } , switchImageView: function (mode) { var div = document.getElementById('IT_ImageSearchResults'); div.previewMode = mode; IT.initImageDiv(); IT.doImageSearch(); } , switchImageSize: function (size) { var div = document.getElementById('IT_ImageSearchResults'); div.imageSize = size; IT.initImageDiv(); IT.doImageSearch(); } , initImageDiv: function () { var div = document.getElementById('IT_ImageSearchResults'); div.innerHTML = ''; var child = document.createElement('a'); child.name = 'images'; div.appendChild(child); var head = document.createElement('p'); head.appendChild(document.createTextNode('[' + this.keyword() + ']')); var span = document.createElement('span'); span.innerHTML = '&nbsp;'; head.appendChild(span); var span = document.createElement('span'); span.id = 'IT_ImageStateInfo'; head.appendChild(span); var span = document.createElement('span'); span.innerHTML = '&nbsp;'; head.appendChild(span); var span = document.createElement('span'); span.innerHTML = '&nbsp;'; head.appendChild(span); head.appendChild(document.createElement('br')); head.appendChild(document.createTextNode('View:')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Mode'; input.value = 'all'; input.checked = (div.previewMode == 'all'); input.onclick = (function (mode) { return function () { IT.switchImageView(mode); };})('all'); head.appendChild(input); head.appendChild(document.createTextNode('Thumbnail ')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Mode'; input.value = 'preview'; input.checked = (div.previewMode != 'all'); input.onclick = (function (mode) { return function () { IT.switchImageView(mode); };})('preview'); head.appendChild(input); head.appendChild(document.createTextNode('Preview ')); head.appendChild(document.createElement('br')); head.appendChild(document.createTextNode('Size:')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Size'; input.value = 'None'; input.checked = document.getElementById('IT_ImageSearchResults').imageSize == undefined || document.getElementById('IT_ImageSearchResults').imageSize == 'N'; input.onclick = (function (size) { return function () { IT.switchImageSize(size) };})('N'); head.appendChild(input); head.appendChild(document.createTextNode('None ')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Size'; input.value = 'Small'; input.checked = document.getElementById('IT_ImageSearchResults').imageSize == 'S'; input.onclick = (function (size) { return function () { IT.switchImageSize(size) };})('S'); head.appendChild(input); head.appendChild(document.createTextNode('Small ')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Size'; input.value = 'Medium'; input.checked = document.getElementById('IT_ImageSearchResults').imageSize == 'M'; input.onclick = (function (size) { return function () { IT.switchImageSize(size) };})('M'); head.appendChild(input); head.appendChild(document.createTextNode('Medium ')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Size'; input.value = 'Large'; input.checked = document.getElementById('IT_ImageSearchResults').imageSize == 'L'; input.onclick = (function (size) { return function () { IT.switchImageSize(size) };})('L'); head.appendChild(input); head.appendChild(document.createTextNode('Large ')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Size'; input.value = 'ExtraLarge'; input.checked = document.getElementById('IT_ImageSearchResults').imageSize == 'X'; input.onclick = (function (size) { return function () { IT.switchImageSize(size) };})('X'); head.appendChild(input); head.appendChild(document.createTextNode('Extra Large ')); div.appendChild(head); div.style.margin = '1px'; div.style.padding = '1px'; var iconBlock = document.getElementById('IT_ImageIconBlock'); if (iconBlock == null) { iconBlock = document.createElement('div'); iconBlock.id = 'IT_ImageIconBlock'; } iconBlock.previewMode = div.previewMode; if (iconBlock.previewMode == 'all') { iconBlock.style.width = 'auto'; iconBlock.style.height = 'auto'; iconBlock.style.overflow = 'visible'; div.appendChild(iconBlock); } else { iconBlock.style.width = '100px'; iconBlock.style.height = '550px'; iconBlock.style.overflow = 'auto'; var imgA = document.getElementById('IT_ImageLink'); if (imgA == null) { imgA = document.createElement('a'); imgA.id = 'IT_ImageLink'; imgA.target = '_blank'; } var orgA = document.getElementById('IT_ImageSrcLink'); if (orgA == null) { orgA = document.createElement('a'); orgA.id = 'IT_ImageSrcLink'; orgA.target = '_blank'; orgA.innerHTML = '[original site]'; } var descDiv = document.getElementById('IT_ImageDescription'); if (descDiv == null) { descDiv = document.createElement('div'); descDiv.id = 'IT_ImageDescription'; } var table = document.createElement('table'); table.style.border = 'none'; var tbody = document.createElement('tbody'); table.style.border = 'none'; table.appendChild(tbody); var tr = document.createElement('tr'); tbody.appendChild(tr); var viewTd = document.createElement('td'); viewTd.style.textAlign = 'center'; var viewDiv = document.createElement('div'); viewDiv.style.width = '500px'; //viewDiv.style.height = '450px'; viewDiv.style.overflow = 'auto'; viewTd.appendChild(viewDiv); viewTd.style.verticalAlign = 'top'; var br = document.createElement('div'); br.style.clear = 'both'; viewDiv.appendChild(imgA); viewDiv.appendChild(br); viewDiv.appendChild(orgA); viewDiv.appendChild(descDiv); var iconTd = document.createElement('td'); iconTd.style.verticalAlign = 'top'; tr.appendChild(viewTd); tr.appendChild(iconTd); iconTd.appendChild(iconBlock); div.appendChild(table); } } , doImageSearch: function () { var imageSearch = new google.search.ImageSearch(); /* imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_MEDIUM); imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_EXTRA_LARGE); */ imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGETYPE, google.search.ImageSearch.IMAGETYPE_PHOTO); imageSearch.setResultSetSize(google.search.Search.LARGE_RESULTSET); imageSearch.setSearchCompleteCallback(this, IT.isComplete, [imageSearch]); document.getElementById('IT_ImageSearchResults').numSearch = 0; document.getElementById('IT_ImageSearchResults').numGotten = 0; switch (document.getElementById('IT_ImageSearchResults').imageSize) { case 'N': break; default: break; case 'S': imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_SMALL); break; case 'M': imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_MEDIUM); break; case 'L': imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_LARGE); break; case 'X': imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_EXTRA_LARGE); break; } /* imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_EXTRA_LARGE); */ imageSearch.execute(this.keyword()); } , addWebSite: function (html) { var div = document.getElementById('IT_Bin'); div.webSites[div.numWeb++] = html; IT.buildBin(); IT.updateTextArea(); } , wsComplete: function (ws) { if (!ws.results) return; if (ws.results.length <= 0) return; var contentDiv = document.getElementById('IT_WebListBlock'); var results = ws.results; var table = document.createElement('table'); contentDiv.appendChild(table); var tbody = document.createElement('tbody'); table.appendChild(tbody); for (var i = 0; i < results.length; i++) { var result = results[i]; var tr = document.createElement('tr'); tbody.appendChild(tr); var tdButton = document.createElement('td'); tr.appendChild(tdButton); var tdContent = document.createElement('td'); // tdContent.appendChild(result.html.cloneNode(true)); tr.appendChild(tdContent); tdContent.style.border = '1px solid #888'; tdContent.style.margin = '1px'; var content = document.createElement('p'); var a = document.createElement('a'); a.href = result.unescapedUrl; a.target = '_blank'; a.appendChild(document.createTextNode(result.titleNoFormatting)); content.appendChild(a); content.appendChild(document.createTextNode(' - ' + result.visibleUrl)); content.appendChild(document.createElement('br')); var span = document.createElement('span'); span.innerHTML = result.content; content.appendChild(span); tdContent.appendChild(content); var form = document.createElement('form'); tdButton.appendChild(form); var p = document.createElement('p'); form.appendChild(p); var button = document.createElement('input'); button.type = 'button'; button.value = 'web'; button.onclick = (function (html) { return function () { IT.addWebSite(html.cloneNode(true)) }; })(content); p.appendChild(button); } IT.walkAllPage(ws); } , nsComplete: function (ns) { if (!ns.results) return; if (ns.results.length <= 0) return; var contentDiv = document.getElementById('IT_WebListBlock'); var results = ns.results; var table = document.createElement('table'); contentDiv.appendChild(table); var tbody = document.createElement('tbody'); table.appendChild(tbody); for (var i = 0; i < results.length; i++) { var result = results[i]; var tr = document.createElement('tr'); tbody.appendChild(tr); var tdButton = document.createElement('td'); tr.appendChild(tdButton); var tdContent = document.createElement('td'); tr.appendChild(tdContent); tdContent.style.border = '1px solid #888'; tdContent.style.margin = '1px'; var content = document.createElement('p'); if (!(result.image == undefined)) { var newsImg = document.createElement('img'); newsImg.src = result.image.url; newsImg.alt = result.titleNoFormatting; newsImg.border = 'none'; newsImg.margin = '0px' newsImg.padding = '0px' newsImg.onload = (function (img, result) { return function () { img.onload = null; if (img.width <= 0 || img.height <= 0) return; if (img.width > 200) { img.width = 200; /*var W = 200; var H = W * img.height / img.width; img.style.width = W + 'px'; img.style.height = H + 'px';*/ } }})(newsImg); var a = document.createElement('a'); a.href = result.image.originalContextUrl; a.title = result.titleNoFormatting; a.target = '_blank'; a.appendChild(newsImg); var imgTable = document.createElement('table'); var imgTbody = document.createElement('tbody'); var imgTr = document.createElement('tr'); var imgTd = document.createElement('td'); imgTable.appendChild(imgTbody); imgTbody.appendChild(imgTr); imgTr.appendChild(imgTd); imgTd.appendChild(a); imgTable.style.cssFloat = 'right'; imgTable.style.styleFloat = 'right'; imgTable.style.border = '1px outset'; imgTable.style.margin = '5px'; content.appendChild(imgTable); } var a = document.createElement('a'); a.href = result.unescapedUrl; a.target = '_blank'; a.appendChild(document.createTextNode(result.titleNoFormatting)); content.appendChild(a); content.appendChild(document.createTextNode(' ' + result.publisher + ' (' + result.publishedDate + ')')); content.appendChild(document.createElement('br')); var span = document.createElement('span'); span.innerHTML = result.content; content.appendChild(span); var br = document.createElement('br'); br.style.clear = 'both'; content.appendChild(br); tdContent.appendChild(content); var form = document.createElement('form'); tdButton.appendChild(form); var p = document.createElement('p'); form.appendChild(p); var button = document.createElement('input'); button.type = 'button'; button.value = 'news'; button.onclick = (function (html) { return function () { IT.addWebSite(html.cloneNode(true)) }; })(content); p.appendChild(button); } IT.walkAllPage(ns); } , doWebSearch: function () { var webSearch = new google.search.WebSearch(); webSearch.setResultSetSize(google.search.Search.LARGE_RESULTSET); webSearch.setSearchCompleteCallback(this, IT.wsComplete, [webSearch]); document.getElementById('IT_WebListBlock').innerHTML = ''; webSearch.execute(this.keyword()); var newsSearch = new google.search.NewsSearch(); newsSearch.setResultSetSize(google.search.Search.LARGE_RESULTSET); newsSearch.setSearchCompleteCallback(this, IT.nsComplete, [newsSearch]); newsSearch.execute(this.keyword()); } , initWebDiv: function () { var div = document.getElementById('IT_WebSearchResults'); div.innerHTML = ''; var table = document.createElement('table'); var tbody = document.createElement('tbody'); var tr = document.createElement('tr'); var td = document.createElement('td'); var tdDiv = document.createElement('div'); tdDiv.id = 'IT_WebListBlock'; tdDiv.style.overflow = 'auto'; tdDiv.style.height = '250px'; div.appendChild(table); table.appendChild(tbody); tbody.appendChild(tr); tr.appendChild(td); td.appendChild(tdDiv); } , mining: function (target1, target2) { var imageDiv = document.getElementById(target1); var webDiv = document.getElementById(target2); if (!imageDiv || !webDiv) return; imageDiv.innerHTML = ''; webDiv.innerHTML = ''; var div = document.createElement('div'); div.id = 'IT_ImageSearchResults'; div.previewMode = 'preview'; imageDiv.appendChild(div); IT.initImageDiv(); var div = document.createElement('div'); div.id = 'IT_WebSearchResults'; div.previewMode = 'preview'; webDiv.appendChild(div); IT.initWebDiv(); IT.doImageSearch(); IT.doWebSearch(); } , initBin: function () { var bin = document.getElementById('IT_Bin'); bin.numPict = 0; bin.numWeb = 0; bin.innerHTML = ''; IT.updateTextArea(); IT.buildSelectionBox(); return false; } , clickSearch: function () { IT.mining('IT_ImageList', 'IT_WebList'); //IT.initBin(); return false; } , putLabel: function (parent, place) { var label = ''; switch (place) { case 0: label = 'ToolTop'; break; case 1: label = 'ImageResults'; break; case 2: label = 'WebResults'; break; case 3: label = 'GeneratedHTML'; break; } var p = document.createElement('p'); parent.appendChild(p); var a = document.createElement('a'); a.name = label; p.appendChild(a); label = 'ToolTop'; var tn = document.createTextNode(label); if (place == 0) { p.appendChild(tn); } else { var a = document.createElement('a'); a.href = '#' + label; a.appendChild(tn); p.appendChild(a); } p.appendChild(document.createTextNode(' ')); label = 'ImageResults'; var tn = document.createTextNode(label); if (place == 1) { p.appendChild(tn); } else { var a = document.createElement('a'); a.href = '#' + label; a.appendChild(tn); p.appendChild(a); } p.appendChild(document.createTextNode(' ')); label = 'WebResults'; var tn = document.createTextNode(label); if (place == 2) { p.appendChild(tn); } else { var a = document.createElement('a'); a.href = '#' + label; a.appendChild(tn); p.appendChild(a); } p.appendChild(document.createTextNode(' ')); label = 'GeneratedHTML'; var tn = document.createTextNode(label); if (place == 3) { p.appendChild(tn); } else { var a = document.createElement('a'); a.href = '#' + label; a.appendChild(tn); p.appendChild(a); } } , begin: function (place) { //sL.logger.enable(); var placeDiv = document.getElementById(place); placeDiv.style.border = '1px solid #888'; placeDiv.style.padding = '1px'; IT.putLabel(placeDiv, 0); var form = document.createElement('form'); form.style.verticalAlign = 'top'; form.onsubmit = IT.clickSearch; form.id = 'IT_InputForm'; placeDiv.appendChild(form); form.appendChild(document.createTextNode('Keyword:')); var input = document.createElement('input'); input.type = 'text'; input.id = 'IT_SearchKey'; form.appendChild(input); var input = document.createElement('input'); input.type = 'button'; input.value = 'Search'; input.onclick = IT.clickSearch; form.appendChild(input); var input = document.createElement('input'); input.type = 'button'; input.value = 'Clear Keyword'; input.onclick = function () { document.getElementById('IT_SearchKey').value = ''; document.getElementById('IT_SearchKey').focus(); }; form.appendChild(input); var input = document.createElement('input'); input.type = 'button'; input.value = 'Clear Bin'; input.onclick = function () { IT.initBin(); }; form.appendChild(input); //placeDiv.appendChild(document.createElement('br')); var form = document.createElement('form'); form.style.verticalAlign = 'top'; form.onsubmit = IT.clickSearch; placeDiv.appendChild(form); form.appendChild(document.createTextNode('Direct URL:')); var input = document.createElement('input'); input.type = 'text'; input.id = 'IT_DirectURL'; input.onchange = (function () { return function () { var img = document.createElement('img'); img.style.border = '1px sloid #888'; img.style.margin = '1px'; img.style.padding = '1px'; var pv = document.getElementById('IT_DirecdtURLPreview'); pv.innerHTML = ''; pv.appendChild(img); img.src = document.getElementById('IT_DirectURL').value; img.width = 450; }; })(); form.appendChild(input); var input = document.createElement('input'); // dummy button input.type = 'button'; input.value = 'View'; form.appendChild(input); var input = document.createElement('input'); input.type = 'button'; input.value = 'Add'; input.onclick = (function () { return function () { var imgUrl = document.getElementById('IT_DirectURL').value; var dummyImg = document.createElement('img'); dummyImg.src = imgUrl; IT.addPict( { url: imgUrl, titleNoFormatting: imgUrl, width: dummyImg.width, height: dummyImg.height } ); }; })(); form.appendChild(input); var input = document.createElement('input'); input.type = 'button'; input.value = 'Clear'; input.onclick = function () { document.getElementById('IT_DirecdtURLPreview').innerHTML = ''; document.getElementById('IT_DirectURL').value = ''; document.getElementById('IT_DirectURL').focus(); }; form.appendChild(input); var span = document.createElement('span'); span.id = 'IT_DirecdtURLPreview'; form.appendChild(span); IT.putLabel(placeDiv, 1); var table = document.createElement('table'); var tbody = document.createElement('tbody'); var tr = document.createElement('tr'); var td = document.createElement('td'); placeDiv.appendChild(td); var div = document.createElement('div'); div.id = 'IT_ImageSelectList'; div.style.border = 'none'; td.appendChild(div); var div = document.createElement('div'); div.id = 'IT_ImageList'; div.style.border = '1px solid #888'; div.style.margin = '1px'; div.style.padding = '1px'; placeDiv.appendChild(div); IT.putLabel(placeDiv, 2); var div = document.createElement('div'); div.id = 'IT_WebList'; div.style.border = '1px solid #888'; div.style.margin = '1px'; div.style.padding = '1px'; placeDiv.appendChild(div); var div = document.createElement('div'); div.id = 'IT_Bin' div.style.border = '1px solid #888'; div.picts = new Array; div.numPict = 0; div.webSites = new Array; div.numWeb = 0; placeDiv.appendChild(div); IT.putLabel(placeDiv, 3); var gentext = document.createElement('div'); var form = document.createElement('form'); gentext.appendChild(form); var form = document.createElement('form'); placeDiv.appendChild(form); var p = document.createElement('p'); form.appendChild(p); var input = document.createElement('input'); input.type = 'button'; input.value = 'Select'; input.onclick = function () { document.getElementById('IT_GeneratedText').select(); }; p.appendChild(input); p.appendChild(document.createElement('br')); var textArea = document.createElement('textarea'); textArea.rows = 20; textArea.cols = 60; textArea.id = 'IT_GeneratedText'; p.appendChild(textArea); IT.initBin(); } }; //--> </script> <!--<div style="height:200px;overflow:auto;" id="slLogArea">log area</div>--> <div id="tool-pane"> <script type="text/javascript"> <!-- IT.begin('tool-pane'); //--> </script> <noscript>Sorry, you have to enable javascript.</noscript> </div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5281412490715734218.post-20203202701125793952010-05-19T08:38:00.001+09:002010-05-19T08:38:28.569+09:00<table><tbody><tr><td style="vertical-align: top; "><img style="float: left; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(136, 136, 136); border-right-color: rgb(136, 136, 136); border-bottom-color: rgb(136, 136, 136); border-left-color: rgb(136, 136, 136); margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; " width="450" id="id_1274225871599" alt="矢口真里 1274225871599" src="http://f.hatena.ne.jp/images/fotolife/i/idol100/20070818/20070818011902.jpg"></td><td style="vertical-align: top; "><div style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; "><a target="_blank" href="http://image.space.rakuten.co.jp/lg01/18/0001060418/80/imgacb31a61zikbzj.jpeg" title="矢口真里 1274225871599"><img height="100" style="border:1px solid #888;margin:1px;padding:1px" onmouseover="document.getElementById('id_1274225871599').src='http://image.space.rakuten.co.jp/lg01/18/0001060418/80/imgacb31a61zikbzj.jpeg';document.getElementById('id_1274225871599').height='579';return false;" alt="矢口真里 1274225871599" src="http://image.space.rakuten.co.jp/lg01/18/0001060418/80/imgacb31a61zikbzj.jpeg"></a><a target="_blank" href="http://thumbnail.image.rakuten.co.jp/%400_mall/book/cabinet/0878/08780470.jpg" title="矢口真里 1274225871599"><img height="100" style="border:1px solid #888;margin:1px;padding:1px" onmouseover="document.getElementById('id_1274225871599').src='http://thumbnail.image.rakuten.co.jp/%400_mall/book/cabinet/0878/08780470.jpg';document.getElementById('id_1274225871599').height='648';return false;" alt="矢口真里 1274225871599" src="http://thumbnail.image.rakuten.co.jp/%400_mall/book/cabinet/0878/08780470.jpg"></a><a target="_blank" href="http://f.hatena.ne.jp/images/fotolife/i/idol100/20070818/20070818011902.jpg" title="矢口真里 1274225871600"><img height="100" style="border:1px solid #888;margin:1px;padding:1px" onmouseover="document.getElementById('id_1274225871599').src='http://f.hatena.ne.jp/images/fotolife/i/idol100/20070818/20070818011902.jpg';document.getElementById('id_1274225871599').height='600';return false;" alt="矢口真里 1274225871600" src="http://f.hatena.ne.jp/images/fotolife/i/idol100/20070818/20070818011902.jpg"></a></div></td></tr></tbody></table><div id="WebSearchBlock"><p><table style="float: right; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: outset; border-right-style: outset; border-bottom-style: outset; border-left-style: outset; border-color: initial; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; "><tbody><imgtr><td><a href="http://www.cinematoday.jp/page/N0024195" title="矢口真里がアンタッチャブル山崎の言い訳にツッコミ連発！「プライベートでは毎日一緒にはいられないですね」" target="_blank"><img src="http://s.cinematoday.jp/res/N0/02/41/N0024195.jpg" alt="矢口真里がアンタッチャブル山崎の言い訳にツッコミ連発！「プライベートでは毎日一緒にはいられないですね」" border="none"></a></td></imgtr></tbody></table><a href="http://www.cinematoday.jp/page/N0024195" target="_blank">矢口真里がアンタッチャブル山崎の言い訳にツッコミ連発！「プライベートでは毎日一緒にはいられないですね」</a> シネマトゥデイ (Thu, 06 May 2010 06:19:31 -0700)<br><span><b>矢口真里</b> - (C)2010東北新社 原作：伊藤洋介（avex management inc.）／幻冬舎文庫 [シネマトゥデイ映画ニュース] アンタッチャブル山崎弘也と歌手・タレントの<b>矢口真里</b>が出演するサラリーマン必須の大ヒット世渡り指南書を映像化したショートドラマ・ <b>...</b></span><br style="clear: both; "></p><p><table style="float: right; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: outset; border-right-style: outset; border-bottom-style: outset; border-left-style: outset; border-color: initial; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; "><tbody><imgtr><td><a href="http://woman.infoseek.co.jp/news/entertainment/story.html?q=28fujizak20100428023" title="元モー娘・矢口真里が“しゃぶしゃぶの未来”も変えようとしている！" target="_blank"><img src="http://news.www.infoseek.co.jp/img/photos/fuji/zak20100428023view-small.jpg" alt="元モー娘・矢口真里が“しゃぶしゃぶの未来”も変えようとしている！" border="none" width="200"></a></td></imgtr></tbody></table><a href="http://woman.infoseek.co.jp/news/entertainment/story.html?q=28fujizak20100428023" target="_blank">元モー娘・矢口真里が“しゃぶしゃぶの未来”も変えようとしている！</a> インフォシーク (Wed, 28 Apr 2010 01:14:14 -0700)<br><span>日本の未来はＷＯＷ×４～♪と歌っていた元モーニング娘のメンバー<b>矢口真里</b>が、“しゃぶしゃぶの未来”も変えようとしている！ 全国に店舗展開をしている「しゃぶしゃぶ温野菜」の六本木店は、矢口がメニューからインテリアまでをプロデュース。 <b>...</b></span><br style="clear: both; "></p><p><table style="float: right; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: outset; border-right-style: outset; border-bottom-style: outset; border-left-style: outset; border-color: initial; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; "><tbody><imgtr><td><a href="http://www.j-cast.com/mono/2010/04/30065640.html" title="人気モデル愛用おしゃれアイテム チャリティーフリマに出品" target="_blank"><img src="http://www.j-cast.com/mono/images/2010/mono65640_pho01.jpg" alt="人気モデル愛用おしゃれアイテム チャリティーフリマに出品" border="none" width="200"></a></td></imgtr></tbody></table><a href="http://www.j-cast.com/mono/2010/04/30065640.html" target="_blank">人気モデル愛用おしゃれアイテム チャリティーフリマに出品</a> J-CASTニュース (Thu, 29 Apr 2010 19:22:14 -0700)<br><span>タレントの<b>矢口真里</b>さんやテレビ番組プロデューサー・おちまさとさんの妻でファッションモデルの越智千恵子さんといった、有名人やスタイリストたちの私物が出品される。レアな1点モノからオシャレ心をくすぐるアイテムまで幅広く扱っていくという。 <b>...</b></span><br style="clear: both; "></p></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5281412490715734218.post-30891003848179429462010-05-18T00:31:00.001+09:002010-05-18T00:31:48.504+09:00<table><tbody><tr><td style="vertical-align: top; "><img style="float: left; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(136, 136, 136); border-right-color: rgb(136, 136, 136); border-bottom-color: rgb(136, 136, 136); border-left-color: rgb(136, 136, 136); margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; " width="450" id="id_1274110271287" alt="真野恵里菜 1274110271287" src="http://image.blog.livedoor.jp/sakuramakoto/imgs/7/5/751a300c.jpg"></td><td style="vertical-align: top; "><div style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; "><a target="_blank" href="http://www.yassite.com/musume/prof/data/ManoErina.jpg" title="真野恵里菜 1274110271287"><img height="100" style="border:1px solid #888;margin:1px;padding:1px" onmouseover="document.getElementById('id_1274110271287').src='http://www.yassite.com/musume/prof/data/ManoErina.jpg';document.getElementById('id_1274110271287').height='675';return false;" alt="真野恵里菜 1274110271287" src="http://www.yassite.com/musume/prof/data/ManoErina.jpg"></a><a target="_blank" href="http://natalie.mu/media/0812/1203/extra/news_large_manoerina081203.jpg" title="真野恵里菜 1274110271288"><img height="100" style="border:1px solid #888;margin:1px;padding:1px" onmouseover="document.getElementById('id_1274110271287').src='http://natalie.mu/media/0812/1203/extra/news_large_manoerina081203.jpg';document.getElementById('id_1274110271287').height='644';return false;" alt="真野恵里菜 1274110271287" src="http://natalie.mu/media/0812/1203/extra/news_large_manoerina081203.jpg"></a><a target="_blank" href="http://image.blog.livedoor.jp/sakuramakoto/imgs/7/5/751a300c.jpg" title="真野恵里菜 1274110271288"><img height="100" style="border:1px solid #888;margin:1px;padding:1px" onmouseover="document.getElementById('id_1274110271287').src='http://image.blog.livedoor.jp/sakuramakoto/imgs/7/5/751a300c.jpg';document.getElementById('id_1274110271287').height='600';return false;" alt="真野恵里菜 1274110271288" src="http://image.blog.livedoor.jp/sakuramakoto/imgs/7/5/751a300c.jpg"></a></div></td></tr></tbody></table><div id="WebSearchBlock"><p><table style="float: right; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: outset; border-right-style: outset; border-bottom-style: outset; border-left-style: outset; border-color: initial; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; "><tbody><imgtr><td><a href="http://mainichi.jp/enta/cinema/news/20100507mog00m200006000c.html" title="真野恵里菜：「怪談新耳袋 怪奇」で映画デビュー 主題歌も担当 アメリカで先行上映" target="_blank"><img src="http://mainichi.jp/enta/cinema/news/images/20100507mog00m200005000p_size5.jpg" alt="真野恵里菜：「怪談新耳袋 怪奇」で映画デビュー 主題歌も担当 アメリカで先行上映" border="none"></a></td></imgtr></tbody></table><a href="http://mainichi.jp/enta/cinema/news/20100507mog00m200006000c.html" target="_blank">真野恵里菜：「怪談新耳袋 怪奇」で映画デビュー 主題歌も担当 アメリカで先行上映</a> 毎日新聞 (Sun, 09 May 2010 16:06:40 -0700)<br><span>プロジェクト」所属のアイドル、<b>真野恵里菜</b>さん（１９）が、本格ホラー「怪談新耳袋 怪奇」（篠崎誠監督）で映画初主演を務めることが明らかになった。０３年からＢＳ－ＴＢＳ（旧ＢＳ－ｉ）で放送されていた人気ホラーシリーズの劇場版で、今回は「ツキモノ」 <b>...</b></span><br style="clear: both; "></p></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5281412490715734218.post-88323450754216677962010-05-17T06:38:00.016+09:002010-05-24T23:18:39.963+09:00<script src="http://www.google.com/jsapi"></script> <script src="http://sharri.web.fc2.com/JSlab/SL.js"></script> <script type="text/javascript"> <!-- google.load('search', '1'); //--> </script> <script type="text/javascript"> <!-- var IT = { keyword: function() { return document.getElementById('IT_SearchKey').value; } , walkAllPage: function (s) { var cursor = s.cursor; var next = cursor.currentPageIndex + 1; if (next >= cursor.pages.length) return; s.gotoPage(next); } , buildIcon: function (url, alt, width, height) { var newImg = document.createElement('img'); newImg.alt = alt; newImg.src = url; newImg.height = height; newImg.width = width; newImg.style.margin = '1px'; newImg.style.padding = '1px'; newImg.style.border = '1px solid #888'; return newImg; } , viewResult: function (result) { var imgUrl = result.url; var srcUrl = result.originalContextUrl; var width = result.width; var height = result.height; var content = result.titleNoFormatting; var aSrc = document.getElementById('IT_ImageSrcLink'); var aImg = document.getElementById('IT_ImageLink'); var d = document.getElementById('IT_ImageDescription'); if (aImg == null || aSrc == null || d == null) return; d.innerHTML = ''; d.appendChild(document.createTextNode(content)); d.appendChild(document.createElement('br')); d.appendChild(document.createTextNode('img = ' + imgUrl)); d.appendChild(document.createElement('br')); d.appendChild(document.createTextNode('src = ' + srcUrl)); d.appendChild(document.createElement('br')); var img = document.createElement('img'); img.style.border = 'none'; aSrc.href = srcUrl; img.alt = imgUrl + ' (' + width + 'x' + height + ')'; img.src = imgUrl; var aW = width; var aH = height; img.width = 450; aImg.innerHTML = ''; aImg.href = imgUrl; aImg.title = imgUrl + ' (' + width + 'x' + height + ')'; aImg.appendChild(img); } , buildIconHtml: function (result, uid) { var viewScript = "document.getElementById('" + uid + "').src='" + result.url +"';" + "document.getElementById('" + uid + "').height='" + Math.floor(result.height * 450 / result.width) +"';" + 'return false;'; var img = '<img ' + ' height="100" ' + ' style="border:1px solid #888;margin:1px;padding:1px"' + ' onmouseover="' + viewScript + '"' + ' alt="' + this.keyword() + ' ' + (new Date).getTime() + '"' + ' src="' + result.url + '"' + ' />'; var a = '<a' + ' target="_blank"' + ' href="' + result.url + '"' + ' title="' + this.keyword() + ' ' + (new Date).getTime() + '"' + ' >' + img + '</a>'; return a; } , buildEraseIcon: function(picts, index) { var eraseIcon = sL.image.buildSquareLink( 70, 'javascript:void(0);', picts[index].url, picts[index].titleNoFormatting ); eraseIcon.style.cssFloat = 'left'; eraseIcon.style.styleFloat = 'left'; eraseIcon.style.border = '1px outset'; eraseIcon.style.margin = '1px'; eraseIcon.style.padding = '1px'; eraseIcon.onclick = (function (i) { return function () { IT.removePict(i); };})(index); return eraseIcon; } , buildSelectionBox: function() { var bin = document.getElementById('IT_Bin'); var sbox = document.getElementById('IT_ImageSelectList'); sbox.innerHTML = ''; for (var i = 0; i < bin.numPict; ++i) { if (!bin.picts[i]) continue; sbox.appendChild(this.buildEraseIcon(bin.picts, i)); } } , buildBin: function () { var bin = document.getElementById('IT_Bin'); var uid = 'id_'+ (new Date).getTime(); bin.innerHTML = ''; var table = document.createElement('table'); var tbody = document.createElement('tbody'); var tr = document.createElement('tr'); var tdView = document.createElement('td'); var tdIcon = document.createElement('td'); bin.appendChild(table); table.appendChild(tbody); tbody.appendChild(tr); tr.appendChild(tdView); tr.appendChild(tdIcon); tdIcon.style.verticalAlign = 'top'; tdView.style.verticalAlign = 'top'; var img = document.createElement('img'); img.style.cssFloat = 'left'; img.style.styleFloat = 'left'; img.style.border = '1px solid #888'; img.style.margin = '1px'; img.style.padding = '1px'; img.width = 450; img.id = uid; img.alt = this.keyword() + ' ' + (new Date).getTime(); if (bin.numPict > 0) { for (i = bin.numPict; i > 0; --i) { if (!bin.picts[i - 1]) continue; img.src = bin.picts[i - 1].url; break; } } tdView.appendChild(img); var div = document.createElement('div'); div.style.border = 'none'; div.style.margin = '1px'; div.style.padding = '1px'; tdIcon.appendChild(div); for (var i = 0; i < bin.numPict; ++i) { if (!bin.picts[i]) continue; div.innerHTML += IT.buildIconHtml(bin.picts[i], uid); } IT.buildSelectionBox(); var wsBlock = document.createElement('div'); wsBlock.id = 'WebSearchBlock'; bin.appendChild(wsBlock); for (var i = 0; i < bin.numWeb; ++i) { wsBlock.appendChild(bin.webSites[i]); } } , updateTextArea: function () { var text = document.getElementById('IT_GeneratedText'); text.innerHTML = ''; text.appendChild( document.createTextNode( document.getElementById('IT_Bin').innerHTML)); } , removePict: function (i) { var div = document.getElementById('IT_Bin'); if (!(i < div.numPict)) return; div.picts[i] = null; IT.buildBin(); IT.updateTextArea(); } , addPict: function (result) { var div = document.getElementById('IT_Bin'); div.picts[div.numPict++] = result; IT.buildBin(); IT.updateTextArea(); } , showImageState: function () { document.getElementById('IT_ImageStateInfo').innerHTML = document.getElementById('IT_ImageSearchResults').numGotten + '/' + document.getElementById('IT_ImageSearchResults').numSearch ; } , isComplete: function (is) { if (!is.results) return; if (is.results.length <= 0) return; var contentDiv = document.getElementById('IT_ImageIconBlock'); var results = is.results; document.getElementById('IT_ImageSearchResults').numSearch += results.length; IT.showImageState(); if (contentDiv.previewMode == 'all') { for (var i = 0; i < results.length; i++) { var result = results[i]; var img = document.createElement('img'); img.onload = (function (img, result) { return function () { img.onload = null; if (img.width != result.width || img.height != result.height) { sL.logger.log('drop:' + result.url + ' w:' + img.width + '/' + result.width + ' h:' + img.height + '/' + result.height); return; } img.alt = result.titleNoFormatting+ '('+ result.width + 'x' + result.height + ')'; document.getElementById('IT_ImageSearchResults').numGotten += 1; IT.showImageState(); var link = document.createElement('a'); link.title = result.titleNoFormatting+ '('+ result.width + 'x' + result.height + ')'; link.href = 'javascript:void(0);'; link.onclick = (function (result) { return function () { IT.addPict(result) };})(result); var h = 120; var w = (result.tbWidth * h) / result.tbHeight; link.appendChild(IT.buildIcon(result.tbUrl, result.visibleUrl, w, h)); document.getElementById('IT_ImageIconBlock').appendChild(link); }})(img, result); img.src = result.url; } } else { for (var i = 0; i < results.length; i++) { var result = results[i]; var img = document.createElement('img'); img.onload = (function (img, result) { return function () { img.onload = null; if (img.width != result.width || img.height != result.height) { sL.logger.log('drop:' + result.url + ' w:' + img.width + '/' + result.width + ' h:' + img.height + '/' + result.height); return; } img.alt = result.titleNoFormatting+ '('+ result.width + 'x' + result.height + ')'; document.getElementById('IT_ImageSearchResults').numGotten += 1; IT.showImageState(); var link = document.createElement('a'); link.title = result.titleNoFormatting+ '('+ result.width + 'x' + result.height + ')'; link.href = 'javascript:void(0);'; link.onclick = (function (result) { return function () { IT.addPict(result) };})(result); link.onmouseover = (function (result) { return function () { IT.viewResult(result) };})(result); link.onfocus = (function (result) { return function () { IT.viewResult(result) };})(result); var w = 80; var h = (result.tbHeight * w) / result.tbWidth; link.appendChild(IT.buildIcon(result.tbUrl, result.visibleUrl, w, h)); document.getElementById('IT_ImageIconBlock').appendChild(link); }})(img, result); img.src = result.url; } } IT.walkAllPage(is); } , switchImageView: function (mode) { var div = document.getElementById('IT_ImageSearchResults'); div.previewMode = mode; IT.initImageDiv(); IT.doImageSearch(); } , switchImageSize: function (size) { var div = document.getElementById('IT_ImageSearchResults'); div.imageSize = size; IT.initImageDiv(); IT.doImageSearch(); } , initImageDiv: function () { var div = document.getElementById('IT_ImageSearchResults'); div.innerHTML = ''; var child = document.createElement('a'); child.name = 'images'; div.appendChild(child); var head = document.createElement('p'); head.appendChild(document.createTextNode('[' + this.keyword() + ']')); var span = document.createElement('span'); span.innerHTML = '&nbsp;'; head.appendChild(span); var span = document.createElement('span'); span.id = 'IT_ImageStateInfo'; head.appendChild(span); var span = document.createElement('span'); span.innerHTML = '&nbsp;'; head.appendChild(span); var a = document.createElement('a'); a.href = 'javascript:void(0);'; a.onclick = IT.initBin; a.appendChild(document.createTextNode('Clear')); head.appendChild(a); var span = document.createElement('span'); span.innerHTML = '&nbsp;'; head.appendChild(span); head.appendChild(document.createElement('br')); head.appendChild(document.createTextNode('View:')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Mode'; input.value = 'all'; input.checked = (div.previewMode == 'all'); input.onclick = (function (mode) { return function () { IT.switchImageView(mode); };})('all'); head.appendChild(input); head.appendChild(document.createTextNode('Thumbnail ')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Mode'; input.value = 'preview'; input.checked = (div.previewMode != 'all'); input.onclick = (function (mode) { return function () { IT.switchImageView(mode); };})('preview'); head.appendChild(input); head.appendChild(document.createTextNode('Preview ')); head.appendChild(document.createElement('br')); head.appendChild(document.createTextNode('Size:')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Size'; input.value = 'None'; input.checked = document.getElementById('IT_ImageSearchResults').imageSize == undefined || document.getElementById('IT_ImageSearchResults').imageSize == 'N'; input.onclick = (function (size) { return function () { IT.switchImageSize(size) };})('N'); head.appendChild(input); head.appendChild(document.createTextNode('None ')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Size'; input.value = 'Small'; input.checked = document.getElementById('IT_ImageSearchResults').imageSize == 'S'; input.onclick = (function (size) { return function () { IT.switchImageSize(size) };})('S'); head.appendChild(input); head.appendChild(document.createTextNode('Small ')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Size'; input.value = 'Medium'; input.checked = document.getElementById('IT_ImageSearchResults').imageSize == 'M'; input.onclick = (function (size) { return function () { IT.switchImageSize(size) };})('M'); head.appendChild(input); head.appendChild(document.createTextNode('Medium ')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Size'; input.value = 'Large'; input.checked = document.getElementById('IT_ImageSearchResults').imageSize == 'L'; input.onclick = (function (size) { return function () { IT.switchImageSize(size) };})('L'); head.appendChild(input); head.appendChild(document.createTextNode('Large ')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Size'; input.value = 'ExtraLarge'; input.checked = document.getElementById('IT_ImageSearchResults').imageSize == 'X'; input.onclick = (function (size) { return function () { IT.switchImageSize(size) };})('X'); head.appendChild(input); head.appendChild(document.createTextNode('Extra Large ')); div.appendChild(head); div.style.margin = '1px'; div.style.padding = '1px'; var iconBlock = document.getElementById('IT_ImageIconBlock'); if (iconBlock == null) { iconBlock = document.createElement('div'); iconBlock.id = 'IT_ImageIconBlock'; } iconBlock.previewMode = div.previewMode; if (iconBlock.previewMode == 'all') { iconBlock.style.width = 'auto'; iconBlock.style.height = 'auto'; iconBlock.style.overflow = 'visible'; div.appendChild(iconBlock); } else { iconBlock.style.width = '100px'; iconBlock.style.height = '550px'; iconBlock.style.overflow = 'auto'; var imgA = document.getElementById('IT_ImageLink'); if (imgA == null) { imgA = document.createElement('a'); imgA.id = 'IT_ImageLink'; imgA.target = '_blank'; } var orgA = document.getElementById('IT_ImageSrcLink'); if (orgA == null) { orgA = document.createElement('a'); orgA.id = 'IT_ImageSrcLink'; orgA.target = '_blank'; orgA.innerHTML = '[original site]'; } var descDiv = document.getElementById('IT_ImageDescription'); if (descDiv == null) { descDiv = document.createElement('div'); descDiv.id = 'IT_ImageDescription'; } var table = document.createElement('table'); table.style.border = 'none'; var tbody = document.createElement('tbody'); table.style.border = 'none'; table.appendChild(tbody); var tr = document.createElement('tr'); tbody.appendChild(tr); var viewTd = document.createElement('td'); viewTd.style.textAlign = 'center'; var viewDiv = document.createElement('div'); viewDiv.style.width = '500px'; //viewDiv.style.height = '450px'; viewDiv.style.overflow = 'auto'; viewTd.appendChild(viewDiv); viewTd.style.verticalAlign = 'top'; var br = document.createElement('div'); br.style.clear = 'both'; viewDiv.appendChild(imgA); viewDiv.appendChild(br); viewDiv.appendChild(orgA); viewDiv.appendChild(descDiv); var iconTd = document.createElement('td'); iconTd.style.verticalAlign = 'top'; tr.appendChild(viewTd); tr.appendChild(iconTd); iconTd.appendChild(iconBlock); div.appendChild(table); } } , doImageSearch: function () { var imageSearch = new google.search.ImageSearch(); /* imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_MEDIUM); imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_EXTRA_LARGE); */ imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGETYPE, google.search.ImageSearch.IMAGETYPE_PHOTO); imageSearch.setResultSetSize(google.search.Search.LARGE_RESULTSET); imageSearch.setSearchCompleteCallback(this, IT.isComplete, [imageSearch]); document.getElementById('IT_ImageSearchResults').numSearch = 0; document.getElementById('IT_ImageSearchResults').numGotten = 0; switch (document.getElementById('IT_ImageSearchResults').imageSize) { case 'N': break; default: break; case 'S': imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_SMALL); break; case 'M': imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_MEDIUM); break; case 'L': imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_LARGE); break; case 'X': imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_EXTRA_LARGE); break; } /* imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_EXTRA_LARGE); */ imageSearch.execute(this.keyword()); } , addWebSite: function (html) { var div = document.getElementById('IT_Bin'); div.webSites[div.numWeb++] = html; IT.buildBin(); IT.updateTextArea(); } , wsComplete: function (ws) { if (!ws.results) return; if (ws.results.length <= 0) return; var contentDiv = document.getElementById('IT_WebListBlock'); var results = ws.results; var table = document.createElement('table'); contentDiv.appendChild(table); var tbody = document.createElement('tbody'); table.appendChild(tbody); for (var i = 0; i < results.length; i++) { var result = results[i]; var tr = document.createElement('tr'); tbody.appendChild(tr); var tdButton = document.createElement('td'); tr.appendChild(tdButton); var tdContent = document.createElement('td'); // tdContent.appendChild(result.html.cloneNode(true)); tr.appendChild(tdContent); tdContent.style.border = '1px solid #888'; tdContent.style.margin = '1px'; var content = document.createElement('p'); var a = document.createElement('a'); a.href = result.unescapedUrl; a.target = '_blank'; a.appendChild(document.createTextNode(result.titleNoFormatting)); content.appendChild(a); content.appendChild(document.createTextNode(' - ' + result.visibleUrl)); content.appendChild(document.createElement('br')); var span = document.createElement('span'); span.innerHTML = result.content; content.appendChild(span); tdContent.appendChild(content); var form = document.createElement('form'); tdButton.appendChild(form); var p = document.createElement('p'); form.appendChild(p); var button = document.createElement('input'); button.type = 'button'; button.value = 'web'; button.onclick = (function (html) { return function () { IT.addWebSite(html.cloneNode(true)) }; })(content); p.appendChild(button); } IT.walkAllPage(ws); } , nsComplete: function (ns) { if (!ns.results) return; if (ns.results.length <= 0) return; var contentDiv = document.getElementById('IT_WebListBlock'); var results = ns.results; var table = document.createElement('table'); contentDiv.appendChild(table); var tbody = document.createElement('tbody'); table.appendChild(tbody); for (var i = 0; i < results.length; i++) { var result = results[i]; var tr = document.createElement('tr'); tbody.appendChild(tr); var tdButton = document.createElement('td'); tr.appendChild(tdButton); var tdContent = document.createElement('td'); tr.appendChild(tdContent); tdContent.style.border = '1px solid #888'; tdContent.style.margin = '1px'; var content = document.createElement('p'); if (!(result.image == undefined)) { var newsImg = document.createElement('img'); newsImg.src = result.image.url; newsImg.alt = result.titleNoFormatting; newsImg.border = 'none'; newsImg.margin = '0px' newsImg.padding = '0px' newsImg.onload = (function (img, result) { return function () { img.onload = null; if (img.width <= 0 || img.height <= 0) return; if (img.width > 200) { img.width = 200; /*var W = 200; var H = W * img.height / img.width; img.style.width = W + 'px'; img.style.height = H + 'px';*/ } }})(newsImg); var a = document.createElement('a'); a.href = result.image.originalContextUrl; a.title = result.titleNoFormatting; a.target = '_blank'; a.appendChild(newsImg); var imgTable = document.createElement('table'); var imgTbody = document.createElement('tbody'); var imgTr = document.createElement('tr'); var imgTd = document.createElement('td'); imgTable.appendChild(imgTbody); imgTbody.appendChild(imgTr); imgTr.appendChild(imgTd); imgTd.appendChild(a); imgTable.style.cssFloat = 'right'; imgTable.style.styleFloat = 'right'; imgTable.style.border = '1px outset'; imgTable.style.margin = '5px'; content.appendChild(imgTable); } var a = document.createElement('a'); a.href = result.unescapedUrl; a.target = '_blank'; a.appendChild(document.createTextNode(result.titleNoFormatting)); content.appendChild(a); content.appendChild(document.createTextNode(' ' + result.publisher + ' (' + result.publishedDate + ')')); content.appendChild(document.createElement('br')); var span = document.createElement('span'); span.innerHTML = result.content; content.appendChild(span); var br = document.createElement('br'); br.style.clear = 'both'; content.appendChild(br); tdContent.appendChild(content); var form = document.createElement('form'); tdButton.appendChild(form); var p = document.createElement('p'); form.appendChild(p); var button = document.createElement('input'); button.type = 'button'; button.value = 'news'; button.onclick = (function (html) { return function () { IT.addWebSite(html.cloneNode(true)) }; })(content); p.appendChild(button); } IT.walkAllPage(ns); } , doWebSearch: function () { var webSearch = new google.search.WebSearch(); webSearch.setResultSetSize(google.search.Search.LARGE_RESULTSET); webSearch.setSearchCompleteCallback(this, IT.wsComplete, [webSearch]); document.getElementById('IT_WebListBlock').innerHTML = ''; webSearch.execute(this.keyword()); var newsSearch = new google.search.NewsSearch(); newsSearch.setResultSetSize(google.search.Search.LARGE_RESULTSET); newsSearch.setSearchCompleteCallback(this, IT.nsComplete, [newsSearch]); newsSearch.execute(this.keyword()); } , initWebDiv: function () { var div = document.getElementById('IT_WebSearchResults'); div.innerHTML = ''; var table = document.createElement('table'); var tbody = document.createElement('tbody'); var tr = document.createElement('tr'); var td = document.createElement('td'); var tdDiv = document.createElement('div'); tdDiv.id = 'IT_WebListBlock'; tdDiv.style.overflow = 'auto'; tdDiv.style.height = '250px'; div.appendChild(table); table.appendChild(tbody); tbody.appendChild(tr); tr.appendChild(td); td.appendChild(tdDiv); } , mining: function (target1, target2) { var imageDiv = document.getElementById(target1); var webDiv = document.getElementById(target2); if (!imageDiv || !webDiv) return; imageDiv.innerHTML = ''; webDiv.innerHTML = ''; var div = document.createElement('div'); div.id = 'IT_ImageSearchResults'; div.previewMode = 'preview'; imageDiv.appendChild(div); IT.initImageDiv(); var div = document.createElement('div'); div.id = 'IT_WebSearchResults'; div.previewMode = 'preview'; webDiv.appendChild(div); IT.initWebDiv(); IT.doImageSearch(); IT.doWebSearch(); } , initBin: function () { var bin = document.getElementById('IT_Bin'); bin.numPict = 0; bin.numWeb = 0; bin.innerHTML = ''; IT.updateTextArea(); IT.buildSelectionBox(); return false; } , clickSearch: function () { IT.mining('IT_ImageList', 'IT_WebList'); IT.initBin(); return false; } , putLabel: function (parent, place) { var label = ''; switch (place) { case 0: label = 'ToolTop'; break; case 1: label = 'ImageResults'; break; case 2: label = 'WebResults'; break; case 3: label = 'GeneratedHTML'; break; } var p = document.createElement('p'); parent.appendChild(p); var a = document.createElement('a'); a.name = label; p.appendChild(a); label = 'ToolTop'; var tn = document.createTextNode(label); if (place == 0) { p.appendChild(tn); } else { var a = document.createElement('a'); a.href = '#' + label; a.appendChild(tn); p.appendChild(a); } p.appendChild(document.createTextNode(' ')); label = 'ImageResults'; var tn = document.createTextNode(label); if (place == 1) { p.appendChild(tn); } else { var a = document.createElement('a'); a.href = '#' + label; a.appendChild(tn); p.appendChild(a); } p.appendChild(document.createTextNode(' ')); label = 'WebResults'; var tn = document.createTextNode(label); if (place == 2) { p.appendChild(tn); } else { var a = document.createElement('a'); a.href = '#' + label; a.appendChild(tn); p.appendChild(a); } p.appendChild(document.createTextNode(' ')); label = 'GeneratedHTML'; var tn = document.createTextNode(label); if (place == 3) { p.appendChild(tn); } else { var a = document.createElement('a'); a.href = '#' + label; a.appendChild(tn); p.appendChild(a); } } , begin: function (place) { //sL.logger.enable(); var placeDiv = document.getElementById(place); placeDiv.style.border = '1px solid #888'; placeDiv.style.padding = '1px'; IT.putLabel(placeDiv, 0); var form = document.createElement('form'); form.style.verticalAlign = 'top'; form.onsubmit = IT.clickSearch; form.id = 'IT_InputForm'; placeDiv.appendChild(form); form.appendChild(document.createTextNode('Keyword:')); var input = document.createElement('input'); input.type = 'text'; input.id = 'IT_SearchKey'; form.appendChild(input); var input = document.createElement('input'); input.type = 'button'; input.value = 'Search'; input.onclick = IT.clickSearch; form.appendChild(input); var input = document.createElement('input'); input.type = 'button'; input.value = 'Clear'; input.onclick = function () { document.getElementById('IT_SearchKey').value = ''; document.getElementById('IT_SearchKey').focus(); }; form.appendChild(input); //placeDiv.appendChild(document.createElement('br')); var form = document.createElement('form'); form.style.verticalAlign = 'top'; form.onsubmit = IT.clickSearch; placeDiv.appendChild(form); form.appendChild(document.createTextNode('Direct URL:')); var input = document.createElement('input'); input.type = 'text'; input.id = 'IT_DirectURL'; input.onchange = (function () { return function () { var img = document.createElement('img'); img.style.border = '1px sloid #888'; img.style.margin = '1px'; img.style.padding = '1px'; var pv = document.getElementById('IT_DirecdtURLPreview'); pv.innerHTML = ''; pv.appendChild(img); img.src = document.getElementById('IT_DirectURL').value; img.width = 450; }; })(); form.appendChild(input); var input = document.createElement('input'); // dummy button input.type = 'button'; input.value = 'View'; form.appendChild(input); var input = document.createElement('input'); input.type = 'button'; input.value = 'Add'; input.onclick = (function () { return function () { var imgUrl = document.getElementById('IT_DirectURL').value; var dummyImg = document.createElement('img'); dummyImg.src = imgUrl; IT.addPict( { url: imgUrl, titleNoFormatting: imgUrl, width: dummyImg.width, height: dummyImg.height } ); }; })(); form.appendChild(input); var input = document.createElement('input'); input.type = 'button'; input.value = 'Clear'; input.onclick = function () { document.getElementById('IT_DirecdtURLPreview').innerHTML = ''; document.getElementById('IT_DirectURL').value = ''; document.getElementById('IT_DirectURL').focus(); }; form.appendChild(input); var span = document.createElement('span'); span.id = 'IT_DirecdtURLPreview'; form.appendChild(span); IT.putLabel(placeDiv, 1); var table = document.createElement('table'); var tbody = document.createElement('tbody'); var tr = document.createElement('tr'); var td = document.createElement('td'); placeDiv.appendChild(td); var div = document.createElement('div'); div.id = 'IT_ImageSelectList'; div.style.border = 'none'; td.appendChild(div); var div = document.createElement('div'); div.id = 'IT_ImageList'; div.style.border = '1px solid #888'; div.style.margin = '1px'; div.style.padding = '1px'; placeDiv.appendChild(div); IT.putLabel(placeDiv, 2); var div = document.createElement('div'); div.id = 'IT_WebList'; div.style.border = '1px solid #888'; div.style.margin = '1px'; div.style.padding = '1px'; placeDiv.appendChild(div); var div = document.createElement('div'); div.id = 'IT_Bin' div.style.border = '1px solid #888'; div.picts = new Array; div.numPict = 0; div.webSites = new Array; div.numWeb = 0; placeDiv.appendChild(div); IT.putLabel(placeDiv, 3); var gentext = document.createElement('div'); var form = document.createElement('form'); gentext.appendChild(form); var form = document.createElement('form'); placeDiv.appendChild(form); var p = document.createElement('p'); form.appendChild(p); var input = document.createElement('input'); input.type = 'button'; input.value = 'Select'; input.onclick = function () { document.getElementById('IT_GeneratedText').select(); }; p.appendChild(input); p.appendChild(document.createElement('br')); var textArea = document.createElement('textarea'); textArea.rows = 20; textArea.cols = 60; textArea.id = 'IT_GeneratedText'; p.appendChild(textArea); } }; //--> </script> <!--<div style="height:200px;overflow:auto;" id="slLogArea">log area</div>--> <div id="tool-pane"> <script type="text/javascript"> <!-- IT.begin('tool-pane'); //--> </script> <noscript>Sorry, you have to enable javascript.</noscript> </div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5281412490715734218.post-6343750741674702802010-05-10T07:29:00.001+09:002010-05-10T07:29:09.707+09:00<table><tbody><tr><td style="vertical-align: top; "><img style="float: left; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(136, 136, 136); border-right-color: rgb(136, 136, 136); border-bottom-color: rgb(136, 136, 136); border-left-color: rgb(136, 136, 136); margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; " width="450" id="id_1273444117125" alt="杉原杏璃 1273444117126" src="http://static.straightline.jp/html/found/static/upload/l/l_a7414b2b10455c6e4068de13a8352e8e.jpg"></td><td style="vertical-align: top; "><div style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; "><a target="_blank" href="http://aidle.up.seesaa.net/image/3305532578_dae6c52ea6.jpg" title="杉原杏璃 1273444117126"><img height="100" style="border:1px solid #888;margin:1px;padding:1px" onmouseover="document.getElementById('id_1273444117125').src='http://aidle.up.seesaa.net/image/3305532578_dae6c52ea6.jpg';document.getElementById('id_1273444117125').height='675';return false;" alt="杉原杏璃 1273444117126" src="http://aidle.up.seesaa.net/image/3305532578_dae6c52ea6.jpg"></a><a target="_blank" href="http://farm4.static.flickr.com/3246/3042029241_9cb181a9c6.jpg" title="杉原杏璃 1273444117127"><img height="100" style="border:1px solid #888;margin:1px;padding:1px" onmouseover="document.getElementById('id_1273444117125').src='http://farm4.static.flickr.com/3246/3042029241_9cb181a9c6.jpg';document.getElementById('id_1273444117125').height='673';return false;" alt="杉原杏璃 1273444117127" src="http://farm4.static.flickr.com/3246/3042029241_9cb181a9c6.jpg"></a><a target="_blank" href="http://static.straightline.jp/html/found/static/upload/l/l_a7414b2b10455c6e4068de13a8352e8e.jpg" title="杉原杏璃 1273444117127"><img height="100" style="border:1px solid #888;margin:1px;padding:1px" onmouseover="document.getElementById('id_1273444117125').src='http://static.straightline.jp/html/found/static/upload/l/l_a7414b2b10455c6e4068de13a8352e8e.jpg';document.getElementById('id_1273444117125').height='675';return false;" alt="杉原杏璃 1273444117127" src="http://static.straightline.jp/html/found/static/upload/l/l_a7414b2b10455c6e4068de13a8352e8e.jpg"></a></div></td></tr></tbody></table><div id="WebSearchBlock"></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5281412490715734218.post-85386721927341078452010-05-10T07:26:00.003+09:002010-05-16T11:02:07.681+09:00<a name='more'></a> <script src="http://www.google.com/jsapi"></script> <script src="http://sharri.web.fc2.com/JSlab/SL.js"></script> <script type="text/javascript"> <!-- google.load('search', '1'); //--> </script> <script type="text/javascript"> <!-- var IT = { keyword: function() { return document.getElementById('IT_SearchKey').value; } , walkAllPage: function (s) { var cursor = s.cursor; var next = cursor.currentPageIndex + 1; if (next >= cursor.pages.length) return; s.gotoPage(next); } , buildIcon: function (url, alt, width, height) { var newImg = document.createElement('img'); newImg.alt = alt; newImg.src = url; newImg.height = height; newImg.width = width; newImg.style.margin = '1px'; newImg.style.padding = '1px'; newImg.style.border = '1px solid #888'; return newImg; } , viewResult: function (result) { var imgUrl = result.url; var srcUrl = result.originalContextUrl; var width = result.width; var height = result.height; var content = result.titleNoFormatting; var aSrc = document.getElementById('IT_ImageSrcLink'); var aImg = document.getElementById('IT_ImageLink'); var d = document.getElementById('IT_ImageDescription'); if (aImg == null || aSrc == null || d == null) return; d.innerHTML = ''; d.appendChild(document.createTextNode(content)); d.appendChild(document.createElement('br')); d.appendChild(document.createTextNode('img = ' + imgUrl)); d.appendChild(document.createElement('br')); d.appendChild(document.createTextNode('src = ' + srcUrl)); d.appendChild(document.createElement('br')); var img = document.createElement('img'); img.style.border = 'none'; aSrc.href = srcUrl; img.alt = imgUrl + ' (' + width + 'x' + height + ')'; img.src = imgUrl; var aW = width; var aH = height; img.width = 450; aImg.innerHTML = ''; aImg.href = imgUrl; aImg.title = imgUrl + ' (' + width + 'x' + height + ')'; aImg.appendChild(img); } , buildIconHtml: function (result, uid) { var viewScript = "document.getElementById('" + uid + "').src='" + result.url +"';" + "document.getElementById('" + uid + "').height='" + Math.floor(result.height * 450 / result.width) +"';" + 'return false;'; var img = '<img ' + ' height="100" ' + ' style="border:1px solid #888;margin:1px;padding:1px"' + ' onmouseover="' + viewScript + '"' + ' alt="' + this.keyword() + ' ' + (new Date).getTime() + '"' + ' src="' + result.url + '"' + ' />'; var a = '<a' + ' target="_blank"' + ' href="' + result.url + '"' + ' title="' + this.keyword() + ' ' + (new Date).getTime() + '"' + ' >' + img + '</a>'; return a; } , buildEraseIcon: function(picts, index) { var eraseIcon = sL.image.buildSquareLink( 70, 'javascript:void(0);', picts[index].url, picts[index].titleNoFormatting ); eraseIcon.style.cssFloat = 'left'; eraseIcon.style.styleFloat = 'left'; eraseIcon.style.border = '1px outset'; eraseIcon.style.margin = '1px'; eraseIcon.style.padding = '1px'; eraseIcon.onclick = (function (i) { return function () { IT.removePict(i); };})(index); return eraseIcon; } , buildSelectionBox: function() { var bin = document.getElementById('IT_Bin'); var sbox = document.getElementById('IT_ImageSelectList'); sbox.innerHTML = ''; for (var i = 0; i < bin.numPict; ++i) { if (!bin.picts[i]) continue; sbox.appendChild(this.buildEraseIcon(bin.picts, i)); } } , buildBin: function () { var bin = document.getElementById('IT_Bin'); var uid = 'id_'+ (new Date).getTime(); bin.innerHTML = ''; var table = document.createElement('table'); var tbody = document.createElement('tbody'); var tr = document.createElement('tr'); var tdView = document.createElement('td'); var tdIcon = document.createElement('td'); bin.appendChild(table); table.appendChild(tbody); tbody.appendChild(tr); tr.appendChild(tdView); tr.appendChild(tdIcon); tdIcon.style.verticalAlign = 'top'; tdView.style.verticalAlign = 'top'; var img = document.createElement('img'); img.style.cssFloat = 'left'; img.style.styleFloat = 'left'; img.style.border = '1px solid #888'; img.style.margin = '1px'; img.style.padding = '1px'; img.width = 450; img.id = uid; img.alt = this.keyword() + ' ' + (new Date).getTime(); if (bin.numPict > 0) { for (i = bin.numPict; i > 0; --i) { if (!bin.picts[i - 1]) continue; img.src = bin.picts[i - 1].url; break; } } tdView.appendChild(img); var div = document.createElement('div'); div.style.border = 'none'; div.style.margin = '1px'; div.style.padding = '1px'; tdIcon.appendChild(div); for (var i = 0; i < bin.numPict; ++i) { if (!bin.picts[i]) continue; div.innerHTML += IT.buildIconHtml(bin.picts[i], uid); } IT.buildSelectionBox(); var wsBlock = document.createElement('div'); wsBlock.id = 'WebSearchBlock'; bin.appendChild(wsBlock); for (var i = 0; i < bin.numWeb; ++i) { wsBlock.appendChild(bin.webSites[i]); } } , updateTextArea: function () { var text = document.getElementById('IT_GeneratedText'); text.innerHTML = ''; text.appendChild( document.createTextNode( document.getElementById('IT_Bin').innerHTML)); } , removePict: function (i) { var div = document.getElementById('IT_Bin'); if (!(i < div.numPict)) return; div.picts[i] = null; IT.buildBin(); IT.updateTextArea(); } , addPict: function (result) { var div = document.getElementById('IT_Bin'); div.picts[div.numPict++] = result; IT.buildBin(); IT.updateTextArea(); } , showImageState: function () { document.getElementById('IT_ImageStateInfo').innerHTML = document.getElementById('IT_ImageSearchResults').numGotten + '/' + document.getElementById('IT_ImageSearchResults').numSearch ; } , isComplete: function (is) { if (!is.results) return; if (is.results.length <= 0) return; var contentDiv = document.getElementById('IT_ImageIconBlock'); var results = is.results; document.getElementById('IT_ImageSearchResults').numSearch += results.length; IT.showImageState(); if (contentDiv.previewMode == 'all') { for (var i = 0; i < results.length; i++) { var result = results[i]; var img = document.createElement('img'); img.onload = (function (img, result) { return function () { img.onload = null; if (img.width != result.width || img.height != result.height) { sL.logger.log('drop:' + result.url + ' w:' + img.width + '/' + result.width + ' h:' + img.height + '/' + result.height); return; } img.alt = result.titleNoFormatting+ '('+ result.width + 'x' + result.height + ')'; document.getElementById('IT_ImageSearchResults').numGotten += 1; IT.showImageState(); var link = document.createElement('a'); link.title = result.titleNoFormatting+ '('+ result.width + 'x' + result.height + ')'; link.href = 'javascript:void(0);'; link.onclick = (function (result) { return function () { IT.addPict(result) };})(result); var h = 120; var w = (result.tbWidth * h) / result.tbHeight; link.appendChild(IT.buildIcon(result.tbUrl, result.visibleUrl, w, h)); document.getElementById('IT_ImageIconBlock').appendChild(link); }})(img, result); img.src = result.url; } } else { for (var i = 0; i < results.length; i++) { var result = results[i]; var img = document.createElement('img'); img.onload = (function (img, result) { return function () { img.onload = null; if (img.width != result.width || img.height != result.height) { sL.logger.log('drop:' + result.url + ' w:' + img.width + '/' + result.width + ' h:' + img.height + '/' + result.height); return; } img.alt = result.titleNoFormatting+ '('+ result.width + 'x' + result.height + ')'; document.getElementById('IT_ImageSearchResults').numGotten += 1; IT.showImageState(); var link = document.createElement('a'); link.title = result.titleNoFormatting+ '('+ result.width + 'x' + result.height + ')'; link.href = 'javascript:void(0);'; link.onclick = (function (result) { return function () { IT.addPict(result) };})(result); link.onmouseover = (function (result) { return function () { IT.viewResult(result) };})(result); link.onfocus = (function (result) { return function () { IT.viewResult(result) };})(result); var w = 80; var h = (result.tbHeight * w) / result.tbWidth; link.appendChild(IT.buildIcon(result.tbUrl, result.visibleUrl, w, h)); document.getElementById('IT_ImageIconBlock').appendChild(link); }})(img, result); img.src = result.url; } } IT.walkAllPage(is); } , switchImageView: function (mode) { var div = document.getElementById('IT_ImageSearchResults'); div.previewMode = mode; IT.initImageDiv(); IT.doImageSearch(); } , switchImageSize: function (size) { var div = document.getElementById('IT_ImageSearchResults'); div.imageSize = size; IT.initImageDiv(); IT.doImageSearch(); } , initImageDiv: function () { var div = document.getElementById('IT_ImageSearchResults'); div.innerHTML = ''; var child = document.createElement('a'); child.name = 'images'; div.appendChild(child); var head = document.createElement('p'); head.appendChild(document.createTextNode('[' + this.keyword() + ']')); var span = document.createElement('span'); span.innerHTML = '&nbsp;'; head.appendChild(span); var span = document.createElement('span'); span.id = 'IT_ImageStateInfo'; head.appendChild(span); var span = document.createElement('span'); span.innerHTML = '&nbsp;'; head.appendChild(span); var a = document.createElement('a'); a.href = 'javascript:void(0);'; a.onclick = IT.initBin; a.appendChild(document.createTextNode('Clear')); head.appendChild(a); var span = document.createElement('span'); span.innerHTML = '&nbsp;'; head.appendChild(span); head.appendChild(document.createElement('br')); head.appendChild(document.createTextNode('View:')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Mode'; input.value = 'all'; input.checked = (div.previewMode == 'all'); input.onclick = (function (mode) { return function () { IT.switchImageView(mode); };})('all'); head.appendChild(input); head.appendChild(document.createTextNode('Thumbnail ')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Mode'; input.value = 'preview'; input.checked = (div.previewMode != 'all'); input.onclick = (function (mode) { return function () { IT.switchImageView(mode); };})('preview'); head.appendChild(input); head.appendChild(document.createTextNode('Preview ')); head.appendChild(document.createElement('br')); head.appendChild(document.createTextNode('Size:')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Size'; input.value = 'None'; input.checked = document.getElementById('IT_ImageSearchResults').imageSize == undefined || document.getElementById('IT_ImageSearchResults').imageSize == 'N'; input.onclick = (function (size) { return function () { IT.switchImageSize(size) };})('N'); head.appendChild(input); head.appendChild(document.createTextNode('None ')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Size'; input.value = 'Small'; input.checked = document.getElementById('IT_ImageSearchResults').imageSize == 'S'; input.onclick = (function (size) { return function () { IT.switchImageSize(size) };})('S'); head.appendChild(input); head.appendChild(document.createTextNode('Small ')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Size'; input.value = 'Medium'; input.checked = document.getElementById('IT_ImageSearchResults').imageSize == 'M'; input.onclick = (function (size) { return function () { IT.switchImageSize(size) };})('M'); head.appendChild(input); head.appendChild(document.createTextNode('Medium ')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Size'; input.value = 'Large'; input.checked = document.getElementById('IT_ImageSearchResults').imageSize == 'L'; input.onclick = (function (size) { return function () { IT.switchImageSize(size) };})('L'); head.appendChild(input); head.appendChild(document.createTextNode('Large ')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Size'; input.value = 'ExtraLarge'; input.checked = document.getElementById('IT_ImageSearchResults').imageSize == 'X'; input.onclick = (function (size) { return function () { IT.switchImageSize(size) };})('X'); head.appendChild(input); head.appendChild(document.createTextNode('Extra Large ')); div.appendChild(head); div.style.margin = '1px'; div.style.padding = '1px'; var iconBlock = document.getElementById('IT_ImageIconBlock'); if (iconBlock == null) { iconBlock = document.createElement('div'); iconBlock.id = 'IT_ImageIconBlock'; } iconBlock.previewMode = div.previewMode; if (iconBlock.previewMode == 'all') { iconBlock.style.width = 'auto'; iconBlock.style.height = 'auto'; iconBlock.style.overflow = 'visible'; div.appendChild(iconBlock); } else { iconBlock.style.width = '100px'; iconBlock.style.height = '550px'; iconBlock.style.overflow = 'auto'; var imgA = document.getElementById('IT_ImageLink'); if (imgA == null) { imgA = document.createElement('a'); imgA.id = 'IT_ImageLink'; imgA.target = '_blank'; } var orgA = document.getElementById('IT_ImageSrcLink'); if (orgA == null) { orgA = document.createElement('a'); orgA.id = 'IT_ImageSrcLink'; orgA.target = '_blank'; orgA.innerHTML = '[original site]'; } var descDiv = document.getElementById('IT_ImageDescription'); if (descDiv == null) { descDiv = document.createElement('div'); descDiv.id = 'IT_ImageDescription'; } var table = document.createElement('table'); table.style.border = 'none'; var tbody = document.createElement('tbody'); table.style.border = 'none'; table.appendChild(tbody); var tr = document.createElement('tr'); tbody.appendChild(tr); var viewTd = document.createElement('td'); viewTd.style.textAlign = 'center'; var viewDiv = document.createElement('div'); viewDiv.style.width = '500px'; //viewDiv.style.height = '450px'; viewDiv.style.overflow = 'auto'; viewTd.appendChild(viewDiv); viewTd.style.verticalAlign = 'top'; var br = document.createElement('div'); br.style.clear = 'both'; viewDiv.appendChild(imgA); viewDiv.appendChild(br); viewDiv.appendChild(orgA); viewDiv.appendChild(descDiv); var iconTd = document.createElement('td'); iconTd.style.verticalAlign = 'top'; tr.appendChild(viewTd); tr.appendChild(iconTd); iconTd.appendChild(iconBlock); div.appendChild(table); } } , doImageSearch: function () { var imageSearch = new google.search.ImageSearch(); /* imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_MEDIUM); imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_EXTRA_LARGE); */ imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGETYPE, google.search.ImageSearch.IMAGETYPE_PHOTO); imageSearch.setResultSetSize(google.search.Search.LARGE_RESULTSET); imageSearch.setSearchCompleteCallback(this, IT.isComplete, [imageSearch]); document.getElementById('IT_ImageSearchResults').numSearch = 0; document.getElementById('IT_ImageSearchResults').numGotten = 0; switch (document.getElementById('IT_ImageSearchResults').imageSize) { case 'N': break; default: break; case 'S': imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_SMALL); break; case 'M': imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_MEDIUM); break; case 'L': imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_LARGE); break; case 'X': imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_EXTRA_LARGE); break; } /* imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_EXTRA_LARGE); */ imageSearch.execute(this.keyword()); } , addWebSite: function (html) { var div = document.getElementById('IT_Bin'); div.webSites[div.numWeb++] = html; IT.buildBin(); IT.updateTextArea(); } , wsComplete: function (ws) { if (!ws.results) return; if (ws.results.length <= 0) return; var contentDiv = document.getElementById('IT_WebListBlock'); var results = ws.results; var table = document.createElement('table'); contentDiv.appendChild(table); var tbody = document.createElement('tbody'); table.appendChild(tbody); for (var i = 0; i < results.length; i++) { var result = results[i]; var tr = document.createElement('tr'); tbody.appendChild(tr); var tdButton = document.createElement('td'); tr.appendChild(tdButton); var tdContent = document.createElement('td'); // tdContent.appendChild(result.html.cloneNode(true)); tr.appendChild(tdContent); tdContent.style.border = '1px solid #888'; tdContent.style.margin = '1px'; var content = document.createElement('p'); var a = document.createElement('a'); a.href = result.unescapedUrl; a.target = '_blank'; a.appendChild(document.createTextNode(result.titleNoFormatting)); content.appendChild(a); content.appendChild(document.createTextNode(' - ' + result.visibleUrl)); content.appendChild(document.createElement('br')); var span = document.createElement('span'); span.innerHTML = result.content; content.appendChild(span); tdContent.appendChild(content); var form = document.createElement('form'); tdButton.appendChild(form); var p = document.createElement('p'); form.appendChild(p); var button = document.createElement('input'); button.type = 'button'; button.value = 'Add'; button.onclick = (function (html) { return function () { IT.addWebSite(html) }; })(content.cloneNode(true)); p.appendChild(button); } IT.walkAllPage(ws); } , doWebSearch: function () { var webSearch = new google.search.WebSearch(); // webSearch.setNoHtmlGeneration(); webSearch.setRestriction(google.search.ImageSearch.RESTRICT_SAFESEARCH, google.search.Search.SAFESEARCH_OFF); webSearch.setResultSetSize(google.search.Search.LARGE_RESULTSET); webSearch.setSearchCompleteCallback(this, IT.wsComplete, [webSearch]); document.getElementById('IT_WebListBlock').innerHTML = ''; webSearch.execute(this.keyword()); } , initWebDiv: function () { var div = document.getElementById('IT_WebSearchResults'); div.innerHTML = ''; var table = document.createElement('table'); var tbody = document.createElement('tbody'); var tr = document.createElement('tr'); var td = document.createElement('td'); var tdDiv = document.createElement('div'); tdDiv.id = 'IT_WebListBlock'; tdDiv.style.overflow = 'auto'; tdDiv.style.height = '250px'; div.appendChild(table); table.appendChild(tbody); tbody.appendChild(tr); tr.appendChild(td); td.appendChild(tdDiv); } , mining: function (target1, target2) { var imageDiv = document.getElementById(target1); var webDiv = document.getElementById(target2); if (!imageDiv || !webDiv) return; imageDiv.innerHTML = ''; webDiv.innerHTML = ''; var div = document.createElement('div'); div.id = 'IT_ImageSearchResults'; div.previewMode = 'preview'; imageDiv.appendChild(div); IT.initImageDiv(); var div = document.createElement('div'); div.id = 'IT_WebSearchResults'; div.previewMode = 'preview'; webDiv.appendChild(div); IT.initWebDiv(); IT.doImageSearch(); IT.doWebSearch(); } , initBin: function () { var bin = document.getElementById('IT_Bin'); bin.numPict = 0; bin.numWeb = 0; bin.innerHTML = ''; IT.updateTextArea(); IT.buildSelectionBox(); return false; } , clickSearch: function () { IT.mining('IT_ImageList', 'IT_WebList'); IT.initBin(); return false; } , putLabel: function (parent, place) { var label = ''; switch (place) { case 0: label = 'ToolTop'; break; case 1: label = 'ImageResults'; break; case 2: label = 'WebResults'; break; case 3: label = 'GeneratedHTML'; break; } var p = document.createElement('p'); parent.appendChild(p); var a = document.createElement('a'); a.name = label; p.appendChild(a); label = 'ToolTop'; var tn = document.createTextNode(label); if (place == 0) { p.appendChild(tn); } else { var a = document.createElement('a'); a.href = '#' + label; a.appendChild(tn); p.appendChild(a); } p.appendChild(document.createTextNode(' ')); label = 'ImageResults'; var tn = document.createTextNode(label); if (place == 1) { p.appendChild(tn); } else { var a = document.createElement('a'); a.href = '#' + label; a.appendChild(tn); p.appendChild(a); } p.appendChild(document.createTextNode(' ')); label = 'WebResults'; var tn = document.createTextNode(label); if (place == 2) { p.appendChild(tn); } else { var a = document.createElement('a'); a.href = '#' + label; a.appendChild(tn); p.appendChild(a); } p.appendChild(document.createTextNode(' ')); label = 'GeneratedHTML'; var tn = document.createTextNode(label); if (place == 3) { p.appendChild(tn); } else { var a = document.createElement('a'); a.href = '#' + label; a.appendChild(tn); p.appendChild(a); } } , begin: function (place) { //sL.logger.enable(); var placeDiv = document.getElementById(place); placeDiv.style.border = '1px solid #888'; placeDiv.style.padding = '1px'; IT.putLabel(placeDiv, 0); var form = document.createElement('form'); form.style.verticalAlign = 'top'; form.onsubmit = IT.clickSearch; form.id = 'IT_InputForm'; placeDiv.appendChild(form); form.appendChild(document.createTextNode('Keyword:')); var input = document.createElement('input'); input.type = 'text'; input.id = 'IT_SearchKey'; form.appendChild(input); var input = document.createElement('input'); input.type = 'button'; input.value = 'Search'; input.onclick = IT.clickSearch; form.appendChild(input); var input = document.createElement('input'); input.type = 'button'; input.value = 'Clear'; input.onclick = function () { document.getElementById('IT_SearchKey').value = ''; document.getElementById('IT_SearchKey').focus(); }; form.appendChild(input); //placeDiv.appendChild(document.createElement('br')); var form = document.createElement('form'); form.style.verticalAlign = 'top'; form.onsubmit = IT.clickSearch; placeDiv.appendChild(form); form.appendChild(document.createTextNode('Direct URL:')); var input = document.createElement('input'); input.type = 'text'; input.id = 'IT_DirectURL'; input.onchange = (function () { return function () { var img = document.createElement('img'); img.style.border = '1px sloid #888'; img.style.margin = '1px'; img.style.padding = '1px'; var pv = document.getElementById('IT_DirecdtURLPreview'); pv.innerHTML = ''; pv.appendChild(img); img.src = document.getElementById('IT_DirectURL').value; img.width = 450; }; })(); form.appendChild(input); var input = document.createElement('input'); // dummy button input.type = 'button'; input.value = 'View'; form.appendChild(input); var input = document.createElement('input'); input.type = 'button'; input.value = 'Add'; input.onclick = (function () { return function () { var imgUrl = document.getElementById('IT_DirectURL').value; var dummyImg = document.createElement('img'); dummyImg.src = imgUrl; IT.addPict( { url: imgUrl, titleNoFormatting: imgUrl, width: dummyImg.width, height: dummyImg.height } ); }; })(); form.appendChild(input); var input = document.createElement('input'); input.type = 'button'; input.value = 'Clear'; input.onclick = function () { document.getElementById('IT_DirecdtURLPreview').innerHTML = ''; document.getElementById('IT_DirectURL').value = ''; document.getElementById('IT_DirectURL').focus(); }; form.appendChild(input); var span = document.createElement('span'); span.id = 'IT_DirecdtURLPreview'; form.appendChild(span); IT.putLabel(placeDiv, 1); var table = document.createElement('table'); var tbody = document.createElement('tbody'); var tr = document.createElement('tr'); var td = document.createElement('td'); placeDiv.appendChild(td); var div = document.createElement('div'); div.id = 'IT_ImageSelectList'; div.style.border = 'none'; td.appendChild(div); var div = document.createElement('div'); div.id = 'IT_ImageList'; div.style.border = '1px solid #888'; div.style.margin = '1px'; div.style.padding = '1px'; placeDiv.appendChild(div); IT.putLabel(placeDiv, 2); var div = document.createElement('div'); div.id = 'IT_WebList'; div.style.border = '1px solid #888'; div.style.margin = '1px'; div.style.padding = '1px'; placeDiv.appendChild(div); var div = document.createElement('div'); div.id = 'IT_Bin' div.style.border = '1px solid #888'; div.picts = new Array; div.numPict = 0; div.webSites = new Array; div.numWeb = 0; placeDiv.appendChild(div); IT.putLabel(placeDiv, 3); var gentext = document.createElement('div'); var form = document.createElement('form'); gentext.appendChild(form); var form = document.createElement('form'); placeDiv.appendChild(form); var p = document.createElement('p'); form.appendChild(p); var input = document.createElement('input'); input.type = 'button'; input.value = 'Select'; input.onclick = function () { document.getElementById('IT_GeneratedText').select(); }; p.appendChild(input); p.appendChild(document.createElement('br')); var textArea = document.createElement('textarea'); textArea.rows = 20; textArea.cols = 60; textArea.id = 'IT_GeneratedText'; p.appendChild(textArea); } }; //--> </script> <!--<div style="height:200px;overflow:auto;" id="slLogArea">log area</div>--> <div id="tool-pane"> <script type="text/javascript"> <!-- IT.begin('tool-pane'); //--> </script> <noscript>Sorry, you have to enable javascript.</noscript> </div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5281412490715734218.post-1512032053751411722010-05-10T07:13:00.000+09:002010-05-10T07:14:11.077+09:00<table><tbody><tr><td style="vertical-align: top; "><img style="float: left; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(136, 136, 136); border-right-color: rgb(136, 136, 136); border-bottom-color: rgb(136, 136, 136); border-left-color: rgb(136, 136, 136); margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; " width="450" id="id_1273443177644" alt="杉原杏璃 1273443177644" src="http://static.straightline.jp/html/found/static/upload/l/l_a7414b2b10455c6e4068de13a8352e8e.jpg"></td><td style="vertical-align: top; "><div style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; "><a target="_blank" href="http://aidle.up.seesaa.net/image/3305532578_dae6c52ea6.jpg" title="杉原杏璃 1273443177644"><img height="100" style="border:1px solid #888;margin:1px;padding:1px" onmouseover="document.getElementById('id_1273443177644').src='http://aidle.up.seesaa.net/image/3305532578_dae6c52ea6.jpg';document.getElementById('id_1273443177644').height='675';return false;" alt="杉原杏璃 1273443177644" src="http://aidle.up.seesaa.net/image/3305532578_dae6c52ea6.jpg"></a><a target="_blank" href="http://rcm-images.amazon.com/images/P/B0011UGXUO.09.IN01.LZZZZZZZ.jpg" title="杉原杏璃 1273443177644"><img height="100" style="border:1px solid #888;margin:1px;padding:1px" onmouseover="document.getElementById('id_1273443177644').src='http://rcm-images.amazon.com/images/P/B0011UGXUO.09.IN01.LZZZZZZZ.jpg';document.getElementById('id_1273443177644').height='642';return false;" alt="杉原杏璃 1273443177644" src="http://rcm-images.amazon.com/images/P/B0011UGXUO.09.IN01.LZZZZZZZ.jpg"></a><a target="_blank" href="http://static.straightline.jp/html/found/static/upload/l/l_a7414b2b10455c6e4068de13a8352e8e.jpg" title="杉原杏璃 1273443177645"><img height="100" style="border:1px solid #888;margin:1px;padding:1px" onmouseover="document.getElementById('id_1273443177644').src='http://static.straightline.jp/html/found/static/upload/l/l_a7414b2b10455c6e4068de13a8352e8e.jpg';document.getElementById('id_1273443177644').height='NaN';return false;" alt="杉原杏璃 1273443177645" src="http://static.straightline.jp/html/found/static/upload/l/l_a7414b2b10455c6e4068de13a8352e8e.jpg"></a></div></td></tr></tbody></table><div id="WebSearchBlock"></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5281412490715734218.post-18641381314583242652010-04-28T22:58:00.047+09:002010-05-10T07:27:17.469+09:00<a name='more'></a> <script src="http://www.google.com/jsapi"></script> <script src="http://sharri.web.fc2.com/JSlab/SL.js"></script> <script type="text/javascript"> <!-- google.load('search', '1'); //--> </script> <script type="text/javascript"> <!-- var IT = { keyword: function() { return document.getElementById('IT_SearchKey').value; } , walkAllPage: function (s) { var cursor = s.cursor; var next = cursor.currentPageIndex + 1; if (next >= cursor.pages.length) return; s.gotoPage(next); } , buildIcon: function (url, alt, width, height) { var newImg = document.createElement('img'); newImg.alt = alt; newImg.src = url; newImg.height = height; newImg.width = width; newImg.style.margin = '1px'; newImg.style.padding = '1px'; newImg.style.border = '1px solid #888'; return newImg; } , viewResult: function (result) { var imgUrl = result.url; var srcUrl = result.originalContextUrl; var width = result.width; var height = result.height; var content = result.titleNoFormatting; var aSrc = document.getElementById('IT_ImageSrcLink'); var aImg = document.getElementById('IT_ImageLink'); var d = document.getElementById('IT_ImageDescription'); if (aImg == null || aSrc == null || d == null) return; d.innerHTML = ''; d.appendChild(document.createTextNode(content)); d.appendChild(document.createElement('br')); d.appendChild(document.createTextNode('img = ' + imgUrl)); d.appendChild(document.createElement('br')); d.appendChild(document.createTextNode('src = ' + srcUrl)); d.appendChild(document.createElement('br')); var img = document.createElement('img'); img.style.border = 'none'; aSrc.href = srcUrl; img.alt = imgUrl + ' (' + width + 'x' + height + ')'; img.src = imgUrl; var aW = width; var aH = height; img.width = 450; aImg.innerHTML = ''; aImg.href = imgUrl; aImg.title = imgUrl + ' (' + width + 'x' + height + ')'; aImg.appendChild(img); } , buildIconHtml: function (result, uid) { var viewScript = "document.getElementById('" + uid + "').src='" + result.url +"';" + "document.getElementById('" + uid + "').height='" + Math.floor(result.height * 450 / result.width) +"';" + 'return false;'; var img = '<img ' + ' height="100" ' + ' style="border:1px solid #888;margin:1px;padding:1px"' + ' onmouseover="' + viewScript + '"' + ' alt="' + this.keyword() + ' ' + (new Date).getTime() + '"' + ' src="' + result.url + '"' + ' />'; var a = '<a' + ' target="_blank"' + ' href="' + result.url + '"' + ' title="' + this.keyword() + ' ' + (new Date).getTime() + '"' + ' >' + img + '</a>'; return a; } , buildEraseIcon: function(picts, index) { var eraseIcon = sL.image.buildSquareLink( 70, 'javascript:void(0);', picts[index].url, picts[index].titleNoFormatting ); eraseIcon.style.cssFloat = 'left'; eraseIcon.style.styleFloat = 'left'; eraseIcon.style.border = '1px outset'; eraseIcon.style.margin = '1px'; eraseIcon.style.padding = '1px'; eraseIcon.onclick = (function (i) { return function () { IT.removePict(i); };})(index); return eraseIcon; } , buildSelectionBox: function() { var bin = document.getElementById('IT_Bin'); var sbox = document.getElementById('IT_ImageSelectList'); sbox.innerHTML = ''; for (var i = 0; i < bin.numPict; ++i) { if (!bin.picts[i]) continue; sbox.appendChild(this.buildEraseIcon(bin.picts, i)); } } , buildBin: function () { var bin = document.getElementById('IT_Bin'); var uid = 'id_'+ (new Date).getTime(); bin.innerHTML = ''; var table = document.createElement('table'); var tbody = document.createElement('tbody'); var tr = document.createElement('tr'); var tdView = document.createElement('td'); var tdIcon = document.createElement('td'); bin.appendChild(table); table.appendChild(tbody); tbody.appendChild(tr); tr.appendChild(tdView); tr.appendChild(tdIcon); tdIcon.style.verticalAlign = 'top'; tdView.style.verticalAlign = 'top'; var img = document.createElement('img'); img.style.cssFloat = 'left'; img.style.styleFloat = 'left'; img.style.border = '1px solid #888'; img.style.margin = '1px'; img.style.padding = '1px'; img.width = 450; img.id = uid; img.alt = this.keyword() + ' ' + (new Date).getTime(); if (bin.numPict > 0) { for (i = bin.numPict; i > 0; --i) { if (!bin.picts[i - 1]) continue; img.src = bin.picts[i - 1].url; break; } } tdView.appendChild(img); var div = document.createElement('div'); div.style.border = 'none'; div.style.margin = '1px'; div.style.padding = '1px'; tdIcon.appendChild(div); for (var i = 0; i < bin.numPict; ++i) { if (!bin.picts[i]) continue; div.innerHTML += IT.buildIconHtml(bin.picts[i], uid); } IT.buildSelectionBox(); var wsBlock = document.createElement('div'); wsBlock.id = 'WebSearchBlock'; bin.appendChild(wsBlock); for (var i = 0; i < bin.numWeb; ++i) { wsBlock.appendChild(bin.webSites[i]); } } , updateTextArea: function () { var text = document.getElementById('IT_GeneratedText'); text.innerHTML = ''; text.appendChild( document.createTextNode( document.getElementById('IT_Bin').innerHTML)); } , removePict: function (i) { var div = document.getElementById('IT_Bin'); if (!(i < div.numPict)) return; div.picts[i] = null; IT.buildBin(); IT.updateTextArea(); } , addPict: function (result) { var div = document.getElementById('IT_Bin'); div.picts[div.numPict++] = result; IT.buildBin(); IT.updateTextArea(); } , showImageState: function () { document.getElementById('IT_ImageStateInfo').innerHTML = document.getElementById('IT_ImageSearchResults').numGotten + '/' + document.getElementById('IT_ImageSearchResults').numSearch ; } , isComplete: function (is) { if (!is.results) return; if (is.results.length <= 0) return; var contentDiv = document.getElementById('IT_ImageIconBlock'); var results = is.results; document.getElementById('IT_ImageSearchResults').numSearch += results.length; IT.showImageState(); if (contentDiv.previewMode == 'all') { for (var i = 0; i < results.length; i++) { var result = results[i]; var img = document.createElement('img'); img.onload = (function (img, result) { return function () { img.onload = null; if (img.width != result.width || img.height != result.height) { sL.logger.log('drop:' + result.url + ' w:' + img.width + '/' + result.width + ' h:' + img.height + '/' + result.height); return; } img.alt = result.titleNoFormatting+ '('+ result.width + 'x' + result.height + ')'; document.getElementById('IT_ImageSearchResults').numGotten += 1; IT.showImageState(); var link = document.createElement('a'); link.title = result.titleNoFormatting+ '('+ result.width + 'x' + result.height + ')'; link.href = 'javascript:void(0);'; link.onclick = (function (result) { return function () { IT.addPict(result) };})(result); var h = 120; var w = (result.tbWidth * h) / result.tbHeight; link.appendChild(IT.buildIcon(result.tbUrl, result.visibleUrl, w, h)); document.getElementById('IT_ImageIconBlock').appendChild(link); }})(img, result); img.src = result.url; } } else { for (var i = 0; i < results.length; i++) { var result = results[i]; var img = document.createElement('img'); img.onload = (function (img, result) { return function () { img.onload = null; if (img.width != result.width || img.height != result.height) { sL.logger.log('drop:' + result.url + ' w:' + img.width + '/' + result.width + ' h:' + img.height + '/' + result.height); return; } img.alt = result.titleNoFormatting+ '('+ result.width + 'x' + result.height + ')'; document.getElementById('IT_ImageSearchResults').numGotten += 1; IT.showImageState(); var link = document.createElement('a'); link.title = result.titleNoFormatting+ '('+ result.width + 'x' + result.height + ')'; link.href = 'javascript:void(0);'; link.onclick = (function (result) { return function () { IT.addPict(result) };})(result); link.onmouseover = (function (result) { return function () { IT.viewResult(result) };})(result); link.onfocus = (function (result) { return function () { IT.viewResult(result) };})(result); var w = 80; var h = (result.tbHeight * w) / result.tbWidth; link.appendChild(IT.buildIcon(result.tbUrl, result.visibleUrl, w, h)); document.getElementById('IT_ImageIconBlock').appendChild(link); }})(img, result); img.src = result.url; } } IT.walkAllPage(is); } , switchImageView: function (mode) { var div = document.getElementById('IT_ImageSearchResults'); div.previewMode = mode; IT.initImageDiv(); IT.doImageSearch(); } , switchImageSize: function (size) { var div = document.getElementById('IT_ImageSearchResults'); div.imageSize = size; IT.initImageDiv(); IT.doImageSearch(); } , initImageDiv: function () { var div = document.getElementById('IT_ImageSearchResults'); div.innerHTML = ''; var child = document.createElement('a'); child.name = 'images'; div.appendChild(child); var head = document.createElement('p'); head.appendChild(document.createTextNode('[' + this.keyword() + ']')); var span = document.createElement('span'); span.innerHTML = '&nbsp;'; head.appendChild(span); var span = document.createElement('span'); span.id = 'IT_ImageStateInfo'; head.appendChild(span); var span = document.createElement('span'); span.innerHTML = '&nbsp;'; head.appendChild(span); var a = document.createElement('a'); a.href = 'javascript:void(0);'; a.onclick = IT.initBin; a.appendChild(document.createTextNode('Clear')); head.appendChild(a); var span = document.createElement('span'); span.innerHTML = '&nbsp;'; head.appendChild(span); head.appendChild(document.createElement('br')); head.appendChild(document.createTextNode('View:')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Mode'; input.value = 'all'; input.checked = (div.previewMode == 'all'); input.onclick = (function (mode) { return function () { IT.switchImageView(mode); };})('all'); head.appendChild(input); head.appendChild(document.createTextNode('Thumbnail ')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Mode'; input.value = 'preview'; input.checked = (div.previewMode != 'all'); input.onclick = (function (mode) { return function () { IT.switchImageView(mode); };})('preview'); head.appendChild(input); head.appendChild(document.createTextNode('Preview ')); head.appendChild(document.createElement('br')); head.appendChild(document.createTextNode('Size:')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Size'; input.value = 'None'; input.checked = document.getElementById('IT_ImageSearchResults').imageSize == undefined || document.getElementById('IT_ImageSearchResults').imageSize == 'N'; input.onclick = (function (size) { return function () { IT.switchImageSize(size) };})('N'); head.appendChild(input); head.appendChild(document.createTextNode('None ')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Size'; input.value = 'Small'; input.checked = document.getElementById('IT_ImageSearchResults').imageSize == 'S'; input.onclick = (function (size) { return function () { IT.switchImageSize(size) };})('S'); head.appendChild(input); head.appendChild(document.createTextNode('Small ')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Size'; input.value = 'Medium'; input.checked = document.getElementById('IT_ImageSearchResults').imageSize == 'M'; input.onclick = (function (size) { return function () { IT.switchImageSize(size) };})('M'); head.appendChild(input); head.appendChild(document.createTextNode('Medium ')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Size'; input.value = 'Large'; input.checked = document.getElementById('IT_ImageSearchResults').imageSize == 'L'; input.onclick = (function (size) { return function () { IT.switchImageSize(size) };})('L'); head.appendChild(input); head.appendChild(document.createTextNode('Large ')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Size'; input.value = 'ExtraLarge'; input.checked = document.getElementById('IT_ImageSearchResults').imageSize == 'X'; input.onclick = (function (size) { return function () { IT.switchImageSize(size) };})('X'); head.appendChild(input); head.appendChild(document.createTextNode('Extra Large ')); div.appendChild(head); div.style.margin = '1px'; div.style.padding = '1px'; var iconBlock = document.getElementById('IT_ImageIconBlock'); if (iconBlock == null) { iconBlock = document.createElement('div'); iconBlock.id = 'IT_ImageIconBlock'; } iconBlock.previewMode = div.previewMode; if (iconBlock.previewMode == 'all') { iconBlock.style.width = 'auto'; iconBlock.style.height = 'auto'; iconBlock.style.overflow = 'visible'; div.appendChild(iconBlock); } else { iconBlock.style.width = '100px'; iconBlock.style.height = '550px'; iconBlock.style.overflow = 'auto'; var imgA = document.getElementById('IT_ImageLink'); if (imgA == null) { imgA = document.createElement('a'); imgA.id = 'IT_ImageLink'; imgA.target = '_blank'; } var orgA = document.getElementById('IT_ImageSrcLink'); if (orgA == null) { orgA = document.createElement('a'); orgA.id = 'IT_ImageSrcLink'; orgA.target = '_blank'; orgA.innerHTML = '[original site]'; } var descDiv = document.getElementById('IT_ImageDescription'); if (descDiv == null) { descDiv = document.createElement('div'); descDiv.id = 'IT_ImageDescription'; } var table = document.createElement('table'); table.style.border = 'none'; var tbody = document.createElement('tbody'); table.style.border = 'none'; table.appendChild(tbody); var tr = document.createElement('tr'); tbody.appendChild(tr); var viewTd = document.createElement('td'); viewTd.style.textAlign = 'center'; var viewDiv = document.createElement('div'); viewDiv.style.width = '500px'; //viewDiv.style.height = '450px'; viewDiv.style.overflow = 'auto'; viewTd.appendChild(viewDiv); viewTd.style.verticalAlign = 'top'; var br = document.createElement('div'); br.style.clear = 'both'; viewDiv.appendChild(imgA); viewDiv.appendChild(br); viewDiv.appendChild(orgA); viewDiv.appendChild(descDiv); var iconTd = document.createElement('td'); iconTd.style.verticalAlign = 'top'; tr.appendChild(viewTd); tr.appendChild(iconTd); iconTd.appendChild(iconBlock); div.appendChild(table); } } , doImageSearch: function () { var imageSearch = new google.search.ImageSearch(); /* imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_MEDIUM); imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_EXTRA_LARGE); */ imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGETYPE, google.search.ImageSearch.IMAGETYPE_PHOTO); imageSearch.setResultSetSize(google.search.Search.LARGE_RESULTSET); imageSearch.setSearchCompleteCallback(this, IT.isComplete, [imageSearch]); document.getElementById('IT_ImageSearchResults').numSearch = 0; document.getElementById('IT_ImageSearchResults').numGotten = 0; switch (document.getElementById('IT_ImageSearchResults').imageSize) { case 'N': break; default: break; case 'S': imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_SMALL); break; case 'M': imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_MEDIUM); break; case 'L': imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_LARGE); break; case 'X': imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_EXTRA_LARGE); break; } /* imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_EXTRA_LARGE); */ imageSearch.execute(this.keyword()); } , addWebSite: function (html) { var div = document.getElementById('IT_Bin'); div.webSites[div.numWeb++] = html; IT.buildBin(); IT.updateTextArea(); } , wsComplete: function (ws) { if (!ws.results) return; if (ws.results.length <= 0) return; var contentDiv = document.getElementById('IT_WebListBlock'); var results = ws.results; var table = document.createElement('table'); contentDiv.appendChild(table); var tbody = document.createElement('tbody'); table.appendChild(tbody); for (var i = 0; i < results.length; i++) { var result = results[i]; var tr = document.createElement('tr'); tbody.appendChild(tr); var tdButton = document.createElement('td'); tr.appendChild(tdButton); var tdContent = document.createElement('td'); // tdContent.appendChild(result.html.cloneNode(true)); tr.appendChild(tdContent); tdContent.style.border = '1px solid #888'; tdContent.style.margin = '1px'; var content = document.createElement('p'); var a = document.createElement('a'); a.href = result.unescapedUrl; a.target = '_blank'; a.appendChild(document.createTextNode(result.titleNoFormatting)); content.appendChild(a); content.appendChild(document.createTextNode(' - ' + result.visibleUrl)); content.appendChild(document.createElement('br')); var span = document.createElement('span'); span.innerHTML = result.content; content.appendChild(span); tdContent.appendChild(content); var form = document.createElement('form'); tdButton.appendChild(form); var p = document.createElement('p'); form.appendChild(p); var button = document.createElement('input'); button.type = 'button'; button.value = 'Add'; button.onclick = (function (html) { return function () { IT.addWebSite(html) }; })(content.cloneNode(true)); p.appendChild(button); } IT.walkAllPage(ws); } , doWebSearch: function () { var webSearch = new google.search.WebSearch(); // webSearch.setNoHtmlGeneration(); webSearch.setRestriction(google.search.ImageSearch.RESTRICT_SAFESEARCH, google.search.Search.SAFESEARCH_OFF); webSearch.setResultSetSize(google.search.Search.LARGE_RESULTSET); webSearch.setSearchCompleteCallback(this, IT.wsComplete, [webSearch]); document.getElementById('IT_WebListBlock').innerHTML = ''; webSearch.execute(this.keyword()); } , initWebDiv: function () { var div = document.getElementById('IT_WebSearchResults'); div.innerHTML = ''; var table = document.createElement('table'); var tbody = document.createElement('tbody'); var tr = document.createElement('tr'); var td = document.createElement('td'); var tdDiv = document.createElement('div'); tdDiv.id = 'IT_WebListBlock'; tdDiv.style.overflow = 'auto'; tdDiv.style.height = '250px'; div.appendChild(table); table.appendChild(tbody); tbody.appendChild(tr); tr.appendChild(td); td.appendChild(tdDiv); } , mining: function (target1, target2) { var imageDiv = document.getElementById(target1); var webDiv = document.getElementById(target2); if (!imageDiv || !webDiv) return; imageDiv.innerHTML = ''; webDiv.innerHTML = ''; var div = document.createElement('div'); div.id = 'IT_ImageSearchResults'; div.previewMode = 'preview'; imageDiv.appendChild(div); IT.initImageDiv(); var div = document.createElement('div'); div.id = 'IT_WebSearchResults'; div.previewMode = 'preview'; webDiv.appendChild(div); IT.initWebDiv(); IT.doImageSearch(); IT.doWebSearch(); } , initBin: function () { var bin = document.getElementById('IT_Bin'); bin.numPict = 0; bin.numWeb = 0; bin.innerHTML = ''; IT.updateTextArea(); IT.buildSelectionBox(); return false; } , clickSearch: function () { IT.mining('IT_ImageList', 'IT_WebList'); IT.initBin(); return false; } , putLabel: function (parent, place) { var label = ''; switch (place) { case 0: label = 'ToolTop'; break; case 1: label = 'ImageResults'; break; case 2: label = 'WebResults'; break; case 3: label = 'GeneratedHTML'; break; } var p = document.createElement('p'); parent.appendChild(p); var a = document.createElement('a'); a.name = label; p.appendChild(a); label = 'ToolTop'; var tn = document.createTextNode(label); if (place == 0) { p.appendChild(tn); } else { var a = document.createElement('a'); a.href = '#' + label; a.appendChild(tn); p.appendChild(a); } p.appendChild(document.createTextNode(' ')); label = 'ImageResults'; var tn = document.createTextNode(label); if (place == 1) { p.appendChild(tn); } else { var a = document.createElement('a'); a.href = '#' + label; a.appendChild(tn); p.appendChild(a); } p.appendChild(document.createTextNode(' ')); label = 'WebResults'; var tn = document.createTextNode(label); if (place == 2) { p.appendChild(tn); } else { var a = document.createElement('a'); a.href = '#' + label; a.appendChild(tn); p.appendChild(a); } p.appendChild(document.createTextNode(' ')); label = 'GeneratedHTML'; var tn = document.createTextNode(label); if (place == 3) { p.appendChild(tn); } else { var a = document.createElement('a'); a.href = '#' + label; a.appendChild(tn); p.appendChild(a); } } , begin: function (place) { //sL.logger.enable(); var placeDiv = document.getElementById(place); placeDiv.style.border = '1px solid #888'; placeDiv.style.padding = '1px'; IT.putLabel(placeDiv, 0); var form = document.createElement('form'); form.style.verticalAlign = 'top'; form.onsubmit = IT.clickSearch; form.id = 'IT_InputForm'; placeDiv.appendChild(form); form.appendChild(document.createTextNode('Keyword:')); var input = document.createElement('input'); input.type = 'text'; input.id = 'IT_SearchKey'; form.appendChild(input); var input = document.createElement('input'); input.type = 'button'; input.value = 'Search'; input.onclick = IT.clickSearch; form.appendChild(input); var input = document.createElement('input'); input.type = 'button'; input.value = 'Clear'; input.onclick = function () { document.getElementById('IT_SearchKey').value = ''; document.getElementById('IT_SearchKey').focus(); }; form.appendChild(input); //placeDiv.appendChild(document.createElement('br')); var form = document.createElement('form'); form.style.verticalAlign = 'top'; form.onsubmit = IT.clickSearch; placeDiv.appendChild(form); form.appendChild(document.createTextNode('Direct URL:')); var input = document.createElement('input'); input.type = 'text'; input.id = 'IT_DirectURL'; input.onchange = (function () { return function () { var img = document.createElement('img'); img.style.border = '1px sloid #888'; img.style.margin = '1px'; img.style.padding = '1px'; var pv = document.getElementById('IT_DirecdtURLPreview'); pv.innerHTML = ''; pv.appendChild(img); img.src = document.getElementById('IT_DirectURL').value; img.width = 450; }; })(); form.appendChild(input); var input = document.createElement('input'); // dummy button input.type = 'button'; input.value = 'View'; form.appendChild(input); var input = document.createElement('input'); input.type = 'button'; input.value = 'Add'; input.onclick = (function () { return function () { var imgUrl = document.getElementById('IT_DirectURL').value; IT.addPict( { url: imgUrl, titleNoFormatting: imgUrl } ); }; })(); form.appendChild(input); var input = document.createElement('input'); input.type = 'button'; input.value = 'Clear'; input.onclick = function () { document.getElementById('IT_DirecdtURLPreview').innerHTML = ''; document.getElementById('IT_DirectURL').value = ''; document.getElementById('IT_DirectURL').focus(); }; form.appendChild(input); var span = document.createElement('span'); span.id = 'IT_DirecdtURLPreview'; form.appendChild(span); IT.putLabel(placeDiv, 1); var table = document.createElement('table'); var tbody = document.createElement('tbody'); var tr = document.createElement('tr'); var td = document.createElement('td'); placeDiv.appendChild(td); var div = document.createElement('div'); div.id = 'IT_ImageSelectList'; div.style.border = 'none'; td.appendChild(div); var div = document.createElement('div'); div.id = 'IT_ImageList'; div.style.border = '1px solid #888'; div.style.margin = '1px'; div.style.padding = '1px'; placeDiv.appendChild(div); IT.putLabel(placeDiv, 2); var div = document.createElement('div'); div.id = 'IT_WebList'; div.style.border = '1px solid #888'; div.style.margin = '1px'; div.style.padding = '1px'; placeDiv.appendChild(div); var div = document.createElement('div'); div.id = 'IT_Bin' div.style.border = '1px solid #888'; div.picts = new Array; div.numPict = 0; div.webSites = new Array; div.numWeb = 0; placeDiv.appendChild(div); IT.putLabel(placeDiv, 3); var gentext = document.createElement('div'); var form = document.createElement('form'); gentext.appendChild(form); var form = document.createElement('form'); placeDiv.appendChild(form); var p = document.createElement('p'); form.appendChild(p); var input = document.createElement('input'); input.type = 'button'; input.value = 'Select'; input.onclick = function () { document.getElementById('IT_GeneratedText').select(); }; p.appendChild(input); p.appendChild(document.createElement('br')); var textArea = document.createElement('textarea'); textArea.rows = 20; textArea.cols = 60; textArea.id = 'IT_GeneratedText'; p.appendChild(textArea); } }; //--> </script> <!--<div style="height:200px;overflow:auto;" id="slLogArea">log area</div>--> <div id="tool-pane"> <script type="text/javascript"> <!-- IT.begin('tool-pane'); //--> </script> <noscript>Sorry, you have to enable javascript.</noscript> </div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5281412490715734218.post-48021811204155727052010-04-22T23:22:00.026+09:002010-05-10T07:27:40.748+09:00<a name='more'></a> <script src="http://www.google.com/jsapi"></script> <script src="http://sharri.web.fc2.com/JSlab/SL.js"></script> <script type="text/javascript"> <!-- google.load('search', '1'); //--> </script> <script type="text/javascript"> <!-- var IT = { walkAllPage: function (s) { var cursor = s.cursor; var next = cursor.currentPageIndex + 1; if (next >= cursor.pages.length) return; s.gotoPage(next); } , buildIcon: function (url, alt, width, height) { var newImg = document.createElement('img'); newImg.alt = alt; newImg.src = url; newImg.height = height; newImg.width = width; newImg.style.margin = '1px'; newImg.style.padding = '1px'; newImg.style.border = '1px solid #888'; return newImg; } , viewResult: function (result) { var imgUrl = result.url; var srcUrl = result.originalContextUrl; var width = result.width; var height = result.height; var content = result.titleNoFormatting; var aSrc = document.getElementById('IT_ImageSrcLink'); var aImg = document.getElementById('IT_ImageLink'); var d = document.getElementById('IT_ImageDescription'); if (aImg == null || aSrc == null || d == null) return; d.innerHTML = ''; d.appendChild(document.createTextNode(content)); d.appendChild(document.createElement('br')); d.appendChild(document.createTextNode('img = ' + imgUrl)); d.appendChild(document.createElement('br')); d.appendChild(document.createTextNode('src = ' + srcUrl)); d.appendChild(document.createElement('br')); var img = document.createElement('img'); img.style.border = 'none'; aSrc.href = srcUrl; img.alt = imgUrl + ' (' + width + 'x' + height + ')'; img.src = imgUrl; var aW = width; var aH = height; if (aW > 400) { aW = 400; aH = height * 400 / width; } if (aH > 400) { aH = 400; aW = width * 400 / height; } img.width = aW; img.height = aH; aImg.innerHTML = ''; aImg.href = imgUrl; aImg.title = imgUrl + ' (' + width + 'x' + height + ')'; aImg.appendChild(img); } , buildIconHtml: function (result, uid) { var viewScript = "document.getElementById('" + uid + "').src='" + result.url +"';" + "document.getElementById('" + uid + "').height='" + Math.floor(result.height * 450 / result.width) +"';" + 'return false;'; var img = '<img ' + ' height="100" ' + ' style="border:1px solid #888;margin:1px;padding:1px"' + ' onmouseover="' + viewScript + '"' + ' alt="' + document.getElementById('IT_ImageSearchResults').keyword + ' ' + (new Date).getTime() + '"' + ' src="' + result.url + '"' + ' />'; var a = '<a' + ' target="_blank"' + ' href="' + result.url + '"' + ' title="' + document.getElementById('IT_ImageSearchResults').keyword + ' ' + (new Date).getTime() + '"' + ' >' + img + '</a>'; return a; } , buildBin: function () { var bin = document.getElementById('IT_Bin'); var uid = 'id_'+ (new Date).getTime(); bin.innerHTML = ''; var table = document.createElement('table'); var tbody = document.createElement('tbody'); var tr = document.createElement('tr'); var tdView = document.createElement('td'); var tdIcon = document.createElement('td'); bin.appendChild(table); table.appendChild(tbody); tbody.appendChild(tr); tr.appendChild(tdView); tr.appendChild(tdIcon); tdIcon.style.verticalAlign = 'top'; tdView.style.verticalAlign = 'top'; var img = document.createElement('img'); img.style.cssFloat = 'left'; img.style.styleFloat = 'left'; img.style.border = '1px solid #888'; img.style.margin = '1px'; img.style.padding = '1px'; img.width = 450; img.id = uid; img.alt = document.getElementById('IT_ImageSearchResults').keyword + ' ' + (new Date).getTime(); if (bin.numPict > 0) { img.src = bin.picts[bin.numPict - 1].url; } tdView.appendChild(img); var div = document.createElement('div'); div.style.border = 'none'; div.style.margin = '1px'; div.style.padding = '1px'; tdIcon.appendChild(div); for (var i = 0; i < bin.numPict; ++i) { div.innerHTML += IT.buildIconHtml(bin.picts[i], uid); } var wsBlock = document.createElement('div'); wsBlock.id = 'WebSearchBlock'; bin.appendChild(wsBlock); for (var i = 0; i < bin.numWeb; ++i) { wsBlock.appendChild(bin.webSites[i]); } } , updateTextArea: function () { var text = document.getElementById('IT_GeneratedText'); text.innerHTML = ''; text.appendChild( document.createTextNode( document.getElementById('IT_Bin').innerHTML)); text.select(); } , addPict: function (result) { var div = document.getElementById('IT_Bin'); div.picts[div.numPict++] = result; IT.buildBin(); IT.updateTextArea(); } , showImageState: function () { document.getElementById('IT_ImageStateInfo').innerHTML = document.getElementById('IT_ImageSearchResults').numGotten + '/' + document.getElementById('IT_ImageSearchResults').numSearch ; } , isComplete: function (is) { if (!is.results) return; if (is.results.length <= 0) return; var contentDiv = document.getElementById('IT_ImageIconBlock'); var results = is.results; document.getElementById('IT_ImageSearchResults').numSearch += results.length; IT.showImageState(); if (contentDiv.previewMode == 'all') { for (var i = 0; i < results.length; i++) { var result = results[i]; var img = document.createElement('img'); img.onload = (function (img, result) { return function () { img.onload = null; if (img.width != result.width || img.height != result.height) { sL.logger.log('drop:' + result.url + ' w:' + img.width + '/' + result.width + ' h:' + img.height + '/' + result.height); return; } document.getElementById('IT_ImageSearchResults').numGotten += 1; IT.showImageState(); var link = document.createElement('a'); link.title = result.visibleUrl; link.href = 'javascript:void(0);'; link.onclick = (function (result) { return function () { IT.addPict(result) };})(result); var h = 120; var w = (result.tbWidth * h) / result.tbHeight; link.appendChild(IT.buildIcon(result.tbUrl, result.visibleUrl, w, h)); document.getElementById('IT_ImageIconBlock').appendChild(link); }})(img, result); img.src = result.url; } } else { for (var i = 0; i < results.length; i++) { var result = results[i]; var img = document.createElement('img'); img.onload = (function (img, result) { return function () { img.onload = null; if (img.width != result.width || img.height != result.height) { sL.logger.log('drop:' + result.url + ' w:' + img.width + '/' + result.width + ' h:' + img.height + '/' + result.height); return; } document.getElementById('IT_ImageSearchResults').numGotten += 1; IT.showImageState(); var link = document.createElement('a'); link.title = result.visibleUrl; link.href = 'javascript:void(0);'; link.onclick = (function (result) { return function () { IT.addPict(result) };})(result); link.onmouseover = (function (result) { return function () { IT.viewResult(result) };})(result); link.onfocus = (function (result) { return function () { IT.viewResult(result) };})(result); var w = 120; var h = (result.tbHeight * w) / result.tbWidth; link.appendChild(IT.buildIcon(result.tbUrl, result.visibleUrl, w, h)); document.getElementById('IT_ImageIconBlock').appendChild(link); }})(img, result); img.src = result.url; } } IT.walkAllPage(is); } , switchImageView: function (mode) { var div = document.getElementById('IT_ImageSearchResults'); div.previewMode = mode; IT.initImageDiv(); IT.doImageSearch(); } , switchImageSize: function (size) { var div = document.getElementById('IT_ImageSearchResults'); div.imageSize = size; IT.initImageDiv(); IT.doImageSearch(); } , initImageDiv: function () { var div = document.getElementById('IT_ImageSearchResults'); div.innerHTML = ''; var child = document.createElement('a'); child.name = 'images'; div.appendChild(child); var head = document.createElement('p'); head.appendChild(document.createTextNode('[' + div.keyword + ']')); var span = document.createElement('span'); span.innerHTML = '&nbsp;'; head.appendChild(span); var a = document.createElement('a'); a.href = 'javascript:void(0);'; a.onclick = IT.initBin; a.appendChild(document.createTextNode('Clear')); head.appendChild(a); var span = document.createElement('span'); span.innerHTML = '&nbsp;'; head.appendChild(span); if (div.previewMode == 'all') { child = document.createElement('a'); child.href = 'javascript:IT.switchImageView("preview");'; child.innerHTML = 'Preview'; head.appendChild(child); child = document.createElement('span'); child.innerHTML = '&nbsp;'; head.appendChild(child); child = document.createElement('span'); child.innerHTML = 'Thumbnail'; head.appendChild(child); child = document.createElement('span'); child.innerHTML = '&nbsp;'; head.appendChild(child); } else { child = document.createElement('span'); child.innerHTML = 'Preview'; head.appendChild(child); child = document.createElement('span'); child.innerHTML = '&nbsp;'; head.appendChild(child); child = document.createElement('a'); child.href = 'javascript:IT.switchImageView("all");'; child.innerHTML = 'Thumbnail'; head.appendChild(child); child = document.createElement('span'); child.innerHTML = '&nbsp;'; head.appendChild(child); } var p = document.createElement('p'); head.appendChild(p); p.appendChild(document.createTextNode('Mode:')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Mode'; input.value = 'all'; input.checked = (div.previewMode == 'all'); input.onclick = (function (mode) { return function () { IT.switchImageView(mode); };})('all'); p.appendChild(input); p.appendChild(document.createTextNode('Thumbnail ')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Mode'; input.value = 'preview'; input.checked = (div.previewMode != 'all'); input.onclick = (function (mode) { return function () { IT.switchImageView(mode); };})('preview'); p.appendChild(input); p.appendChild(document.createTextNode('Preview ')); var p = document.createElement('p'); head.appendChild(p); p.appendChild(document.createTextNode('Size:')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Size'; input.value = 'None'; input.checked = document.getElementById('IT_ImageSearchResults').imageSize == undefined || document.getElementById('IT_ImageSearchResults').imageSize == 'N'; input.onclick = (function (size) { return function () { IT.switchImageSize(size) };})('N'); p.appendChild(input); p.appendChild(document.createTextNode('None ')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Size'; input.value = 'Small'; input.checked = document.getElementById('IT_ImageSearchResults').imageSize == 'S'; input.onclick = (function (size) { return function () { IT.switchImageSize(size) };})('S'); p.appendChild(input); p.appendChild(document.createTextNode('Small ')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Size'; input.value = 'Medium'; input.checked = document.getElementById('IT_ImageSearchResults').imageSize == 'M'; input.onclick = (function (size) { return function () { IT.switchImageSize(size) };})('M'); p.appendChild(input); p.appendChild(document.createTextNode('Medium ')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Size'; input.value = 'Large'; input.checked = document.getElementById('IT_ImageSearchResults').imageSize == 'L'; input.onclick = (function (size) { return function () { IT.switchImageSize(size) };})('L'); p.appendChild(input); p.appendChild(document.createTextNode('Large ')); var input = document.createElement('input'); input.type = 'radio'; input.name = 'Size'; input.value = 'ExtraLarge'; input.checked = document.getElementById('IT_ImageSearchResults').imageSize == 'X'; input.onclick = (function (size) { return function () { IT.switchImageSize(size) };})('X'); p.appendChild(input); p.appendChild(document.createTextNode('Extra Large ')); var p = document.createElement('p'); p.id = 'IT_ImageStateInfo'; head.appendChild(p); div.appendChild(head); div.style.margin = '1px'; div.style.padding = '1px'; var iconBlock = document.getElementById('IT_ImageIconBlock'); if (iconBlock == null) { iconBlock = document.createElement('div'); iconBlock.id = 'IT_ImageIconBlock'; } iconBlock.previewMode = div.previewMode; if (iconBlock.previewMode == 'all') { iconBlock.style.width = 'auto'; iconBlock.style.height = 'auto'; iconBlock.style.overflow = 'visible'; div.appendChild(iconBlock); } else { iconBlock.style.width = '150px'; iconBlock.style.height = '550px'; iconBlock.style.overflow = 'auto'; var imgA = document.getElementById('IT_ImageLink'); if (imgA == null) { imgA = document.createElement('a'); imgA.id = 'IT_ImageLink'; imgA.target = '_blank'; } var orgA = document.getElementById('IT_ImageSrcLink'); if (orgA == null) { orgA = document.createElement('a'); orgA.id = 'IT_ImageSrcLink'; orgA.target = '_blank'; orgA.innerHTML = '[original site]'; } var descDiv = document.getElementById('IT_ImageDescription'); if (descDiv == null) { descDiv = document.createElement('div'); descDiv.id = 'IT_ImageDescription'; } var table = document.createElement('table'); table.style.border = 'none'; var tbody = document.createElement('tbody'); table.style.border = 'none'; table.appendChild(tbody); var tr = document.createElement('tr'); tbody.appendChild(tr); var viewTd = document.createElement('td'); viewTd.style.textAlign = 'center'; var viewDiv = document.createElement('div'); viewDiv.style.width = '450px'; viewDiv.style.height = '450px'; viewDiv.style.overflow = 'auto'; viewTd.appendChild(viewDiv); var br = document.createElement('div'); br.style.clear = 'both'; viewDiv.appendChild(imgA); viewDiv.appendChild(br); viewDiv.appendChild(orgA); viewDiv.appendChild(descDiv); var iconTd = document.createElement('td'); tr.appendChild(viewTd); tr.appendChild(iconTd); iconTd.appendChild(iconBlock); div.appendChild(table); } } , doImageSearch: function () { var imageSearch = new google.search.ImageSearch(); /* imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_MEDIUM); imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_EXTRA_LARGE); */ imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGETYPE, google.search.ImageSearch.IMAGETYPE_PHOTO); imageSearch.setResultSetSize(google.search.Search.LARGE_RESULTSET); imageSearch.setSearchCompleteCallback(this, IT.isComplete, [imageSearch]); document.getElementById('IT_ImageSearchResults').numSearch = 0; document.getElementById('IT_ImageSearchResults').numGotten = 0; switch (document.getElementById('IT_ImageSearchResults').imageSize) { case 'N': break; default: break; case 'S': imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_SMALL); break; case 'M': imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_MEDIUM); break; case 'L': imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_LARGE); break; case 'X': imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_EXTRA_LARGE); break; } /* imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_EXTRA_LARGE); */ imageSearch.execute( document.getElementById('IT_ImageSearchResults').keyword ); } , addWebSite: function (html) { var div = document.getElementById('IT_Bin'); div.webSites[div.numWeb++] = html; IT.buildBin(); IT.updateTextArea(); } , wsComplete: function (ws) { if (!ws.results) return; if (ws.results.length <= 0) return; var contentDiv = document.getElementById('IT_WebListBlock'); var results = ws.results; var table = document.createElement('table'); contentDiv.appendChild(table); var tbody = document.createElement('tbody'); table.appendChild(tbody); for (var i = 0; i < results.length; i++) { var result = results[i]; var tr = document.createElement('tr'); tbody.appendChild(tr); var tdButton = document.createElement('td'); tr.appendChild(tdButton); var tdContent = document.createElement('td'); // tdContent.appendChild(result.html.cloneNode(true)); tr.appendChild(tdContent); tdContent.style.border = '1px solid #888'; tdContent.style.margin = '1px'; var content = document.createElement('p'); var a = document.createElement('a'); a.href = result.unescapedUrl; a.target = '_blank'; a.appendChild(document.createTextNode(result.titleNoFormatting)); content.appendChild(a); content.appendChild(document.createTextNode(' - ' + result.visibleUrl)); content.appendChild(document.createElement('br')); var span = document.createElement('span'); span.innerHTML = result.content; content.appendChild(span); tdContent.appendChild(content); var form = document.createElement('form'); tdButton.appendChild(form); var p = document.createElement('p'); form.appendChild(p); var button = document.createElement('input'); button.type = 'button'; button.value = 'Add'; button.onclick = (function (html) { return function () { IT.addWebSite(html) }; })(content.cloneNode(true)); p.appendChild(button); } IT.walkAllPage(ws); } , doWebSearch: function () { var webSearch = new google.search.WebSearch(); // webSearch.setNoHtmlGeneration(); webSearch.setRestriction(google.search.ImageSearch.RESTRICT_SAFESEARCH, google.search.Search.SAFESEARCH_OFF); webSearch.setResultSetSize(google.search.Search.LARGE_RESULTSET); webSearch.setSearchCompleteCallback(this, IT.wsComplete, [webSearch]); document.getElementById('IT_WebListBlock').innerHTML = ''; webSearch.execute(document.getElementById('IT_WebSearchResults').keyword); } , initWebDiv: function () { var div = document.getElementById('IT_WebSearchResults'); div.innerHTML = ''; var table = document.createElement('table'); var tbody = document.createElement('tbody'); var tr = document.createElement('tr'); var td = document.createElement('td'); var tdDiv = document.createElement('div'); tdDiv.id = 'IT_WebListBlock'; tdDiv.style.overflow = 'auto'; tdDiv.style.height = '250px'; div.appendChild(table); table.appendChild(tbody); tbody.appendChild(tr); tr.appendChild(td); td.appendChild(tdDiv); } , mining: function (target1, target2, keyword) { var imageDiv = document.getElementById(target1); var webDiv = document.getElementById(target2); if (!imageDiv || !webDiv) return; imageDiv.innerHTML = ''; webDiv.innerHTML = ''; var div = document.createElement('div'); div.id = 'IT_ImageSearchResults'; div.previewMode = 'preview'; div.keyword = keyword; imageDiv.appendChild(div); IT.initImageDiv(); var div = document.createElement('div'); div.id = 'IT_WebSearchResults'; div.previewMode = 'preview'; div.keyword = keyword; webDiv.appendChild(div); IT.initWebDiv(); IT.doImageSearch(); IT.doWebSearch(); } , initBin: function () { var bin = document.getElementById('IT_Bin'); bin.numPict = 0; bin.numWeb = 0; bin.innerHTML = ''; IT.updateTextArea(); return false; } , clickSearch: function () { var text = document.getElementById('IT_SearchKey'); IT.mining('IT_ImageList', 'IT_WebList', text.value); IT.initBin(); return false; } , putLabel: function (parent, place) { var label = ''; switch (place) { case 0: label = 'ToolTop'; break; case 1: label = 'ImageResults'; break; case 2: label = 'WebResults'; break; case 3: label = 'GeneratedHTML'; break; } var p = document.createElement('p'); parent.appendChild(p); var a = document.createElement('a'); a.name = label; p.appendChild(a); label = 'ToolTop'; var tn = document.createTextNode(label); if (place == 0) { p.appendChild(tn); } else { var a = document.createElement('a'); a.href = '#' + label; a.appendChild(tn); p.appendChild(a); } p.appendChild(document.createTextNode(' ')); label = 'ImageResults'; var tn = document.createTextNode(label); if (place == 1) { p.appendChild(tn); } else { var a = document.createElement('a'); a.href = '#' + label; a.appendChild(tn); p.appendChild(a); } p.appendChild(document.createTextNode(' ')); label = 'WebResults'; var tn = document.createTextNode(label); if (place == 2) { p.appendChild(tn); } else { var a = document.createElement('a'); a.href = '#' + label; a.appendChild(tn); p.appendChild(a); } p.appendChild(document.createTextNode(' ')); label = 'GeneratedHTML'; var tn = document.createTextNode(label); if (place == 3) { p.appendChild(tn); } else { var a = document.createElement('a'); a.href = '#' + label; a.appendChild(tn); p.appendChild(a); } } , begin: function (place) { //sL.logger.enable(); var placeDiv = document.getElementById(place); placeDiv.style.border = '1px solid #888'; placeDiv.style.padding = '1px'; IT.putLabel(placeDiv, 0); var form = document.createElement('form'); form.style.verticalAlign = 'top'; form.onsubmit = IT.clickSearch; placeDiv.appendChild(form); var p = document.createElement('p'); form.id = 'IT_InputForm'; form.appendChild(p); p.appendChild(document.createTextNode('Keyword:')); var input = document.createElement('input'); input.type = 'text'; input.id = 'IT_SearchKey'; p.appendChild(input); var input = document.createElement('input'); input.type = 'button'; input.value = 'Search'; input.onclick = IT.clickSearch; p.appendChild(input); IT.putLabel(placeDiv, 1); var div = document.createElement('div'); div.id = 'IT_ImageList'; div.style.border = '1px solid #888'; div.style.margin = '1px'; div.style.padding = '1px'; placeDiv.appendChild(div); IT.putLabel(placeDiv, 2); var div = document.createElement('div'); div.id = 'IT_WebList'; div.style.border = '1px solid #888'; div.style.margin = '1px'; div.style.padding = '1px'; placeDiv.appendChild(div); var div = document.createElement('div'); div.id = 'IT_Bin' div.style.border = '1px solid #888'; div.picts = new Array; div.numPict = 0; div.webSites = new Array; div.numWeb = 0; placeDiv.appendChild(div); IT.putLabel(placeDiv, 3); var gentext = document.createElement('div'); var form = document.createElement('form'); gentext.appendChild(form); var form = document.createElement('form'); placeDiv.appendChild(form); var p = document.createElement('p'); form.appendChild(p); var textArea = document.createElement('textarea'); textArea.rows = 20; textArea.cols = 60; textArea.id = 'IT_GeneratedText'; p.appendChild(textArea); } }; //--> </script> <!--<div style="height:200px;overflow:auto;" id="slLogArea">log area</div>--> <div id="tool-pane"> <script type="text/javascript"> <!-- IT.begin('tool-pane'); //--> </script> <noscript>Sorry, you have to enable javascript.</noscript> </div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5281412490715734218.post-44645888549308241812010-04-18T22:01:00.027+09:002010-04-19T23:53:48.073+09:00<script type="text/javascript" src="http://sharri.web.fc2.com/JSlab/SL.js"></script> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript"> <!-- var IL = { step: 20, current: 1, domain: 'light-is-right-kias', tbSize: 100, log: function (l) { // console.log(l); } , getFeed: function (data) { var num = this.build(data); this.log('feed_recieve=' + num); } , fetch: function (start) { if (start > 0) this.current = start; var startIndex = this.current; var maxResults = this.step; var order = 'posts'; var redirect = false; var script = document.createElement('script'); script.src = 'http://' + encodeURIComponent(this.domain) + '.blogspot.com/feeds/' + order + '/default?redirect=' + redirect + //'&orderby=updated' + '&start-index=' + startIndex + '&max-results=' + maxResults + '&alt=json-in-script&callback=IL.getFeed'; script.type = 'text/javascript'; document.documentElement.firstChild.appendChild(script); } , findImgUrl: function (str) { var srcImg = str.match(/<img[^>]*>/); if (srcImg == null) return null; this.log('srcImg.length:' + srcImg.length); var src = srcImg[0].match(/src=\"[^\"]*\"/); if (src == null) return null; return src[0].substring( src[0].indexOf('"') + 1, src[0].lastIndexOf('"') ); } , buildTextLink: function (linkSrc, imgSrc, title) { var a = document.createElement('a'); a.title = title; a.href = linkSrc; a.innerHTML = '&nbsp;' + title + '&nbsp;'; return a; } , buildImgLink: function (linkSrc, imgSrc, title) { var span = document.createElement('span'); var a = document.createElement('a'); a.title = title; a.href = linkSrc; /* a.innerHTML = '<img border="0" height="100"' + ' src="' + imgSrc + '"' + ' alt="' + title + '"' + '/>'; */ var img = document.createElement('img'); img.border = 0; img.alt = title; img.height = IL.tbSize; a.appendChild(img); span.appendChild(a); img.onload = (function (img, link, span) { return function () { link.innerHTML = ''; span.appendChild( sL.image.buildSquareFrame(IL.tbSize, img, link) ); img.onload = null; }; })(img, a, span); img.src = imgSrc; return span; } , build: function (data) { var entries = data.feed.entry; var num = 0; var header = document.getElementById('list-head'); var textList = document.getElementById('text-list'); var thumbnail = document.getElementById('thumbnail-block'); header.innerHTML = ''; textList.innerHTML = ''; thumbnail.innerHTML = ''; var info = document.getElementById('archiveinfo'); if (info != null) { var numPosts = info.numPosts; } else { var numPosts = 100; } var frame = 0; for (var i = 0; i < numPosts; i += this.step) { ++frame; if ((i + 1) == this.current) { header.appendChild(document.createTextNode(' ' + frame + ' ')); continue; } var a = document.createElement('a'); a.appendChild(document.createTextNode(frame)); a.href = 'javascript:void(0);'; a.onclick = (function (start) { return function () { IL.fetch(start) }; })(i + 1); header.appendChild(document.createTextNode(' ')); header.appendChild(a); header.appendChild(document.createTextNode(' ')); } for (var i = 0; i < entries.length; ++i) { var entry = entries[i]; var alink = ''; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alink = entry.link[k].href; break; } } var srcUrl = this.findImgUrl(entry.content.$t); if (srcUrl == null) continue; this.log('srcUrl:' + srcUrl); ++num; var div = document.createElement('div'); div.style.width = '100px'; div.style.height = '100px'; div.style.backgroundColor = '#FFFFFF'; div.style.border = '1px outset'; div.style.overflow = 'hidden'; div.style.textAlign = 'center'; div.style.margin = '1px'; div.style.padding = '0px'; div.style.cssFloat = 'left'; div.style.styleFloat = 'left'; thumbnail.appendChild(div); div.appendChild(this.buildImgLink(alink, srcUrl, entry.title.$t)); textList.appendChild(this.buildTextLink(alink, srcUrl, entry.title.$t)); } return num; } }; google.setOnLoadCallback( function () { IL.fetch(1); } ); //--> </script> <div> <div style="text-align:center;" id="list-head"> </div> <table> <tr> <td style="width:125px;border:1px outset;vertical-align:top;" id="text-list"> </td> <td style="vertical-align:top;" id="thumbnail-block"> </td> </tr> </table> </div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5281412490715734218.post-35013998236939347282010-04-17T03:38:00.004+09:002010-04-22T23:22:32.030+09:00<a name='more'></a> <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> <!-- google.load('search', '1'); //--> </script> <script type="text/javascript"> <!-- function it_walkAllPage(s) { var cursor = s.cursor; var next = cursor.currentPageIndex + 1; if (next >= cursor.pages.length) return; s.gotoPage(next); } function it_buildIcon(url, alt, width, height) { var newImg = document.createElement('img'); newImg.alt = alt; newImg.src = url; newImg.height = height; newImg.width = width; newImg.style.margin = '1px'; newImg.style.padding = '1px'; newImg.style.border = '1px solid #888'; return newImg; } function it_viewResult(result) { var imgUrl = result.url; var srcUrl = result.originalContextUrl; var width = result.width; var height = result.height; var content = result.titleNoFormatting; var aSrc = document.getElementById('IT_ImageSrcLink'); var aImg = document.getElementById('IT_ImageLink'); var d = document.getElementById('IT_ImageDescription'); if (aImg == null || aSrc == null || d == null) return; d.innerHTML = ''; d.appendChild(document.createTextNode(content)); d.appendChild(document.createElement('br')); d.appendChild(document.createTextNode('img = ' + imgUrl)); d.appendChild(document.createElement('br')); d.appendChild(document.createTextNode('src = ' + srcUrl)); d.appendChild(document.createElement('br')); var img = document.createElement('img'); img.style.border = 'none'; aSrc.href = srcUrl; img.alt = imgUrl + ' (' + width + 'x' + height + ')'; img.src = imgUrl; var aW = width; var aH = height; if (aW > 400) { aW = 400; aH = height * 400 / width; } if (aH > 400) { aH = 400; aW = width * 400 / height; } img.width = aW; img.height = aH; /* if (width > height) { if (width > 400) { img.width = 400; img.height = height * 400 / width; } else { img.width = width; img.height = height; } } else { if (height > 400) { img.height = 400; img.width = width * 400 / height; } else { img.width = width; img.height = height; } } */ aImg.innerHTML = ''; aImg.href = imgUrl; aImg.title = imgUrl + ' (' + width + 'x' + height + ')'; aImg.appendChild(img); } function it_buildIconHtml(result, uid) { var viewScript = "document.getElementById('" + uid + "').src='" + result.url +"';" + "document.getElementById('" + uid + "').height='" + Math.floor(result.height * 450 / result.width) +"';" + 'return false;'; var img = '<img ' + ' height="100" ' + ' style="border:1px solid #888;margin:1px;padding:1px"' + ' onmouseover="' + viewScript + '"' + ' alt="' + document.getElementById('IT_ImageSearchResults').keyword + ' ' + (new Date).getTime() + '"' + ' src="' + result.url + '"' + ' />'; var a = '<a' + ' target="_blank"' + ' href="' + result.url + '"' + ' title="' + document.getElementById('IT_ImageSearchResults').keyword + ' ' + (new Date).getTime() + '"' + ' >' + img + '</a>'; return a; } function it_buildBin() { var bin = document.getElementById('IT_Bin'); var uid = 'id_'+ (new Date).getTime(); bin.innerHTML = ''; var table = document.createElement('table'); var tbody = document.createElement('tbody'); var tr = document.createElement('tr'); var tdView = document.createElement('td'); var tdIcon = document.createElement('td'); bin.appendChild(table); table.appendChild(tbody); tbody.appendChild(tr); tr.appendChild(tdView); tr.appendChild(tdIcon); tdIcon.style.verticalAlign = 'top'; tdView.style.verticalAlign = 'top'; var img = document.createElement('img'); img.style.cssFloat = 'left'; img.style.styleFloat = 'left'; img.style.border = '1px solid #888'; img.style.margin = '1px'; img.style.padding = '1px'; img.width = 450; img.id = uid; img.alt = document.getElementById('IT_ImageSearchResults').keyword + ' ' + (new Date).getTime(); if (bin.numPict > 0) { img.src = bin.picts[bin.numPict - 1].url; } tdView.appendChild(img); var div = document.createElement('div'); div.style.border = 'none'; div.style.margin = '1px'; div.style.padding = '1px'; tdIcon.appendChild(div); for (var i = 0; i < bin.numPict; ++i) { div.innerHTML += it_buildIconHtml(bin.picts[i], uid); } var wsBlock = document.createElement('div'); wsBlock.id = 'WebSearchBlock'; bin.appendChild(wsBlock); for (var i = 0; i < bin.numWeb; ++i) { wsBlock.appendChild(bin.webSites[i]); } } function it_updateTextArea() { var text = document.getElementById('IT_GeneratedText'); text.innerHTML = ''; text.appendChild( document.createTextNode( document.getElementById('IT_Bin').innerHTML)); text.select(); } function it_addPict(result) { var div = document.getElementById('IT_Bin'); div.picts[div.numPict++] = result; it_buildBin(); it_updateTextArea(); } function it_isComplete(is) { if (!is.results) return; if (is.results.length <= 0) return; var contentDiv = document.getElementById('IT_ImageIconBlock'); var results = is.results; if (contentDiv.previewMode == 'all') { for (var i = 0; i < results.length; i++) { var result = results[i]; var link = document.createElement('a'); link.title = result.visibleUrl; link.href = 'javascript:void(0);'; link.onclick = (function (result) { return function () { it_addPict(result) }; })(result); var h = 120; var w = (result.tbWidth * h) / result.tbHeight; link.appendChild(it_buildIcon(result.tbUrl, result.visibleUrl, w, h)); contentDiv.appendChild(link); } } else { for (var i = 0; i < results.length; i++) { var result = results[i]; var link = document.createElement('a'); link.title = result.visibleUrl; link.href = 'javascript:void(0);'; link.onclick = (function (result) { return function () { it_addPict(result) }; })(result); link.onmouseover = (function (result) { return function () { it_viewResult(result) }; })(result); var w = 120; var h = (result.tbHeight * w) / result.tbWidth; link.appendChild(it_buildIcon(result.tbUrl, result.visibleUrl, w, h)); contentDiv.appendChild(link); } if (is.cursor.currentPageIndex == 0) { it_viewResult(results[0]); } } it_walkAllPage(is); } function it_switchImageView(mode) { var div = document.getElementById('IT_ImageSearchResults'); div.previewMode = mode; it_initImageDiv(); it_doImageSearch(); } function it_initImageDiv() { var div = document.getElementById('IT_ImageSearchResults'); div.innerHTML = ''; var child = document.createElement('a'); child.name = 'images'; div.appendChild(child); var head = document.createElement('h3'); head.appendChild(document.createTextNode('[' + div.keyword + ']')); var span = document.createElement('span'); span.innerHTML = '&nbsp;'; head.appendChild(span); var a = document.createElement('a'); a.href = 'javascript:void(0);'; a.onclick = it_initBin; a.appendChild(document.createTextNode('Clear')); head.appendChild(a); var span = document.createElement('span'); span.innerHTML = '&nbsp;'; head.appendChild(span); if (div.previewMode == 'all') { child = document.createElement('a'); child.href = 'javascript:it_switchImageView("preview");'; child.innerHTML = 'Preview'; head.appendChild(child); child = document.createElement('span'); child.innerHTML = '&nbsp;'; head.appendChild(child); child = document.createElement('span'); child.innerHTML = 'Thumbnail'; head.appendChild(child); child = document.createElement('span'); child.innerHTML = '&nbsp;'; head.appendChild(child); } else { child = document.createElement('span'); child.innerHTML = 'Preview'; head.appendChild(child); child = document.createElement('span'); child.innerHTML = '&nbsp;'; head.appendChild(child); child = document.createElement('a'); child.href = 'javascript:it_switchImageView("all");'; child.innerHTML = 'Thumbnail'; head.appendChild(child); child = document.createElement('span'); child.innerHTML = '&nbsp;'; head.appendChild(child); } div.appendChild(head); div.style.margin = '1px'; div.style.padding = '1px'; var iconBlock = document.getElementById('IT_ImageIconBlock'); if (iconBlock == null) { iconBlock = document.createElement('div'); iconBlock.id = 'IT_ImageIconBlock'; } iconBlock.previewMode = div.previewMode; if (iconBlock.previewMode == 'all') { iconBlock.style.width = 'auto'; iconBlock.style.height = 'auto'; iconBlock.style.overflow = 'visible'; div.appendChild(iconBlock); } else { iconBlock.style.width = '150px'; iconBlock.style.height = '550px'; iconBlock.style.overflow = 'auto'; var imgA = document.getElementById('IT_ImageLink'); if (imgA == null) { imgA = document.createElement('a'); imgA.id = 'IT_ImageLink'; imgA.target = '_blank'; } var orgA = document.getElementById('IT_ImageSrcLink'); if (orgA == null) { orgA = document.createElement('a'); orgA.id = 'IT_ImageSrcLink'; orgA.target = '_blank'; orgA.innerHTML = '[original site]'; } var descDiv = document.getElementById('IT_ImageDescription'); if (descDiv == null) { descDiv = document.createElement('div'); descDiv.id = 'IT_ImageDescription'; } var table = document.createElement('table'); table.style.border = 'none'; var tbody = document.createElement('tbody'); table.style.border = 'none'; table.appendChild(tbody); var tr = document.createElement('tr'); tbody.appendChild(tr); var viewTd = document.createElement('td'); viewTd.style.textAlign = 'center'; var viewDiv = document.createElement('div'); viewDiv.style.width = '450px'; viewDiv.style.height = '450px'; viewDiv.style.overflow = 'auto'; viewTd.appendChild(viewDiv); var br = document.createElement('div'); br.style.clear = 'both'; viewDiv.appendChild(imgA); viewDiv.appendChild(br); viewDiv.appendChild(orgA); viewDiv.appendChild(descDiv); var iconTd = document.createElement('td'); tr.appendChild(viewTd); tr.appendChild(iconTd); iconTd.appendChild(iconBlock); div.appendChild(table); } } function it_doImageSearch() { var imageSearch = new google.search.ImageSearch(); /* imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_MEDIUM); imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_EXTRA_LARGE); */ imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGETYPE, google.search.ImageSearch.IMAGETYPE_PHOTO); imageSearch.setResultSetSize(google.search.Search.LARGE_RESULTSET); imageSearch.setSearchCompleteCallback(this, it_isComplete, [imageSearch]); /* imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_EXTRA_LARGE); */ imageSearch.execute( document.getElementById('IT_ImageSearchResults').keyword ); } function it_addWebSite(html) { var div = document.getElementById('IT_Bin'); div.webSites[div.numWeb++] = html; it_buildBin(); it_updateTextArea(); } function it_wsComplete(ws) { if (!ws.results) return; if (ws.results.length <= 0) return; var contentDiv = document.getElementById('IT_WebListBlock'); var results = ws.results; var table = document.createElement('table'); contentDiv.appendChild(table); var tbody = document.createElement('tbody'); table.appendChild(tbody); for (var i = 0; i < results.length; i++) { var result = results[i]; var tr = document.createElement('tr'); tbody.appendChild(tr); var tdButton = document.createElement('td'); tr.appendChild(tdButton); var tdContent = document.createElement('td'); // tdContent.appendChild(result.html.cloneNode(true)); tr.appendChild(tdContent); tdContent.style.border = '1px solid #888'; tdContent.style.margin = '1px'; var content = document.createElement('p'); var a = document.createElement('a'); a.href = result.unescapedUrl; a.target = '_blank'; a.appendChild(document.createTextNode(result.titleNoFormatting)); content.appendChild(a); content.appendChild(document.createTextNode(' - ' + result.visibleUrl)); content.appendChild(document.createElement('br')); var span = document.createElement('span'); span.innerHTML = result.content; content.appendChild(span); tdContent.appendChild(content); var form = document.createElement('form'); tdButton.appendChild(form); var p = document.createElement('p'); form.appendChild(p); var button = document.createElement('input'); button.type = 'button'; button.value = 'Add'; button.onclick = (function (html) { return function () { it_addWebSite(html) }; })(content.cloneNode(true)); p.appendChild(button); } it_walkAllPage(ws); } function it_doWebSearch() { var webSearch = new google.search.WebSearch(); // webSearch.setNoHtmlGeneration(); webSearch.setRestriction(google.search.ImageSearch.RESTRICT_SAFESEARCH, google.search.Search.SAFESEARCH_OFF); webSearch.setResultSetSize(google.search.Search.LARGE_RESULTSET); webSearch.setSearchCompleteCallback(this, it_wsComplete, [webSearch]); document.getElementById('IT_WebListBlock').innerHTML = ''; webSearch.execute(document.getElementById('IT_WebSearchResults').keyword); } function it_initWebDiv() { var div = document.getElementById('IT_WebSearchResults'); div.innerHTML = ''; var table = document.createElement('table'); var tbody = document.createElement('tbody'); var tr = document.createElement('tr'); var td = document.createElement('td'); var tdDiv = document.createElement('div'); tdDiv.id = 'IT_WebListBlock'; tdDiv.style.overflow = 'auto'; tdDiv.style.height = '250px'; div.appendChild(table); table.appendChild(tbody); tbody.appendChild(tr); tr.appendChild(td); td.appendChild(tdDiv); } function it_mining(target1, target2, keyword) { var imageDiv = document.getElementById(target1); var webDiv = document.getElementById(target2); if (!imageDiv || !webDiv) return; imageDiv.innerHTML = ''; webDiv.innerHTML = ''; var div = document.createElement('div'); div.id = 'IT_ImageSearchResults'; div.previewMode = 'preview'; div.keyword = keyword; imageDiv.appendChild(div); it_initImageDiv(); var div = document.createElement('div'); div.id = 'IT_WebSearchResults'; div.previewMode = 'preview'; div.keyword = keyword; webDiv.appendChild(div); it_initWebDiv(); it_doImageSearch(); it_doWebSearch(); } function it_initBin() { var bin = document.getElementById('IT_Bin'); bin.numPict = 0; bin.numWeb = 0; bin.innerHTML = ''; it_updateTextArea(); return false; } function it_clickSearch() { var text = document.getElementById('IT_SearchKey'); it_mining('IT_ImageList', 'IT_WebList', text.value); it_initBin(); return false; } function it_putLabel(parent, place) { var label = ''; switch (place) { case 0: label = 'ToolTop'; break; case 1: label = 'ImageResults'; break; case 2: label = 'WebResults'; break; case 3: label = 'GeneratedHTML'; break; } var p = document.createElement('p'); parent.appendChild(p); var a = document.createElement('a'); a.name = label; p.appendChild(a); label = 'ToolTop'; var tn = document.createTextNode(label); if (place == 0) { p.appendChild(tn); } else { var a = document.createElement('a'); a.href = '#' + label; a.appendChild(tn); p.appendChild(a); } p.appendChild(document.createTextNode(' ')); label = 'ImageResults'; var tn = document.createTextNode(label); if (place == 1) { p.appendChild(tn); } else { var a = document.createElement('a'); a.href = '#' + label; a.appendChild(tn); p.appendChild(a); } p.appendChild(document.createTextNode(' ')); label = 'WebResults'; var tn = document.createTextNode(label); if (place == 2) { p.appendChild(tn); } else { var a = document.createElement('a'); a.href = '#' + label; a.appendChild(tn); p.appendChild(a); } p.appendChild(document.createTextNode(' ')); label = 'GeneratedHTML'; var tn = document.createTextNode(label); if (place == 3) { p.appendChild(tn); } else { var a = document.createElement('a'); a.href = '#' + label; a.appendChild(tn); p.appendChild(a); } } function it_begin(place) { var placeDiv = document.getElementById(place); placeDiv.style.border = '1px solid #888'; placeDiv.style.padding = '1px'; it_putLabel(placeDiv, 0); var form = document.createElement('form'); form.style.verticalAlign = 'top'; form.onsubmit = it_clickSearch; placeDiv.appendChild(form); var p = document.createElement('p'); form.id = 'IT_InputForm'; form.appendChild(p); p.appendChild(document.createTextNode('Keyword:')); var input = document.createElement('input'); input.type = 'text'; input.id = 'IT_SearchKey'; p.appendChild(input); var input = document.createElement('input'); input.type = 'button'; input.value = 'Search'; input.onclick = it_clickSearch; p.appendChild(input); it_putLabel(placeDiv, 1); var div = document.createElement('div'); div.id = 'IT_ImageList'; div.style.border = '1px solid #888'; div.style.margin = '1px'; div.style.padding = '1px'; placeDiv.appendChild(div); it_putLabel(placeDiv, 2); var div = document.createElement('div'); div.id = 'IT_WebList'; div.style.border = '1px solid #888'; div.style.margin = '1px'; div.style.padding = '1px'; placeDiv.appendChild(div); var div = document.createElement('div'); div.id = 'IT_Bin' div.style.border = '1px solid #888'; div.picts = new Array; div.numPict = 0; div.webSites = new Array; div.numWeb = 0; placeDiv.appendChild(div); it_putLabel(placeDiv, 3); var gentext = document.createElement('div'); var form = document.createElement('form'); gentext.appendChild(form); var form = document.createElement('form'); placeDiv.appendChild(form); var p = document.createElement('p'); form.appendChild(p); var textArea = document.createElement('textarea'); textArea.rows = 20; textArea.cols = 60; textArea.id = 'IT_GeneratedText'; p.appendChild(textArea); } //--> </script> <div id="tool-pane"> <script type="text/javascript"> <!-- it_begin('tool-pane'); //--> </script> <noscript>Sorry, you have to enable javascript.</noscript> </div> <ul> <li> 微妙に修正。オブジェクトっぽく仕立て直したい気もするが、メンドクサイ… </li> </ul>Unknownnoreply@blogger.com0