JavaScriptでファンクションコールするHTML作成方法とページ遷移の方法について

このQ&Aのポイント
  • JavaScriptを使用してファンクションコールするHTMLを作成する方法と、ページ遷移の方法について教えてください。
  • ファンクション処理を終了した後に自分自身のページに戻る方法が分からないので、どなたか教えてください。
  • onclick属性を使用することで、対応できるのでしょうか?ホームページの例も添付します。
回答を見る
  • ベストアンサー

ジャバスクリプトに関して

ジャバスクリプトでファンクションコールするHTMLを作成したいのですが ファンクション処理を終了すれば、もう一度自分自身のページに戻りたいのですが方法が分かりません どなたか教えて下さい。 onclick= で対応出来るのでしょうか? 下記の様なホームページです。 ------------------------------------ <html> .. .. <script language="javascript"> function doc1(){ document.open(); document.write("<input type='button' name= 'DC11' value='clear' onclick='location.href=index.htm'>"); document.close(); } </script> <INPUT type="button" name="namedoc1" value="1.click!!" ONClick="doc1()"> <img border="0" src="ya01.gif" width="12" height="11"> <font color="#800080"><b><u>Q.xxxxxxxxxxxx</u></b></font> .. .. </html>

  • maruh
  • お礼率84% (49/58)

質問者が選んだベストアンサー

  • ベストアンサー
  • g_RIN
  • ベストアンサー率45% (5/11)
回答No.2

ご希望の動作がいまひとつ解かりかねるのですが、 下記の感じでhistory.backで戻れましたがこういう事でしょうか? WIN/IE5.5とWIN/NC4.75でしか動作確認していません。 #ところでNetacapeは対象外でしょうか。 #質問でのスクリプトだとformタグがないのでボタンが表示されないのですが・・ <html> <script language="javascript"> function doc1(){ document.open(); document.write("<form><input type='button' name= 'DC11' value='clear' onclick='location.href=index.htm'>"); document.write("<br><input type='button' name= 'DC11' value='戻るよッ' onclick='history.back();'></form>"); document.close(); } </script> <body> <form> <INPUT type="button" name="namedoc1" value="1.click!!" ONClick="doc1()"> <img border="0" src="ya01.gif" width="12" height="11"> <font color="#800080"><b><u>Q.xxxxxxxxxxxx</u></b></font> </form> </body> </html>

maruh
質問者

お礼

ご回答ありがとうございます。 早速試してみましたが、historu.BACK()でうまく動作しました。 又、Netscapeに於ける指定までご指導いただきありがとうございます。 まったく気が付きませんでした。(実際知りませんでした) /////// ところで再質問になりますが location.href=index.htmは必要なのでしょうか。

maruh
質問者

補足

申し訳ありません。 お礼の時に再質問しましたが、自分が指定した文でした。 戸惑うような質問をしてすいません。 質問却下して下さい。

その他の回答 (1)

回答No.1

おそらく「onfocus=」のイベントパンドラで対応出来ると思います。

maruh
質問者

お礼

早速ご返事ありがとう御座います。 ページを指定しての方法は全般にうまくいかないようです。

