• 締切済み

初心者です。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; } }

画像を拡大する

みんなの回答

noname#111181
noname#111181
回答No.2

それは prototype.js を使ったスクリプトですよね。 まず、headerタグ内で <script type="text/javascript" src="/js/prototype.js"></script> を記述しているかご確認ください。 次に、prototype.jsを使わない部分がきちんと動作しているか、下記のスクリプトで確認してください <html> <head> <script language="javascript"> <!-- function requestText(ab){ url = "http://www.geocities.jp/abate/" + ab + ".html"; alert(url) } //--> </script> </head> <body> <input type="button" value="02" onclick="requestText('02')"> <input type="button" value="03" onclick="requestText('03')"> </body> </html> これらがクリアされていれば、ご質問のスクリプトは動くはずです。

tonbeisan
質問者

お礼

alertしたら、番号が 02ではなく、2になっているので、「あっ」と思いました。02のままでは行かないんですね、なるほど。文字も試してみましたが、どうもだめなようで。因数を 02から2にしたら、うまくいきました。とりあえずの解決ということです。ありがとうございました。

  • anmochi
  • ベストアンサー率65% (1332/2045)
回答No.1

回答しといてなんだが、実はJavaScriptあんまり詳しくないんだ。 <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; } } これでいかがか。Ajax.Requestの引数は「文字列」になっている。これが「人間から見てURLの形になっている」としても、こんぴーたから見たら文字列でしかない。なので、JavaScriptにおける文字列の結合を使えば良い、のではないかと。

tonbeisan
質問者

お礼

早速ご解答ありがとうございます。　やってみましたが、うまくいきませんでした。　しかし、たしかに理屈はその通りだという感じがするので、どうしてこれでうまくいかないのか。　記述のミスがないかとか、いろいろと細かな点をチェックしていますが、今のところはそういう間違いはないようです。

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

