ボタンの文字サイズ＋入力バーの位置が勝手に変わる

解決済

質問者：fewoijl
質問日時：2008/08/04 09:51
回答数：2件

下記のjavascriptを表示した際に、文字サイズが大ぐらいから中ぐらいに勝手に変わったり、ボタンの所にカーソルを持っていくと文字サイズが変化したり、バーに文字を入力すると、バーの位置が変わったりするのですが、どうなっているのでしょうか？
動かないようにしたいです。
javascriptは全くわからないので、
どこをどう変えればいいのか、わかりやすい回答をお願いします。

<form name="fm" action="void" onSubmit="return false;">
<table style="background-color: #e0e0e0"><tr><td>
<input Type="text" name="k" size="60" maxlength="255" value="" onKeyPress="if(event.keyCode == 13) { search('google'); }">
<input Type="reset" value="Reset">

</td></tr><tr><td>
<INPUT type="checkbox" id="chk_blank" checked>
<input Type="submit" value="Google" onClick="search('google');">
<input Type="submit" value="Yahoo" onClick="search('yahoo');">
</td></tr></table>
</form>


<form name="f_google" method="GET" action="http://www.google.com/search" Accept-charset="Shift_JIS">
<input type="hidden" name="q" value=""><input type="hidden" name="ie" value="Shift_JIS">
<input type="hidden" name="oe" value="Shift_JIS"><input type="hidden" name="hl" value="ja">
<input type="hidden" name="lr" value="lang_ja"><input type="hidden" name="num" value="20">
</form>


<form name="f_yahoo" method="GET" action="" Accept-charset="euc-jp">
<input type="hidden" name="p" value="">
<input type="hidden" name="ei" value="euc-jp">
</form>

<script LANGUAGE="JavaScript" Type="text/javascript">

</script>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

このQ&Aに関連する最新のQ&A

「FX イベント」に関するQ&A： FXドル円イベントについて

さらに表示

「バーイベント」に関するQ&A：長くなります。昨日最近いい感じになっているダイニングバーの店長のお店に年越しイベントに行きました。

「サイズ」に関するQ&A：デジカメの画素数と写真サイズについて

「JavaScript name」に関するQ&A： Javascriptでのbuttonのname属性、もしくはid属性を取得

「CSS name」に関するQ&A： CSSで参照するID（or NAME）属性値の基本的な名称を教えていただけますか？

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： aegills
回答日時：2008/08/05 12:26

javascriptではなく、cssでサイズ指定をしましょう

・バーの文字サイズ
<input Type="text" name="k" size="60" maxlength="255" value="" onKeyPress="if(event.keyCode == 13) { search('google'); }">

を

<input type="text" name="k" style="width:「バーの幅」; font-size:「文字サイズ」;" maxlength="255" value="" onKeyPress="if(event.keyCode == 13) { search('google'); }">

に変更し、上記の「」で囲まれた部分で好きな数値を指定しれやればできると思います。
※「」も消してください

バーの位置が変わるとのことですが、このソースを見る限りそのような動作をするようには見えません
可能ならばすべてのソースを提示していただいたほうが適格なアドバイスがもらえると思いますよ

この回答への補足

丁寧なご回答ありがとうございます！
アドバイスのおかげでバーは動かなくなりました！
しかし、最初に表示した時にボタンへカーソルを持っていくと、
yahooとリセットボタンの文字サイズが変化します。
ちなみにすべてのソースを掲示しています。CSSも何もいじっていません。初期設定のままです。
編集はヤフーのジオクリエーターでやっています。
http://www.geocities.jp/desk_top_search/aaaaa.html
↑こちらで確認できます。
このソースは質問して改造してもったのですが、改造をしてもらう前までは、バーも文字サイズも変化しませんでした。
元のソースが載っている質問と経緯はhttp://oshiete1.goo.ne.jp/qa4197457.htmlです。
よろしくお願いします。

補足日時：2008/08/05 20:29

通報する