ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   

ヤフーの検索窓について

日時: 2006/07/11 00:12
識別: IDK/j9r5AVtFw
名前: ラルフ

https://help.yahoo.co.jp/guide/jp/ysearch/searchbox/instructions.html

このページで紹介されている検索窓の3番目のAを利用したいと考えているのですが、
ビルダーにコピペしてもどうしても使用できません(入力して検索ボタンを押しても検索ページが表示されません)。
でも、それ以外の検索窓だと使えます。
これは何が原因なのでしょうか。
ちなみに、3番目のAの検索窓をビルダーにコピペして「ページ編集」を押すと、
「エラーを修正しました」となります。

よろしくお願い致します。

Re: ヤフーの検索窓について ( No.1 )
日時: 2006/07/11 08:15
名前: Newのり太

ホームページビルダーが文法エラーを自動修正したときにどうにかなってしまったのでしょう。
FAQ:HTML 構文エラーを自動修正しないようにしたい
https://www-06.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb0222

どこがエラーかは文法チェックにて。
https://openlab.ring.gr.jp/k16/htmllint/htmllinte.html
Re: ヤフーの検索窓について ( No.2 )
日時: 2006/07/11 12:21
名前: ラルフ

文法エラーを自動修正しなければできました。
エラーの内容はいくつかありましたが、赤マークのエラーは
「タグ(form)の位置が無効です。終了タグ(</form>が見つかりません)」というものでした。

一応自動修正しなければ使えるのですが、正確に文法エラーを直した方がいいのですか?
それともこのままでいいのでしょうか?
直すとしたら、終了タグをどこにいれればいいのでしょうか?
また、これはヤフー側のソースの記述のミスなのですか?

よろしくお願い致します。

下にソースを貼っておきます。


<!-- Begin Yahoo Search Form -->
<table width="400" border="0" cellpadding="10" cellspacing="0"
background="https://i.yimg.jp/images/search/sb_y_bk.gif">
<tr>
<td>
<a href="https://www.yahoo.co.jp/"><img src="https://i.yimg.jp/images/search/sb_y_logo.gif" alt="Yahoo! JAPAN" border="0"></a>
<table cellspacing="0" cellpadding="1" border="0">
<tr>
<form method="get" action="https://search.yahoo.co.jp/search" target="_blank">
<td height="3">
<small><input size="29" name="p"></small>
<input type="hidden" name="fr" value="ysvw">
<input type="hidden" name="ei" value="SJIS">
</td>
<td height="3">
<input type="image" height="21" alt="検索" width="47"
src="https://img.yahoo.co.jp/images/s_w.gif" border="0" name="search">
</td>
<td width="3"><img height="8" alt="" src="https://img.yahoo.co.jp/images/clear.gif"
width="7"> </td>
<td height="3">
<input type="image" height="21" alt="画像" width="47"
src="https://img.yahoo.co.jp/images/s_i.gif" border="0" name="isearch">
</td>
<td height="3">
<input type="image" height="21" alt="ニュース" width="47"
src="https://img.yahoo.co.jp/images/s_n.gif" border="0" name="nsearch">
</td>
<td height="3">
<input type="image" height="21" alt="辞書" width="47"
src="https://img.yahoo.co.jp/images/s_d.gif" border="0" name="dsearch">
</td>
</form>
</tr>
</table>
</td>
</tr>
</table>
<!-- End Yahoo! Search Form -->
Re: ヤフーの検索窓について ( No.3 )
日時: 2006/07/11 16:21
名前: Newのり太

> 一応自動修正しなければ使えるのですが、正確に文法エラーを直した方がいいのですか?
> それともこのままでいいのでしょうか?

たいていのブラウザでは、少々の文法ミスがあっても
それなりに修正されて表示できるかもしれませんが、
表示が崩れるブラウザもあるかもしれませんので、
直しておくほうが好ましいでしょう。

> 直すとしたら、終了タグをどこにいれればいいのでしょうか?

form要素がわけのわからない位置にあるのでエラーと判定されるのでしょうから、
formの開始タグを<!-- Begin Yahoo Search Form -->のコメント直後に、
終了タグを、<!-- End Yahoo! Search Form -->コメント直前にでもすれば
エラーを吐く事はないとは思います。


で、フォーム部品のビルダーでの設置方法が理解できれば、
ビルダーで表組みするなりして自分でレイアウトすることも可能です。

で、このフォームをビルダーの操作で挿入するとすると、
挿入>入力部品>フォーム
で、フォームの属性
アクション→https://search.yahoo.co.jp/search
メソッド→Get
ターゲット→新しいウィンドウ
隠しフィールド→名前=fr、値=ysvw
同じく隠しフィールド→名前=ei、値=SJIS

同じく挿入>入力部品>一行テキスト領域
一行テキスト領域の属性
名前→p
入力タイプ→テキスト
カラム数→29

同じく挿入>入力部品>プッシュボタン>画像ボタン
画像ボタンの属性
名前→seach
種類→画像
画像ファイル→https://img.yahoo.co.jp/images/s_w.gif
代替テキスト→検索

同じく挿入>入力部品>プッシュボタン>画像ボタン
名前→iseach
種類→画像
画像ファイル→https://img.yahoo.co.jp/images/s_i.gif
代替テキスト→画像