関連するQ&A

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

    ジャバスクリプトでファンクションコールするHTMLを作成したいのですが ファンクション処理を終了すれば、もう一度自分自身のページに戻りたいのですが方法が分かりません どなたか教えて下さい。 onclicｋ= で対応出来るのでしょうか？ 下記の様なホームページです。 ------------------------------------ <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>Ｑ．ｘｘｘｘｘｘｘｘｘｘｘｘ</u></b></font> .. .. </html>

  • JQueryでfunctionに引数としてIDを渡して処理する方法

    HTMLの制御にjQueryを使用しています。 functionに引数としてIDを渡して処理をしたいのですが、やりかたが分かりません。 テスト的にtest1Script、test2Scriptを作成しました。 test1と同様の結果を、引数にIDを渡すtest2Scriptでも得たいのですが、 失敗(1)や失敗(2)のように書いた場合、うまくいきません。何か良い方法はないでしょうか。ご教授下さい。 <script type="text/javascript"> function test1Script(){ alert($("#textfield1").val()); } function test2Script(objId){ //alert($("#objId").val()); 失敗(1) //alert($(#objId).val()); 失敗(2) } </script> </head> <body> <input type="text" id="textfield1" value="test1" /> <input type="button" id="button1" value="テスト1" onclick="test1Script();" /> <input type="button" id="button2" value="テスト2" onclick="test2Script('textfield1');" /> </body> </html>

  • ajaxでエラー処理

    お世話になります。 prototype.jsを使ってajaxのエラー処理を考えております。 そこで質問なのですが、以下のソースで OK.phpでは正常に処理が行われ、 NG.phpでは強制的にonFailure処理を行わせたいと考えております。 PHP側(NG.php)で、操作出来ませんでしょうか？ よろしくお願いいたします。 <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript"> <!-- function ajax(fName) { var filename = fName + "?cache="+(new Date()).getTime(); new Ajax.Request(filename, { method: "get", onSuccess: displayData, onFailure: displayError }); } function displayData(httpObj) { $("result").innerHTML = httpObj.responseText; } function displayError(httpObj) { $("errMsg").innerHTML = httpObj.responseText; } // --> </script> </head> <body> <input type="button" value="正常処理" onClick="ajax('OK.php')"><br> <input type="button" value="エラー処理" onClick="ajax('NG.php')"><br> <div id="result"></div> <div id="errMsg"></div> </body> </html>

  • 超初心者です。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> に変えたいと思っています。 自分の頭ではいろいろやってもうまくいきませんでした。 どなたか御教授を宜しくお願い致します。

  • Ajaxでデータベース(PostgreSQL)

    を非同期で読み込むことができるでしょうか？ ファイルならば下記のようにすれば良いみたいですが データベースの場合のやり方がわかりません。 PostgreSQLのデータを読み込むにはどうしたら良いのでしょうか？ <script> var xmlHttp; function loadText() { if (window.XMLHttpRequest) { xmlHttp=new XMLHttpRequest(); } else { if(window.ActiveXObject) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } else { xmlHttp = null; } } xmlHttp.onreadystatechange=checkStatus; xmlHttp.open("GET","plan.txt",true); xmlHttp.send(null); } function checkStatus() { if(xmlHttp.readyState==4 && xmlHttp.status==200) { alert(xmlHttp.responseText); } } </script> <form> <input type="button" value="read file" onClick="loadText()"> </form>

  • javaで　name=id［?］　を指定する方法とは？

    ショップ運営で、商品一覧から＋－ボタンでそれぞれ数の増減をさせるよう、ほかのサイトを参考にして下記のようにjavascriptで記述してみました。 このうち、商品２と３はボタンが機能したのですが、商品１は数の増減ができません。 おそらく要素名に（name=id[1]）と［］で囲っているからだと思うのですが、この［］を取らないまま、ボタンを機能させる方法はありますでしょうか？ よろしくお願いします。 <FORM> 商品１：<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> 商品２：<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> 商品３：<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>

  • 引数が分かりません。

    JavaScriptの超初心者です。 (1)のmessageと(2)のmessageと(3)の'Hello JavaScript !'との相関関係がよく分かりません。 　又、引数そのものの意味もよく分かりません。 どなたか教えて下さい、よろしくお願いします。 <html> <head><title>イベントハンドラーの定義</title>　　　 <SCRIPT> <!-- function showMessage(message){　　　　　　　　　　　　　　　　　　　(1) window.alert(message);　　　　　　　　　　　　　　　　　　　　　(2)　　　　　　　　　　　　　　　　　　　 } //--> </SCRIPT> </head> <body> <center> <hr>イベントハンドラーの定義<hr><br> ボタンをクリックするとダイアログボックスが表示されます。<br><br> <form> 　　<input type="button" value="ここをクリック"　 　　onclick="showMessage('Hello JavaScript !');">　　　　　　　　　(3) </form> </center> </body> </html>

  • Ajaxで表示させると内容が不変

    下記Ajaxでtest.txtを表示できたのですが test.txtの内容を Hello Japan. 変えてもブラウザのキャッシュをクリアしない限り Hello World! が出つづけます。 下記ページにキャッシュ無効のヘッダをつけても同じです。 子の問題を解決する手段を教えてください。 test.txt: Hello World! x.html: <script> var xmlHttp; function loadText() { 　if (window.XMLHttpRequest) 　{ 　　xmlHttp = new XMLHttpRequest(); 　} 　else 　{ 　　if (window.ActiveXObject) 　　{ 　　　xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); 　　} 　　else 　　{ 　　　xmlHttp = null; 　　} 　} 　xmlHttp.onreadystatechange = checkStatus; 　xmlHttp.open("GET","test.txt",true); xmlHttp.send(null); } function checkStatus() { if (xmlHttp.readyState==4&&xmlHttp.status==200) { var node = document.getElementById("disp"); node.innerHTML = xmlHttp.responseText; } } </script> <form> <input type="button" value="push" onClick="loadText()"> </form> <div id="disp"></div>

  • 入力した文字をalertで表示するスクリプトを作っています。

    入力した文字をalertで表示するスクリプトを作っています。 以下、IEとOperaでは動作しますが、FirefoxとGoogle Chromeでは動作しません。 書き方が悪いのでしょうか？ <html> <head> <script language=JavaScript> <!-- function test(){ alert(input1.value); } // --> </SCRIPT> </HEAD> <BODY> <input type="text" name="input1"> <input type="button" value="テスト" onClick="test()"> </html>

  • jQueryでの、引数を取るJS関数の呼出方法

    jQueryの学習をしています。 HTML & JavaScriptで下記のように書かれているコード <input type=button id=button1 onclick=func_a() /> <script> function func1(){ //処理いろいろ } </script> は、jQueryを使って書くと、 $('#button1').live('click', func_a); このように書けます。 <input type=button id=button1 onclick=func_b(arg1, arg2) /> <script> function func_b(argument1, argument2){ //処理いろいろ } のように引数を取る関数は jQueryではどのように書けばよいのでしょうか？ $('#button1').live('click', func_b(arg1, arg2)); とは書けなかったので、今は、 if (arg1 == xxx){ $('#button1').live('click', func_b_1_1); } else { $('#button1').live('click', func_b_1_2); } などのように引数別に同じような関数を創って書いています。 DRY原則という同じコードを二度書くなという約束もあるようなので、 きっといい方法があると思うのですが、 お詳しい方、教えていただけるとうれしいです。 どうぞ、よろしくお願いいたします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する