2008年6月29日(日)

私家版タグクリエイターの作成

いつも記事の末尾にテクノラティのタグを書き込んでいるが、これを生成する謹製タグクリエイターがとても使いづらい。
そこで仕方なく、Javaスクリプトを利用して私家版タグクリエイターを作成することにした。
とりあえずInternet Explorer 6とFirefox 2とOpera 9.5で動作確認済。

<script type="text/javascript" charset="UTF-8"><!--
function TagChange(TC, ID) {
if (TC.word.value.replace(/\s+/g, '') != '') {
// 半角空白以外の文字が入力されている場合は実行
var Tag = TC.word.value.replace(/^\s+|\s+$/g, '').split(/\s*,\s*/);
// 前後の空白を削除(除去) -> カンマの前後の空白を削除しつつカンマで分割、配列化
var Technorati = new Array();
for (i = 0; i < Tag.length; i++) {
var TCTag = new Array('<a rel="tag" href="http://technorati.jp/tag/');
TCTag.push(encodeURIComponent(Tag[i]).toLowerCase(), '" ', TC.attribute.value, '>', Tag[i], '<\/a>');
Technorati.push(TCTag.join(''));
// 生成したアンカー要素を連結 -> 配列に追加
}
var TCResult = TC.header.value + Technorati.join(TC.space.value) + TC.footer.value;
// アンカー要素の配列を連結 -> 前後に要素を追加
TC.result.value = TCResult;
document.getElementById(ID).innerHTML = TCResult;
} else {
// 半角空白以外の文字が入力されていない場合はクリア
TC.result.value = TC.result.defaultValue;
document.getElementById(ID).innerHTML = TC.header.defaultValue + TC.footer.defaultValue;
}
}
//--></script>

<form name="IN" action="javascript:void(0);">
Word:<br>
<input name="word" type="text" size="60" value=""><br>
Header:<br>
<input name="header" type="text" size="30" value="Tags : "><br>
Attribute:<br>
<input name="attribute" type="text" size="30" value=""><br>
Space:<br>
<input name="space" type="text" size="30" value=" "><br>
Footer:<br>
<input name="footer" type="text" size="30" value=""><br>
<input type="button" value="変換" onClick="TagChange(this.form, 'test'); return false;">
<input type="button" value="クリア" onClick="this.form.result.value = this.form.result.defaultValue; return false;"><br>
<textarea name="result" cols="50" rows="15">ここに結果を表示</textarea>
<div id="test">Tags :</div>
</form>

[追記] 2008年11月27日、+演算子による結合から配列に追加して連結するようコード等を修正

Tags :

Posted by 不法電波 at 23:37
Categories: インターネット | 楽天
Comments | Trackbacks

TopBottom

Trackbacks

Trackback URL:
http://ventura.pv.land.to/tt-cgi/tt_tb.cgi/106

TopBottom

Comments






保存しますか? Yes No


(URL以外は入力必須、過少コメント・連続投稿は不可)

TopBottom

< Opera 9.5は素晴らしい | Home