2011年01月09日

【第28回】検索オプションのデフォルト値を変更する

前回は、検索ボックスのテキスト入力欄を大きくしました。

SD_027_04.JPG

これを見て思うのは、ラジオボタンのデフォルト値。

「Yahoo!検索だったら、ブラウザの窓でもできる。
せっかくブログに検索ボックスを設置するんだから、やっぱり目的はブログ内検索が主流じゃない?」

って、思いません?

ならば、その思いを形にしてみましょう。

ということで、今回はこのラジオボタンのデフォルトチェック状態を、Yahoo!ウェブ検索側から記事側に変更してみたいと思います。

方法は、HTMLの編集。
前回と同じく、Seesaaブログのコンテンツ画面検索コンテンツをクリックし、さらにそのコンテンツHTML編集画面を開いて下さい。

SD_027_03.jpg

それでは、編集してみましょう。

★検索オプションのデフォルトチェックを変更する方法★

type="radio"inputタグについて、デフォルトチェックしたい方にchecked="checked"を記入する。
反対に、チェックを外したい方からは、上記プロパティを削除する。

▼▼▼ 変更前 ▼▼▼
<input type="radio" name="vs" value="" id="radio1" checked="checked" /></td>
<td class="sASweb"><label for="radio1">ウェブ</label></td>
<td class="sASnone"><input type="radio" name="vs" value="<% blog.page_url %>" id="radio2" /></td>
<td class="sASarticle"><label for="radio2">記事</label>

▼▼▼ 変更後 ▼▼▼
<input type="radio" name="vs" value="" id="radio1" /></td>
<td class="sASweb"><label for="radio1">ウェブ</label></td>
<td class="sASnone"><input type="radio" name="vs" value="<% blog.page_url %>" id="radio2" checked="checked" /></td>
<td class="sASarticle"><label for="radio2">記事</label>

こうすると、ラジオボタンのデフォルトチェックが変更されます。

▼▼▼ 変更前 ▼▼▼
SD_027_04.JPG

▼▼▼ 変更後 ▼▼▼
SD_028_01.JPG

今回は以上です。

▼▼▼▼▼▼▼▼▼▼▼▼▼
参考になりましたら
クリック&応援をお願いします
にほんブログ村 ブログノウハウへ
▲▲▲▲▲▲▲▲▲▲▲▲▲

【PR】FXシステムトレードで着実に利益を重ねる長期資産運用方法o(^0^)o ほくほくFX
【PR】日々の運用成績やユーザーの情報満載のブログo(^0^)o ほくほくポートフォリオ
posted by o(^0^)o ほくほく at 20:00| Comment(0) | PCブログデザイン | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。