同じく挿入>入力部品>プッシュボタン>画像ボタン
名前→nseach
種類→画像
画像ファイル→https://img.yahoo.co.jp/images/s_n.gif
代替テキスト→ニュース

同じく挿入>入力部品>プッシュボタン>画像ボタン
名前→dseach
種類→画像
画像ファイル→https://img.yahoo.co.jp/images/s_d.gif
代替テキスト→辞書

当然ですが、すべてのフォーム部品を最初に挿入したフォームの中に入れてください。

画像ボタンのheightとwidthは、HPBでは設定できませんし、
文法チェッカーでも「Mozilla 用の属性」とかで減点されますが、
まあ、スタイルシートで指定可能ではあります。
Re: ヤフーの検索窓について ( No.4 )
日時: 2006/07/11 18:26
名前: ラルフ

Newのり太さん、丁寧に説明して頂いてありがとうございます。

formタグについてですが、開始と終了タグをそのように挿入してもまだ
「タグ(form)の位置が無効です。開始・終了タグ(</form>が見つかりません」と出てしまいます。
しかも、自動修正されると検索が機能しなくなってしまいます。

自動修正をオンにしなければ済む話なのですが、オフにして「重大なエラーのみ修正ダイアログを開く」とすると
開くたびにボックスが出てきて面倒です。
「すべてのエラーを無視する」にするとサイト作りが不安になりますし。

もう一度アドバイスを頂けないでしょうか?
よろしくお願いします。

ちなみに、以下のようにformタグを入れました



<!-- Begin Yahoo Search Form -->
<form>
<table width="400" border="0" cellpadding="10" cellspacing="0"
background="https://i.yimg.jp/images/search/sb_y_bk.gif">
<tr>
<td>
<a href="https://www.yahoo.co.jp/"><img src="https://i.yimg.jp/images/search/sb_y_logo.gif" alt="Yahoo! JAPAN" border="0"></a>
<table cellspacing="0" cellpadding="1" border="0">
<tr>
<form method="get" action="https://search.yahoo.co.jp/search" target="_blank">
<td height="3">
<small><input size="29" name="p"></small>
<input type="hidden" name="fr" value="ysvw">
<input type="hidden" name="ei" value="SJIS">
</td>
<td height="3">
<input type="image" height="21" alt="検索" width="47"
src="https://img.yahoo.co.jp/images/s_w.gif" border="0" name="search">
</td>
<td width="3"><img height="8" alt="" src="https://img.yahoo.co.jp/images/clear.gif"
width="7"> </td>
<td height="3">
<input type="image" height="21" alt="画像" width="47"
src="https://img.yahoo.co.jp/images/s_i.gif" border="0" name="isearch">
</td>
<td height="3">
<input type="image" height="21" alt="ニュース" width="47"
src="https://img.yahoo.co.jp/images/s_n.gif" border="0" name="nsearch">
</td>
<td height="3">
<input type="image" height="21" alt="辞書" width="47"
src="https://img.yahoo.co.jp/images/s_d.gif" border="0" name="dsearch">
</td>
</form>
</tr>
</table>
</td>
</tr>
</table>
</form>
<!-- End Yahoo! Search Form -->
Re: ヤフーの検索窓について ( No.5 )
日時: 2006/07/11 18:43
名前: Newのり太

>>4
あのね、、もとのformタグがそのままなんですけど。。。


<!-- Begin Yahoo Search Form -->
<form method="get" action="https://search.yahoo.co.jp/search" target="_blank">
<table width="400" border="0" cellpadding="10" cellspacing="0"
background="https://i.yimg.jp/images/search/sb_y_bk.gif">
<tr>
<td>
<a href="https://www.yahoo.co.jp/"><img src="https://i.yimg.jp/images/search/sb_y_logo.gif" alt="Yahoo! JAPAN" border="0"></a>
<table cellspacing="0" cellpadding="1" border="0">
<tr>
<td height="3">
<small><input size="29" name="p"></small>
<input type="hidden" name="fr" value="ysvw">
<input type="hidden" name="ei" value="SJIS">
</td>
<td height="3">
<input type="image" height="21" alt="検索" width="47"
src="https://img.yahoo.co.jp/images/s_w.gif" border="0" name="search">
</td>
<td width="3"><img height="8" alt="" src="https://img.yahoo.co.jp/images/clear.gif"
width="7"> </td>
<td height="3">
<input type="image" height="21" alt="画像" width="47"
src="https://img.yahoo.co.jp/images/s_i.gif" border="0" name="isearch">
</td>
<td height="3">
<input type="image" height="21" alt="ニュース" width="47"
src="https://img.yahoo.co.jp/images/s_n.gif" border="0" name="nsearch">
</td>
<td height="3">
<input type="image" height="21" alt="辞書" width="47"
src="https://img.yahoo.co.jp/images/s_d.gif" border="0" name="dsearch">
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
<!-- End Yahoo! Search Form -->
Re: ヤフーの検索窓について ( No.6 )
日時: 2006/07/11 20:50
名前: ラルフ

解決致しました。
Newのり太さん、どうもありがとうございました!

ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved