• ベストアンサー

タグの初歩的な問題ですが…

初歩的な問題ですいませんが、javaScriptの関数から返ってきた引数をサイトに表示させたいです。 私は、<input type="text" name="result2"/>とし、テキスト欄に返ってきた値が入るようにできたのですが、本当は返ってきた値を直接サイトに埋め込みたいのです。どうしたらよいでしょうか？

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

  • ベストアンサー
回答No.4

> テキスト欄に返ってきた値が入るようにできたのですが ということですから、JavaScriptの方は問題ないんでしょう。 > 本当は返ってきた値を直接サイトに埋め込みたいのです これはCGIでなければ不可能です。 CGIについて勉強されてみてはいかがでしょうか。 以下、perlの場合です。 #!/usr/bin/perl use CGI; my $c=new CGI; my $value=$c->param('result2'); print <<END; Content-type: text/xml <?xml version="1.0"?> <!DOCTYPE省略> <html> <head>省略</head> <body> <form action="myperl.cgi"> <input type="text" name="result2" value="$value" /> </form> </body> </html> END 以下蛇足 > javaScriptの関数から返ってきた引数をサイトに表示 曲解して function myFunc(s){ return s; } function f(){ var value=myFunc('hoge'); document.write(value); } とか考えた（´・ω・`） 何かの処理をする予定で、こういう関数を作ることもありますが。

その他の回答 (3)

  • MAN_MA_RUI
  • ベストアンサー率41% (426/1024)
回答No.3

saak888さん、何でも「タグ」で括ってはいけません・・・と言うと叱ってるように思われるかな？ こんばんは。MAN_MA_RUIと申します。 タグとはHTMLなどの"<"に始まり">"に終わる符号の事を意味します。 JavaScriptの記述はこの法則から外れますので「タグ」には該当しません。 なんでも「タグ」で括ってしまうと目的の情報を見つけることが困難になります。お気をつけください。 > <input type ="button" name ="bot1" value ="データ取得" onClick ="hogehoge()"> > のbot1ってなんですか？どこから現れたんでしょうか？ 今回の場合深い意味はありません。気にしないほうがいいと思います。 nameで指定される値は識別子です。例えば入力欄がたくさんあるページの中の１つの入力欄にhogeという識別子をつけておくと、 他の入力欄を全て無視してhogeという入力欄の中身を拾ってくれるのです。

  • STICKY2006
  • ベストアンサー率29% (1536/5269)
回答No.2

こんんちくは。 >>違うJavaScriptファイルへ通信 は、JavaScriptファイルの読み込み。あたりのお勉強をしてください。 Yahoo検索で、「とほほ」とでも入力すれば、「とほほのWWW入門」とか「とほほのJavaScript入門」とかに載っている項目かと思います。（ファイル読み込み。 <script language ="JavaScript"> <!-- function hogehoge(){ myDate = new Date(); document.name1.text1.value = myDate; } function nextpage(){ method ="post"; target ="nextpage.html"; submit(); } --> </script> <body> <form name ="name1"> <input type ="text" name ="text1"> <input type ="button" name ="bot1" value ="データ取得" onClick ="hogehoge()"> <input type ="button" name ="bot2" value ="データ送信" onClick ="nextpage()"> </form> </body> で、後は、nextpage.htmlでデータ取得を書いてやればいいのでお勉強してみてください。

saak888
質問者

補足

ご回答ありがとうございます。 質問なんですが、 <input type ="button" name ="bot1" value ="データ取得" onClick ="hogehoge()"> のbot1ってなんですか？どこから現れたんでしょうか？

回答No.1

↓これではダメでしょうか？ <body> <script type="text/javascript"> function hoge(){ return "text"; } document.write(hoge()); </script> </body>

saak888
質問者

補足

ご回答ありがとうございます。 申し訳ありません。説明不足でした。 私は違うJavaScriptファイルへ通信（接続？）し、その中にある関数を使って、返ってきた値を表示させたいのです。 また、それと同時に元のHTMLファイルにある変数に返ってきた値を代入して、次のページへそれを渡してあげたいのです。 ですから、JavaScriptで処理を終わらせてしまうのは…

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

関連するQ&A

  • INPUTタグのカンマ対策

    下記のようにASPでテキストボックスを書く関数を設けたいと思っています。 Private Function fMakeText(TextValue) fMakeText = "<INPUT type='text' value='" & TextValue & "'>" End Function 引数のTextValueがテキストボックスに表示させたい値なのですが、TextValueに ' や " があると表示がうまくできません。 このような場合はどうするのが適当でしょうか？ 教えてください。

  • INPUTタグ以外からイベントハンドラを起動する方法

    はじめまして。 いろいろ調べたのですが、的確な答えが見つかりませんでしたので、ご教授お願いいたします。 訳あってonchangeイベントをタグの外から起動したいのですが、関数に括弧を付けると「実装されていません」というエラーが出てしまいます。 括弧を付けていない関数はうまく起動します。 どうしても関数に引数を渡してあげたいのですが、どのようにすればよいのでしょうか？ 動作環境は IE5.5 windows2000 ASPにてJavaScriptを作成しています。 以下ソースを簡略化して記述しました。 よろしくお願いいたします。 <html> <head> <script TYPE="text/javascript"> <!-- function f_AAA(){ alert("AAA"); } function f_BBB(a_value){ alert(a_value); } --> </script> </head> <body> <form> <input type="text" name="text1" value="1"> <input type="text" name="text2" value="2"> <script TYPE="text/javascript"> <!-- // ↓括弧の付いていない関数は起動します。 document.forms[0].text1.onchange = f_AAA; // ↓括弧の付いている関数は起動しません。 document.forms[0].text2.onchange = f_BBB("OK"); --> </script> </body> </form> </html>

  • value文のないInputタグ

    Inputタグの内容を送信したいのですが、 例えば、フォームF1のテキストエリアT1に、 document.F1.T1.value = "テスト"; として、JavaScript側から値（value）を指定します。 この場合、 <form method="post" name="F1"> <input type="text" name="T1"> </form> とするだけで、ブラウザに、「テスト」と表示させられますよね。 しかし、Inputタグの中に「value」の値が無いため、 他のURLに、テキストエリア「T1」の内容を送信することができません。 このようにJavaScript側から値（value）を指定したInputタグの値を送信する方法について教えてください。

  • 特定の場所でEnterが押された時だけjavascriptを呼び出すには？

    <form name="f1"> <input type="text" name="t1" > <input type="text" name="t2" > <input type="text" name="t3" > </form> 上のようにtextが３つあってt3の所でEnterが押されたときだけjavascriptの 関数example()を呼び出すにはどのようにしたらよいのでしょうか？

    • ベストアンサー
    • HTML
  • フォームの値をリンクで渡す方法

    ふつうはフォームで <input type = "text"> <input type = "hidden" name ="test1"> <input type = "hidden" name ="test2"> <input type = "hidden" name ="test3"> <input type = "hidden" name ="test2"> とやっていけばいくつものフォームの値を渡せますね。 今回はリンクにフォームの値を入れたいのです。 a href ="http://sig.com/win.cgi?text1=$text1&text2=$text2" test1はリンクの値。 text2がテキストボックスのフォームの値です。 どうやってtext2の値を上のハイパーリンクに入れられるでしょうか？ やはりJAVASCRIPTを使う必要があるでしょうか？ （他の質問で解決済み） フォームとリンクの値を同時にCGIに渡す方法を教えてください。 自分としては1つ1つ値を渡していくしかないか、と考えました。

    • ベストアンサー
    • Perl
  • フォームに表示される文字をセンタリングさせたい。

    Javascriptの初心者です。宜しくお願いします。 テキストエリアが2つあったとします。 1のテキストエリアにある値を入力してボタンを押すと、 2のテキストエリアに1で入力した値をそのまま表示させ、 尚且つ表示された値をフォーム内でセンタリングさせたいのですが どうすればよいのかわかりません・・・。 ご存知の方がいらっしゃいましたら教えて下さい。 どうぞ宜しくお願い致します。 <html> <head> <script language="JavaScript"> <!-- function my1() { a=document.form1.text1.value; document.form1.text2.value=a; } //--> </script> </head> <body> <form name="form1"> <input type="texterea" name="text1"> <input type="texterea" name="text2"> <input type="button" value="CLICK!" onClick="my1()"> </form> </body> </html>

  • フォームの一部をPOSTで送信できますか？

    フォームのPOST自体をあまり理解できていないかも知れないのですが・・・ onClickイベントでJavascriptでパラメータを送信したいと思っています。 <input type="text" name="text1"> <input type="text" name="text2"> <input type="text" name="text3"> <input type="text" name="text4"> <input type="text" name="text5"> <input type="button" value="ボタン１"> <input type="button" value="ボタン２"> <input type="button" value="ボタン３"> というようなフォームがあった場合、ボタン１を押したらtext1とtext2の値を、 ボタン２を押したらtext1とtext3の値を・・・という風に 送信する内容を変えたいのですが、それをPOSTで渡すことは可能なのでしょうか？ ちなみに送信したい内容は、ボタンが違っても重なっているものもあります。 また可能であれば、どう記述すればよろしいでしょうか？（NNです） よろしくお願いします。

  • formタグ

    HTMLで、formを使用し、CGIへテキストエリアのデータをpostしたいと 考えております。 テキストエリアを3つ、ボタンを1つ設けるならば 通常以下のようにすると思います。（必要部分の抜粋） <form action="foo1.cgi" method="post" ENCTYPE="multipart/form-data"> <input type="text" name="text1" value="text1" size=50 maxlength=100> <input type="text" name="text2" value="text2" size=50 maxlength=100> <input type="text" name="text3" value="text3" size=50 maxlength=100> <input type="submit" name="aaa" value="実行"> </form> こうすると、実行ボタンをクリックすると、text1、text2、text3のテキストエリアに 記述されているテキストが送信されますが、ここにボタンをもう一つ設け、 上記3つのデータを別のCGIに送信したいのですが、 この場合どのようにHTMLを記述したらよいでしょうか？ 新たに下記のようにformタグを設けると、テキストエリアは6つになってしまいますし。。。 <form action="foo2.cgi" method="post" ENCTYPE="multipart/form-data"> <input type="text" name="text1" value="text1" size=50 maxlength=100> <input type="text" name="text2" value="text2" size=50 maxlength=100> <input type="text" name="text3" value="text3" size=50 maxlength=100> <input type="submit" name="aaa" value="実行２"> </form> どなたか分かる方情報頂けますか。

    • ベストアンサー
    • HTML
  • <form>タグに２つのボタン

    <form>タグで２つのボタンを表示させ、以下のようにそれぞれのボタンで フィールドに別の値を入れて送信させることはできますでしょうか？ できればHTMLで、できなければJavaScriptでできますでしょうか？ ・button1を押したときは 　フィールド「CASE」に1を入れて送信、 　HTMLで書くと、<input type="hideen" name="CASE" value="1"> ・button2を押したときは 　フィールド「CASE」に2を入れて送信、 　HTMLで書くと、<input type="hideen" name="CASE" value="2"> ===== HTML ====================== <form action="test.cgi" method="post"> <input type="text" name="text1"> <input type="submit" value="button1"> <input type="submit" value="button2"> </form> 宜しくお願いします。

    • ベストアンサー
    • HTML
  • ラジオボタンを選択したらテキストに数字入力

    ラジオボタンを選択してvalueが1だったら、テキスト欄（Q1_TEXT）に0を入力し、それ以外だったら何もしない、というJavascriptを書きたいです。ラジオボタンによって、テキスト欄の有効化、無効化に関する書き方は見つけられたのですが、このような挙動について見つけることができませんでした。 ご存じの方がおられましたらご教示いただけますと助かります。 よろしくお願いいたします。 <body> <form> <INPUT type="radio" name="Q1" value="1"> <INPUT type="radio" name="Q1" value="2"> <INPUT type="radio" name="Q1" value="3"> <INPUT type="text" name="Q1_TEXT" value="_Q1_TEXT_CHK_" SIZE="7"> </form> </body>

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する