• 締切済み

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> <!-- ****Google --> <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> <!-- ****Yahoo! --> <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"> <!-- function seteuc(fx){ bkup=document.charset; document.charset="euc-jp"; display(fx); document.charset=bkup; } function setsjis(fx){ bkup=document.charset; document.charset="shift_jis"; display(fx); document.charset=bkup; } function display(formx) { formx.target = getTarget(); formx.submit(); } function sitetop(ur) { swin=window.open(ur,getTarget(),""); swin.focus(); } function search(eng) { q=document.fm.k.value; if(eng=="google") { if(q=="") sitetop("http://www.google.co.jp/"); else { fw=document.f_google; fw.q.value=q; setsjis(fw); }} if(eng=="yahoo") { if(q=="") sitetop("http://www.yahoo.co.jp/"); else { fw=document.f_yahoo; fw.p.value=q; fw.action="http://search.yahoo.co.jp/search"; seteuc(fw); }} } function getTarget(){ blankFlg = document.fm.chk_blank.checked; target = ""; if( blankFlg == true ){ // 別窓で開く target = "_blank"; } else{ // 同じ窓で開く target = "_top"; } return target; } //--> </script>

noname#187804
noname#187804

みんなの回答

noname#84373
noname#84373
回答No.2

スタイルシートの設定が遅れて設定されているとか・・・

noname#84373
noname#84373
回答No.1

<html> <script> window.onload=function(){ setTimeout("document.body.style.fontSize='120%'",1000); document.getElementById('t1').onmouseover = function(){ this.style.fontSize='20pt'; } document.getElementById('t1').onmouseout = function(){ this.style.fontSize=''; } document.getElementById('t2').onkeyup = function(){ this.style.marginLeft=Math.random()*100+'px'; } } </script> <body> 質問と提示されたサンプルになにか関係があるのかわかりませんが、<br> 質問の内容を自分なりに解釈して表現するとこうなるかな？^^;<br> ＞表示すると表示した瞬間に、文字サイズが大ぐらいから中ぐらいに勝手に変わったり、<br> これは、ページのロードしてから１秒後にサイズを変えています<br><br> ＞ボタンの所にカーソルを持っていくと文字サイズが変化したり、<br> <input type="button" value="test" id="t1"><br><br> ＞バーに文字を入力すると、バーの位置が変わったりする<br> バーってこれなのかな？<br> 文字を入力するたびに横座標位置を変えてます<br> <input type="text" size="40" id="t2"><br> </body></html>

noname#187804
質問者

補足