関連するQ&A

  • 超初心者です。buttonをselectに変えるには?

    <SCRIPT language="JavaScript"> function calc1(){document.keisan.Z.value=eval(document.keisan.X.value)*1;} function calc2(){document.keisan.Z.value=eval(document.keisan.X.value)*2;} function calc3(){document.keisan.Z.value=eval(document.keisan.X.value)*3;} </SCRIPT> </head> <FORM name="keisan" > <INPUT type="text" name="X" size="4"> <INPUT type="text" name="Z" size="6"> <INPUT type="button" value="1" onClick="calc1()"> <INPUT type="button" value="2" onClick="calc2()"> <INPUT type="button" value="3" onClick="calc3()"> <INPUT type="reset" value="やりなおし"> </FORM> これの INPUT type="button"を<select>~<select> に変えたいと思っています。 自分の頭ではいろいろやってもうまくいきませんでした。 どなたか御教授を宜しくお願い致します。

  • クリックするとボタンの中の文字が変わるようにしたいんですが一応コードは出来たんですが・・うまくうごかなくて困ってます。

    java スクリプトのONCLICKについて質問があります。 ONCLICKのあとに何個もオプションはつけられないのでしょうか? <INPUT TYPE="button" VALUE=" " ONCLICK="form1.Q8.value += '1';" style="font-size:40pt"><br> にボタンをクリックするとボタンの中に「○」を表示するようにしたいんですが、うまくいきません・・・ 一応こう感じにつくってみたんですが・・・ <html> <head> <title></title> </head> <body> <script type="text/javascript"> function change_label(){ document.form1.label1.value = " ○ "; } </script> <form name="form1"> <input type="hidden" name="Q8" value=""><br> <input type="button" name="label1" value="クリックしてね" onclick="form1.Q8.value += '1';change_label();"> <input type="submit" name="Q9b" value="次へ" style="font-size:25pt"> </form> </body> </html> もしよろしければアドバイスいただけませんでしょうか・・・・

  • 初心者です。Java scriptでの引数の使いかたについての質問です

    初心者です。Java scriptでの引数の使いかたについての質問です 初心者です。Java scriptでの引数の使いかたについての質問です。下記でやりたいことは、 requestText関数の引数02とか03を、java script なかの httpのアドレスの中のabに記入するには どうしたらいいかということです。あるいは、そうしたことが出来るのでしょうか。 <input type="button" value="02" onclick="requestText(02)"> <input type="button" value="03" onclick="requestText(03)"> function requestText(ab){ var ajax = new Ajax.Request("http://www.geocities.jp/abate/ab.html", {method: "GET", onSuccess: gotData}); function gotData(xmlhttp) { document.getElementById("a02").innerHTML = xmlhttp.responseText; } }

  • java script 1から100までの計算

    子供の科学で以前1から100までの計算をするプログラムを紹介していましたが その最後に自分で入力した数字を入れるとその数値から計算してくれるようになると 書いてありましたが、どうやってもできません。誰かご教授願いますでしょうか? 今はここまでつくりました。入力した数値が反映されるように宣言はしたのですが答えが めちゃくちゃでどうしようもありません。 <html> <head> <title>1から100まで足すといくつ?</title> <script language="JavaScript"> function Goukei(){ kotae=0; for(i="a1";i<"a2";i++){ kotae=kotae+i } alert("1から100まで足した合計は"+kotae+"です"); } </script> </head> <body> <form name ="F1"> <input type="text" value="1" name="a1"><br> <input type="text" value="5" name="a2"><br> <input type="button" name="B1" value="答えを表示" onClick="Goukei()"> </from> </body> </html>

  • javaで name=id[?] を指定する方法とは?

    ショップ運営で、商品一覧から+-ボタンでそれぞれ数の増減をさせるよう、ほかのサイトを参考にして下記のようにjavascriptで記述してみました。 このうち、商品2と3はボタンが機能したのですが、商品1は数の増減ができません。 おそらく要素名に(name=id[1])と[]で囲っているからだと思うのですが、この[]を取らないまま、ボタンを機能させる方法はありますでしょうか? よろしくお願いします。 <FORM> 商品1:<INPUT type=text name=id[1] value=3 size=4> <INPUT type=button value="+" onClick="plus(this.form.id[1])"> <INPUT type=button value="-" onClick="minus(this.form.id[1])"> <BR> 商品2:<INPUT type=text name=id2 value=3 size=4> <INPUT type=button value="+" onClick="plus(this.form.id2)"> <INPUT type=button value="-" onClick="minus(this.form.id2)"> <BR> 商品3:<INPUT type=text name=id3 value=3 size=4> <INPUT type=button value="+" onClick="plus(this.form.id3)"> <INPUT type=button value="-" onClick="minus(this.form.id3)"> </FORM> <SCRIPT language="JavaScript"> <!-- function plus(chk){chk.value++; if (chk.value==6) {chk.value=5} } function minus(chk){chk.value--; if (chk.value==0) {chk.value=1} } // --> </SCRIPT>

  • Java Scriptで・・・

    <form name="f"> <table border> <tr><td>番号</td><td>問題</td><td>解答</td><td>正誤</td></tr> <script type="text/javascript"> <!-- // 変数・関数の定義 var i, n1, n2; var s = new Array(11); // 正解を保存する配列 s[0] ~ s[10] function myrandom(n) { return Math.floor(Math.random() * n); } function check() { var i, ok=0, ng=0; for (i=1; i<=10; i++) { if (document.f.elements["s" + i].value == s[i]) { document.f.elements["c" + i].value = "○"; ok++; } else { document.f.elements["c" + i].value = "×"; ng++; } } document.f.ok.value = ok; document.f.ng.value = ng; } for(i=1; i<=10; i++){ n1 = myrandom(10) + 1; n2 = myrandom(10) + 1; s[i] = n1 + n2; document.writeln('<tr>'); document.writeln('<td>' + i + '</td>'); document.writeln('<td>' + n1 + ' + ' + n2 + ' =</td>'); document.writeln('<td><input type="text" name="s' + i + '" size="3"></td>'); document.writeln('<td><input type="text" name="c' + i + '" size="3"></td>'); document.writeln('</tr>'); } // --> </script> </table> <input type="button" value="答え合わせ" onclick="check();"> 正答数:<input type="text" name="ok" size="3"> 誤答数:<input type="text" name="ng" size="3"> </form> このようなプログラムを作ったのですが、この表示される10問が全部異なる問題となるようにするにはどうすればいいでしょうか?

  • switchを使って四則演算のプログラムを作りました。

    switchを使って四則演算のプログラムを作りました。 以下プログラム <html> <head> <title>kadai05</title> <script type=text/javascript> function Calc(n) { a = parseInt(document.f.a.value); b = parseInt(document.f.b.value); switch (n) { case 1 : Ans = a + b; break; case 2 : Ans = a - b; break; case 3 : Ans = a * b; break; case 4 : Ans = a / b; break; } document.f.c.value = Ans; } </script> </head> <body> <center> <h3>四則演算</h3> <form name = "f"> <input name="a" size="8"> ☆ <input name="b" size="8"> = <input type="text" name="c" size="10"> <p> <input type="button" value="+" onclick="Calc(1)"> <input type="button" value="- "onclick="Calc(2)"> <input type="button" value="×" onclick="Calc(3)"> <input type="button" value="÷ "onclick="Calc(4)"> </form> </center> </body> </html> これは問題集の問題なのですが、答えを見ると b = parseInt(document.f.b.value)とswitch (n) { の間に Ans = 0;が入っています。 これはなぜ入れているのか解説がありません。 特になくても困らないと思うのですが、なぜ入れているのでしょうか? 入れないことでどんな不具合が起きる可能性があるのでしょうか? 教えて下さい。 お願い致します。

  • 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で <SCRIPT language="JavaScript"><!-- function wa() { a = eval( document.myFORM.a.value ); b = eval( document.myFORM.b.value ); s = a + b; document.myFORM.kotae.value="答え " + s; } //--></SCRIPT> </HEAD> <BODY> <FORM name="myFORM"> A =<INPUT type="text" name="a" size="3">B =<INPUT type="text" name="b" size="3"><BR> <INPUT type="text" name="kotae"><INPUT type="button" value="=" onclick="wa()"> </FORM> </BODY> としたとき A=0.1 B=0.05とすると 答え 0.15000000000000002となるのはなぜですか?

  • 電卓をつくったのですが

    <script type="text/javascript"> <!-- var to=0; var inp=""; var cal="+"; var flg=1; function df(a){ flg=0; inp+=a; document.ad1.z.value= inp; } function df1(a){ if(flg==0){ flg=1; var don=to+cal+inp; to=eval(don); inp=""; document.ad1.z.value=to; } if(a=="="){ to=0; cal="+"; }else{ cal=a; } } function df3(){ to=0; cal="+"; inp=""; document.ad1.z.value=to; } --> </script> </head> <body> <div id="s1"> <div id="s2"> <form name="ad1"> <table> <tr><td colspan="4">電卓</td></tr> <tr><td colspan="3"><input type="text" size="12px" name="z" value="0"></td> <tr> <td><input type="button" name="ad7" value="7" onClick="df(7)"></td> <td><input type="button" name="ad8" value="8" onClick="df(8)"></td> <td><input type="button" name="ad9" value="9" onClick="df(9)"></td> </tr> <tr> <td><input type="button" name="ad6" value="6" onClick="df(6)"></td> <td><input type="button" name="ad5" value="5" onClick="df(5)"></td> <td><input type="button" name="ad4" value="4" onClick="df(4)"></td> </tr> <tr> <td><input type="button" name="ad3" value="3" onClick="df(3)"></td> <td><input type="button" name="ad2" value="2" onClick="df(2)"></td> <td><input type="button" name="ad11" value="1" onClick="df(1)"></td> </tr> <tr> <td><input type="button" name="add1" value="+" onClick="df1(+)"></td> <td><input type="button" name="add2" value="-" onClick="df1(-)"></td> <td><input type="button" name="add3" value="×" onClick="df1(*)"></td> </tr> <tr> <td><input type="button" name="add4" value="÷" onClick="df1(/)"></td> <td><input type="button" name="add5" value="=" onClick="df1(=)"></td> <td><input type="button" name="add6" value="." onClick="df1(.)"></td> <td><input type="button" name="add7" value="c" onClick="df3()"></td> </tr> </table> </form> </div> </div> </body> </html> クリアーは上手くいったんですが 計算ができませんでした。 どこがいけないのでしょうか?