クリック

[javascript]リンクをクリック時の点線を消す

<a href="#" onfocus="this.blur()">サンプル</a>

で、リンクの点線を消すことができるが、いちいち全部につけるのは面倒なので javascript で一気にやってしまおうというサンプルがあったのでメモ。

window.onload=function(){
 a=document.getElementsByTagName("a");
 for(i=0;i<a.length;i++){
  a[i].onfocus=function(){this.blur();}
 }
 area=document.getElementsByTagName("area");
 for(i=0;i<area.length;i++){
  area[i].onfocus=function(){this.blur();}
 }
}

this.blur() を使うとタブ移動ができなくなるので、ユーザビリティが悪くなることは言うまでもない。IEはユーザビリティか見た目か割り切る必要がありますね。

==アイコン素材PR==
メニュー表,黒板 お弁当,カゴ,バスケット くるみ,クルミ ピクルス 電話 はちみつ,ハチミツ ワイン樽 フライパン,キッチン用具 映写機 手袋

入力フォームをクリックしてサンプルを消す

検索窓や、テキスト入力フォームでデフォルトで文字列を入力しておいて、クリック(フォーカス)すると文字が消える JavaScript のメモ。

今までどうやるんだろーと思ってましたが、調べてみるとあっさりできました。

◆インプットフォームのサンプル
<input name="query" id="searchBox" type="text" value="サイト内検索" onfocus="if (this.value == &#x27サイト内検索&#x27) { this.value=&#x27&#x27 }" onblur="if (this.value == &#x27&#x27) { this.value=&#x27サイト内検索&#x27 }" />

◆テキストフォームのサンプル
<textarea cols="40" rows="15" name="testbox" wrap="virtual" onclick="doclear(&#x27testbox&#x27);">お問い合わせ内容をご入力ください。</textarea>

==PR==
目覚まし時計 金塊 緑,植物,グリーン,葉,葉っぱ, リボン,ラッピング 家,ハウス 椅子,チェアー,ビーチパラソル,ビーチチェア クリスマス,オーナメント,ベル ビン,ボトル,地図 鍵盤,ピアノ 本,BOOK 賞状,リボン,角帽 コルク 緑,植物,グリーン,葉,葉っぱ, フィルム,写真 レンズ,カメラ タンク タイヤ ノート,リングノート ビーチボール,紙風船 地球,地球儀

Bingへサイトを登録する

「Bing」
それはMicrsoftのMSN Live Searchに変わる新しいサービスとしてスタートしました。

と、いうのもいつも通りLive Searchにサイトを登録しようかなーっと思ったら、
なんやらすがすがしい背景と共に見慣れない画面が。

なんじゃこりゃ。
クリック間違えたかなと思ってブックマークからもう一度クリック。

同じ結果。w

あらー新しいサービスに変わったのね〜。
とここではじめて気づく。

移行に伴い困ったことが。
そう、Live Search URL の登録ができなくなったのです・・・。
同じく困る方がいると思うのでメモメモ。

ヘルプから、登録先を調べたところありました。

◆Bingへサイトを登録する
http://www.bing.com/docs/submit.aspx?FORM=SURE

無事登録できた!?模様です。

このURLはとりあえずかもしれないので、今後変更になる可能性がありますのでご注意を。