トラックバックURLを1クリックで選択状態に｜Materializing [マテリアライジング]

デフォルトのトラックバック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クリックで選択状態に

テンプレート修正

カテゴリ

トラックバック(0)

About This Site