トラックバックURLを1クリックで選択状態に

デフォルトのトラックバックURLはただのテキスト表示なので、これをドラッグして選択して反転し、コピーするという作業が発生します。
これを1クリックで簡単に出来るようにするカスタマイズです。
ついでにボタンも付けてみます。(ボタンはIE専用)

テンプレート修正

改変前：

<h2 id="trackbacks">トラックバック</h2>
<p class="techstuff">
このエントリーのトラックバックURL:<br />
<$MTEntryTrackbackLink$>
</p>

●改変後：

<h2 id="trackbacks">トラックバック</h2>
<p class="techstuff">
<label for="tb_url">このエントリーのトラックバックURL:</label><br />
<input tabindex="1" accesskey="x" name="tb_url" size="50" id="tb_url" value="<$MTEntryTrackbackLink$>" readonly="readonly" onfocus="this.select()" />
<input type="button" value="このURLをコピー" onclick="window.clipboardData.setData ('text', '<$MTEntryTrackbackLink$>')" />
</p>

「このエントリーのトラックバックURL:」という文字列をクリックしても選択状態になります。
これを外したい場合は、上記文字列の label 要素を外し、input属性中の id属性を外せば良いです。

●改変後：コピーボタンを押した際にダイアログ表示

<h2 id="trackbacks">トラックバック</h2>
<p class="techstuff">
<label for="tb_url">このエントリーのトラックバックURL:</label><br />
<input tabindex="1" accesskey="x" name="tb_url" size="50" id="tb_url" value="<$MTEntryTrackbackLink$>" readonly="readonly" onfocus="this.select()" />
<SCRIPT TYPE="text/javascript">
<!-- 
if(navigator.appName.indexOf("Microsoft Internet Explorer") > -1){
document.write(' <input type="button" value="このURLをコピー" onclick="window.clipboardData.setData (\'text\', \'<$MTEntryTrackbackLink$>\');alert(\'トラックバックURLをクリップボードにコピーしました。\');" />');
}
// -->
</SCRIPT>
</p>

以上

参考記事：
■トラックバックURLの一撃選択/楽
■小粋空間: label 要素を用いてトラックバックURLを1クリックで選択状態にする　[小粋空間]

2006/10/19 19:21:33：記事書き直し

トラックバックURLを1クリックで選択状態に｜Materializing

トラックバックURLを1クリックで選択状態に

テンプレート修正

コメントする

トラックバック(0)

CATEGORY

ACCESS RANKING

COMMENTS＆TRACKBACKS

COMMENTS

TRACKBACKS

SAME CATEGORY

RECENT ENTRIES

関連性の高いエントリー(タグ抽出)

インフォメーション｜Information

トラックバックURLを1クリックで選択状態に｜Materializing

トラックバックURLを1クリックで選択状態に

テンプレート修正

この記事を読んだ人はこんな記事も読んでいます

コメントする

トラックバック(0)

CATEGORY

ACCESS RANKING

COMMENTS＆TRACKBACKS

COMMENTS

TRACKBACKS

SAME CATEGORY

RECENT ENTRIES

TAGCLOUD

サインイン

関連性の高いエントリー(タグ抽出)

インフォメーション｜Information