2005年 6月 17日（金） 先負 今日は何の日？
進化版 「トラックバックURLを1クリックで選択状態に」 
以前、「トラックバックをちょっとだけ楽チンに」 というエントリで
トラックバックURL を 1クリックで 選択状態にする技をご紹介したのですが
小粋空間 さんで、その進化版とも言えるカスタマイズを公開されてましたので、早速 やってみました。
⇒ label 要素を用いてトラックバックURLを1クリックで選択状態にする
今までとなにが違うかというと・・・
「このエントリーのトラックバックURL:」 の部分をクリックしても選択状態にできるようになったのです。
お試し用です。↑ 「このエントリーのトラックバックURL:」 ってとこをクリックしてみて。ね？できたでしょ？
<label for="trackback_url">このエントリーのトラックバックURL:</label><br />
<input tabindex="1" accesskey="x" name="trackback_url" size="50" value="<$MTEntryTrackbackLink$>" readonly="readonly" id="trackback_url" onfocus="this.select()" />
input 要素に追加した任意の id 属性 （青い字） を label 要素 に指定し <label for （任意のid属性）></label> で
括る （赤い字のようにする） と、括られた文字列をクリックしても 選択状態になります。
ここでは 「このエントリーのトラックバックURL:」 を <label for （任意のid属性）></label> で括っているので、
「このエントリーのトラックバックURL:」 のところをクリックしても、しっかり選択状態になるようになりました。
また label 要素に accesskey 属性 （↑緑色の部分） を付与することで、Altキー + 「accesskey属性で指定した値」 で
選択することもできるそうです。そうでしたかぁ。そうなんだぁ。知らなかったぁ～～～。またひとつ、お勉強させていただきました。
（yujiroさん曰く、MovableType では デフォルトテンプレート・メインページの検索部分に このテクニックを用いている・・・
ということで、調べてみたら、ホントだぁ！<label for="search" accesskey="4"></label> に なってました。）
≫ [愚] このエントリーのトラックバックURLの from
文字クリックで選択状態になるワザをさえらさんから伝授。 やむやむサマ「進化版 「... [続きを読む]
すいませーん！
よく見ずに勘違いしてましたm(_ _；)m ごめんなさい。。。
しかし「このエントリーのトラックバックURL:」を にクリックで
選択されちゃうって発想、yujiroさんてただものではないですよね笑
ソースが違っても無事動いてるんですが、このままでホントに大丈夫なんでしょか？
後でいきなりエラーとか出ないですよね？(((； ﾟДﾟ)))ｶﾞｸｶﾞｸﾌﾞﾙﾌﾞﾙ
>>1 やむさん
うちに余分に付いてるソースが なにを意味してるのか、よくわかってないので、
なんともいえないんだけど、今ちゃんと動いてるわけだし、大丈夫じゃないかなぁ・・・
自信のないお返事でごめんなさい。
はじめまして♪「トラックバックURLを1クリックで選択状態に」 参考にさせて
いただいて、無事できました～
ありがとうございました
>>3 ななさん
はじめまして～。コメントありがとうございます。
こういうちょっとしたことだけど 少しだけ便利になるっていう小技大好きです。
いつも助けてくださるサイトさまに感謝、感謝です。
嬉しいです！
サイン・インを確認しました、 . さん。コメントしてください。 (サイン・アウト)
(いままで、ここでコメントしたとがないときは、コメントを表示する前にこのウェブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)