誤解されていますので、わかりやすく言いますと、 私が記載したjavascriptの文字サイズや入力バーが、動かないように固定したいのです。 固定する方法を教えていただきたく質問しています。 わかる方、ご教授お願いします。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • 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="submit" value="Google" onClick="search('google');"> </td></tr></table> </form> <!-- ****Google --> <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> <script LANGUAGE="JavaScript" Type="text/javascript"> <!-- function seteuc(fx){ bkup=document.charset; document.charset="euc-jp"; display(fx); document.charset=bkup; } function setsjis(fx){ bkup=document.charset; document.charset="shift_jis"; display(fx); document.charset=bkup; } function display(formx) { swin=window.open("","category_root",""); formx.target="category_root"; formx.submit(); swin.focus(); } function sitetop(ur) { swin=window.open(ur,"category_root",""); swin.focus(); } function search(eng) { q=document.fm.k.value; if(eng=="google") { if(q=="") sitetop("http://www.google.co.jp/"); else { fw=document.f_google; fw.q.value=q; setsjis(fw); }} } //--> </script>

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

    下記の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> <!-- ****Google --> <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> <!-- ****Yahoo! --> <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"> <!-- function seteuc(fx){ bkup=document.charset; document.charset="euc-jp"; display(fx); document.charset=bkup; } function setsjis(fx){ bkup=document.charset; document.charset="shift_jis"; display(fx); document.charset=bkup; } function display(formx) { formx.target = getTarget(); formx.submit(); } function sitetop(ur) { swin=window.open(ur,getTarget(),""); swin.focus(); } function search(eng) { q=document.fm.k.value; if(eng=="google") { if(q=="") sitetop("http://www.google.co.jp/"); else { fw=document.f_google; fw.q.value=q; setsjis(fw); }} if(eng=="yahoo") { if(q=="") sitetop("http://www.yahoo.co.jp/"); else { fw=document.f_yahoo; fw.p.value=q; fw.action="http://search.yahoo.co.jp/search"; seteuc(fw); }} } function getTarget(){ blankFlg = document.fm.chk_blank.checked; target = ""; if( blankFlg == true ){ // 別窓で開く target = "_blank"; } else{ // 同じ窓で開く target = "_top"; } return target; } //--> </script>

  • リンク先を新しい窓で開くには？

    javascript初心者です。 2回目以降、リンク先が一つのページ上に上書きされてしまいます。 リンク先を開くたび新しい窓で開きたいのですがどうしたらよいのでしょうか？ target=_blankやwindow.openなどではないかと思いますが設置場所がよくわかりません。。 また、サンプルソースを見てもjavascriptの部分がいまいち理解できずにいます。 だいたいの流れやURLクリエの部分（HTMLの部分）はなんとなく理解できるのですが文字コードなど表示方法などのところがよくわかりません；； わかりやすくコメントを書いていただけると助かります！ ソースはこちらです↓ ------------------------------------------------------------------------------ <body> <noscript>JavaScriptが無効です</noscript> <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="submit" value="Google" onClick="search('google');"> <input Type="submit" value="Yahoo!" onClick="search('yahoo');"> </td></tr></table> </form> <!-- Google --> <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> <!-- Yahoo! --> <form name="f_yahoo" method="GET" action="http://search.yahoo.co.jp/search" Accept-charset="Shift_JIS"> <input type="hidden" name="ei" value="SJIS"> <input type="hidden" name="fr" value="sfp"> <input type="hidden" name="p" value=""> </form> <script LANGUAGE="JavaScript" Type="text/javascript"> <!-- function setutf(fx){ bkup=document.charset; document.charset="utf-8"; display(fx); document.charset=bkup; } function seteuc(fx){ bkup=document.charset; document.charset="euc-jp"; display(fx); document.charset=bkup; } function setsjis(fx){ bkup=document.charset; document.charset="shift_jis"; display(fx); document.charset=bkup; } function display(formx) { swin=window.open("","category_root",""); formx.target="category_root"; formx.submit(); swin.focus(); } function sitetop(ur) { swin=window.open(ur,"category_root",""); swin.focus(); } function search(eng) { q=document.fm.k.value; if(eng=="google") { if(q=="") sitetop("http://www.google.co.jp/"); else { fw=document.f_google; fw.q.value=q; setsjis(fw); }} if(eng=="yahoo") if(q=="") sitetop("http://www.yahoo.co.jp/"); else { { fw=document.f_yahoo; fw.p.value=q; setsjis(fw); }} } //--> </script> </body>

  • サイト内検索について

    <form action="http://www.google.com/search"> <input type="hidden" value="hogehoge.jp" name="as_sitesearch" /> <input type="hidden" name="ie" value="Shift_JIS" /> <input type="hidden" name="oe" value="Shift_JIS" /> <input type="text" name="q" size="31" maxlength="256" value="" /> <input type="submit" name="btnG" value="Search!" /> </form> にて、グーグルの検索を使用してサイト内検索を使おうと思っておりますが、グーグルのアイコンは付けなくても宜しいでしょうか？ もし、詳しい方お返事お待ちしております。 以上宜しくお願い致します。

    • ベストアンサー
    • HTML
  • 検索ファームの作り方について教えてください！

    検索をフォームを作成したく、下記ソースで作成したのですが、 検索ボタンを押してもうまくページが開きません。 色々調べてみたのですが原因がわからず困っております。 どなたか分かるかたがいらっしゃいましたら教えて頂きたく思います。 また間違ってる箇所の指摘と出来れば解答も頂ければ助かります。 よろしくお願いします。 <head> <script type="javascript"> <!-- function mySearch(frm) { var select = frm.elements["site"]; var sitename = select.options[select.selectedIndex].value; var word = frm.elements["word"].value; document.forms[sitename].elements[0].value = word; document.forms[sitename].submit(); //--> </script> </head> <html> 検索フォーム<br> <form name="google" method="get" action="http://www.google.co.jp/search"> <p><input type="hidden" name="q" value=""></p> </form> <form name="yahoo" method="get" action="http://search.yahoo.co.jp/search"> <p><input type="hidden" name="p" value=""></p> </form> <form lang="ja" onsubmit="mySearch(this); return false;"> <p>検索ワード<input type="text" name="word" size="30"> </p> <p>検索サイト <select name="site"> <option value="google">google</option> <option value="yahoo">yahoo</option> </select></p> <input type="submit" value="検索"> </form> <hr> </html>

  • サイト内検索で文字化けしていまいます

    "サイト内の検索にGoogle.comを使う方法" http://www.hyuki.com/netserv/google.html を教科書にして、サイト内検索窓を作りました。 少なくとも2006年11月の頃は、正常に動作していたのですが、 現在では、文字化けの不具合が発生しています。 1. 何故、不具合が起こったのか？ 2. 対処法 の二点をご教授願います。 ○私のサイト 安部公房解読工房 http://www.geocities.co.jp/Bookend/2459/novel.htm ○サイト内検索に関するHTMLソース <HEAD>タグ内に <script> <!-- function addstring() { document.forms[0].q.value = 'site:www.geocities.co.jp ' + '安部公房 ' + document.forms[0].q.value; return true; } // --> </script> <BODY>タグ内に サイト内検索　(<A HREF="search.htm">検索の注意</A>はこちら) <form onSubmit="addstring()" action="http://www.google.com/search"> <INPUT type="hidden" name="hl" value="ja"> <input type="hidden" name="ie" value="Shift_JIS"> <input type="hidden" name="oe" value="Shift_JIS"> <input type="text" name="q" size="31" maxlength="256" value=""> <input type="submit" name="btnG" value="Google検索"> </form> 以上

  • 自作の検索エンジンを作りたいんですが

    <form action="http://www.amazon.co.jp/exec/obidos/external-search" target="_blank"> <input type=text name="keyword" size=31 maxlength=255 value=""> <input type="hidden" name="encoding-string-jp" value="日本語" /> <input type="hidden" name="mode" value="blended" /> <input type="hidden" name="tag" value="jojoagogo09-22" /> <form> と <form action="http://www.google.co.jp/search"> <input type=text name=q size=31 maxlength=255 value=""> <input type=hidden name=ie value=UTF-8> <input type=hidden name=oe value=UTF-8> <input type=hidden name=hl value="ja"> をくっつけて、１つのtextボックスからどっちで検索するかラジオボタンで選択してから検索ボタンで検索できるようにしたいです。 やり方だけでも構いませんが、もしよろしければサンプルや実際にくっつけたタグを回答していただけると凄く助かります。 どうかお願いします。

  • javascriptで困っています。教えてください

    JavaScriptで配列をPOST送信しようとしています。 <form>や<input>を作っておいてではなく、javascriptで生成する関数からしたいと思っています。以下のコードでうまくいきません。 教えていただければありがたいです。よろしくお願いします。 <!DOCTYPE html> <html> <head> <script type="text/javascript"> var ar = new Array(5); ar[0] = 111; ar[1] = 222; ar[2] = 333; ar[3] = 444; ar[4] = 555; function sampleForm(value){ var form = document.createElement('form'); document.body.appendChild( form ); var input = document.createElement('input'); input.setAttribute('type','hidden'); input.setAttribute('name','hidden_input'); input.setAttribute('value', value); form.appendChild(input); form.setAttribute('action','send.php'); form.setAttribute('method','post'); form.submit(); } </script> </head> <body> <a href=“javascript:sampleForm(ar)”>クリックしたら“samplepost”をPOST送信</a> </body> </html> send.php-------------------------------- <?php $num = isset($_POST['hidden_input']) ? $_POST['hidden_input'] : null; print "num: " . $num; ?>

  • JavaScriptの値をjavaに渡す方法

    function cansel_goBack(){ document.form1.canselval.value = "cansel"; document.form1.action="abc"; document.form1.submit(); } // --> </SCRIPT> (中略） <input type="hidden" name="canselval" value=""> 　 <input name="back" type="button" value="キャンセル" onClick="cansel_goBack()"> 「document.form1.canselval.value = "cansel"」この値をjavaで取得するにはどうすればいいでしょうか？ 以下のようにしてみたのですがダメでした 「javaファイル=ABC: canselval =(String)request.getParameter("canselval");」

  • javascriptで取得した値を、FORMで送信する

    いつもお世話になっております。 jspからwindow.openを使い、別ウインドウを表示しました。 別ウインドウでの質問です。 javascriptで前のページ(jsp)の情報を受け取り、それを次のページ(jsp)へFORM(POST)で送りたいのですが、うまくいきません。 ご教授下さい。 <HTML> <HEAD> <script type="text/javascript"> <!-- function sent() { var num = window.opener.document.aaa.number01.value; ここで前ウィンドウの情報を取得しています return num; } function sub() { document.bbb.submit(); } // --> </script> </HEAD> <BODY onload="sub()"> <form name="bbb" METHOD="POST" action="http://okwave.jp"> <input type="hidden" name="timeid" value=""> <input type="hidden" name="number00" value="1"> <input type="hidden" name="number01" value="sent()"> <!--<input type="hidden" name="number01" value="204038054776">--> 当たり前ですが、コメントにしている部分にすると次のページでうまくいきます。 </form> </BODY> </HTML>

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する