widget-helper.html
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rev="made" href="mailto:tmasao@acm.org" />
<link rel="stylesheet" href="default.css" type="text/css" />
<style type="text/css">
form#html {
text-align: center;
margin: auto;
}
form#form {
margin: auto;
}
form#form input[type="button"] {
font-size: larger;
margin: 1%;
}
</style>
<script type="text/javascript" src="widget-helper.js"></script>
<title>「ふわっと関連検索」ブログパーツ貼り付け支援ツール</title>
</head>
<body>
<ul id="navi">
<li><a href="help.html">ふわっと関連検索とは</a></li>
<li><a href="history.html">更新履歴</a></li>
</ul>
<div class="last-update">初版公開日: 2010年03月14日</div>
<div class="last-update">最終更新日: 2010年06月07日</div>
<h1>「ふわっと関連検索」ブログパーツ貼り付け支援ツール</h1>
<p><strong>ふわっと関連検索にもどる</strong>
[
<a href="http://fuwat.to/cinii">CiNii</a> /
<a href="http://fuwat.to/cinii-author">CiNii著者</a> /
<a href="http://fuwat.to/ndl">NDLサーチ</a> /
<a href="http://fuwat.to/crd">レファ協</a> /
<a href="http://fuwat.to/jstage">J-STAGE</a> /
<a href="http://fuwat.to/worldcat">WorldCat</a> /
<a href="http://fuwat.to/dpla">DPLA</a> /
<a href="http://fuwat.to/springer">Springer</a> /
<a href="http://fuwat.to/epi">教育研究論文索引</a> /
<a href="http://fuwat.to/opac-hit-u">一橋大学OPAC</a>
]</p>
<div class="center"><p><strong><a href="./help.html">ヘルプ</a>にもどる</strong></p>
</div>
<p>ブログパーツの貼りつけに必要な情報を自動的に設定できます。</p>
<h2 id="toc1_1">パラメータ設定</h2>
<p>「ふわっと関連検索」を様々なサイトで使えるようにするブログパーツのパラメータを以下で設定します。</p>
<form action="" id="form" onsubmit="preview_fuwatto();return false;">
<p>
検索対象データベース: <select name="database">
<option value="cinii">CiNii</option>
<option value="ndl">NDL Porta</option>
<option value="crd">レファレンス協同データベース</option>
<option value="epi">教育研究論文索引</option>
<option value="worldcat">WorldCat</option>
<option value="opac-hit-u">一橋大学OPAC</option>
</select>
<br />
タイトル表示: <input type="text" name="title" value="関連文献" size="20" />
<br />
表示件数:
<select name="count">
<option value="1">1件</option>
<option value="3" selected="selected">3件</option>
<option value="5">5件</option>
<option value="10">10件</option>
<option value="20">20件</option>
</select>
<br />
幅:
<select name="width" >
<option value="auto">指定なし</option>
<option value="120px">120px</option>
<option value="160px">160px</option>
<option value="200px">200px</option>
<option value="300px">300px</option>
<option value="400px">400px</option>
<option value="600px">600px</option>
<option value="800px">800px</option>
</select>
高さ:
<select name="height" >
<option value="auto">指定なし</option>
<option value="120px">120px</option>
<option value="160px">160px</option>
<option value="200px">200px</option>
<option value="300px">300px</option>
<option value="400px">400px</option>
<option value="600px">600px</option>
</select>
<br />
<input type="button" onclick="preview_fuwatto();return false;" value=" Preview " />
</p>
</form>
<h2 id="toc1_2">プレビュー と 貼り付けコード（HTML）</h2>
<p>下記の表示形式でよろしければ、末尾のHTML片をコピーして、ブログ等に貼り付けることができます（下記に表示される検索結果はダミーです）。</p>
<script src="http://fuwat.to/api/widget.js" type="text/javascript" charset="utf-8"></script>
<div id="preview">
<script type="text/javascript">
fuwatto_widget({ "url" : "http://www.asahi.com/paper/editorial.html" });
</script>
</div>
<p>
<form id="html" action="">
<textarea name="html" cols="70" rows="4" onclick="document.forms[1].html.select();">
<script src="http://fuwat.to/api/widget.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
fuwatto_widget({});
</script></textarea>
</form>
<div class="center"><p>※上記コードをブログやWebサイトのHTMLに貼り付けることで、上記のような「ふわっと関連検索」結果をどこのページからでも表示できるようになります。</p>
</div></p>
<hr />
<div id="footer">
<address>高久雅生 (Masao Takaku)<br />
<a href="http://masao.jpn.org/">http://masao.jpn.org/</a>,
<a href="mailto:tmasao@acm.org">tmasao@acm.org</a></address>
</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-389547-4";
urchinTracker();
</script>
</body>
</html>