• 締切済み

Javascriptを使って投稿式で行を追加できるようにする。

ただいま、Javascriptを使って入力フォームを作成しています。 http://www37.tok2.com/home/sillver/Form.htm 上記はまだ未完成のものです。 上記のテーブル内には、名前、MAIL、投稿内容、パスワード、メッセージ、コメント、とあります。 私はJavascriptを使って、このフォーム内にあるメッセージと投稿内容を行を追加するボタンで何個でも書きたい個数だけ表示できるようにしたいんです。 私が思うに、AddTableElement()を使わなければいけないのだと思います。（過去ログを参考にしました）。 簡単に言うと、このフォームを入力していて、もっとメッセージやコメントを追加したいな。と思ったら、行追加ボタンを押して、メッセージとコメントと投稿内容を追加するようにしたいんです。 どなた様かの返答をお待ちしています。

みんなの回答

  • KanjiTalk
  • ベストアンサー率30% (7/23)
回答No.2

javascriptにAddTableElement()という ビルトイン関数（またはメソッド）はありませんよ？ （過去ログのページ内に関数の本体があるハズ）

全文を見る
すると、全ての回答が全文表示されます。
noname#30818
noname#30818
回答No.1

TDを追加するだけならこんなイメージですね。 <html> <head> <title>form</title> <script type="text/javascript"> function bb(){ alert('ボタンをクリックした時のスクリプトを書いてください') } function aa(){ var tbody = document.getElementById('ff') var tr = document.createElement('tr') var tdchild = ['textarea','button']//追加する項目のタグ tbody.appendChild(tr) for(var i = 0;i < tdchild.length;i++){ var td = document.createElement('td') tr.appendChild(td) var NewEle = document.createElement(tdchild[i]) td.appendChild(NewEle) if(tdchild[i] == "button"){//いべんとやテキスト追加条件 NewEle.onclick = bb//いべんと NewEle.appendChild(document.createTextNode('Click!!'))//テキストの追加 } } } </script> </head> <body> <table> <tbody id="ff"> <tr><td><button onclick="aa()">追加</button></td></tr> <tr><td><input type="text" value="投稿内容"></td></tr> </tbody> </table>

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • javascript 動的フォームの追加、削除について

    JAVASCRIPTを使って、追加ボタンを押したときに、入力フォーム（textbox）を2個、3個と追加させ、入力フォーム横に設置した削除ボタンで削除ボタン横の入力フォームを削除したいと思っております。 1)delInput2()の引数でボタンごとの情報（何番目のボタンか）を渡したい。 どのようなjavascriptを書けばよいか、ご教授願えませんでしょうか。 どうぞよろしくお願い致します。 <script type="text/javascript"> var arInput = 0; var Default = arInput; function addInput() { //追加処理 arInput ++ $("#area").append('<span id=\"group'+arInput+'\"><input type=\"text\" name=\"text'+arInput+'\" value=\"入力項目'+arInput+'\" /><input type=\"button\" onclick=\"delInput2()\" name=\"button'+arInput+'\" value=\"削除'+arInput+'\" /><br></span>\n'); } function delInput() { //削除処理 $("#group"+arInput).remove(); if(arInput > Default){ arInput -- } } function delInput2() { //指定項目削除処理 } </script> <form> <fieldset id="area"> <fieldset> <input type="button" onclick="addInput()" value="一行追加" /> <input type="button" onclick="delInput()" value="一行削除" /> </fieldset> </form>

  • JVSで行を追加

    HTMLページにNo、列、金額の入力フォームがあるとします。 この入力項目を表表示し、それぞれの項目を入力したら1行追加して複数行の登録をできるようにしたいと思います。 JavaScript(Ajax)で行を追加する方法がうまく見つけることができません。 JavaScriptでの方法又はAjaxなどのライブラリがありましたら教えてください。 よろしくお願いします。

  • JavaScript初心者です・・・。

    商品の注文書を作成しています。プロバイダのＣＧＩを利用していて、計算等はJavaScriptを使用したいのですが・・・。 JavaScriptを使って商品の個数が入力されたところだけを計算するという方法を教えていただきたいのです。 その場合、s23DA=document.form1.s23DA.value*1500; 全ての項目を上記のように設定しており自動計算をさせようとしています。 しかし、個数が入力されていない項目もＣＧＩで飛ばしたメールに入っているので、それを取り除きたいと考えています。 どなたかお力添え願いますｍ(＿ ＿)ｍ

  • VBAをJavaScriptに変換したいです

    JSPとJavaScriptを使い、 フォーム1とフォーム2を連動させたいと考えています。 内容はフォーム1の中のキストボックス（複数行の中のどれか一つ）横のボタンをクリックすると、フォーム2が開きます。 フォーム2では検索が出来るようになっており、 検索画面で気に入る結果が見つかった場合は、 その内容（テキストボックス）横のボタンをクリックします。 するとフォーム2の検索結果が、フォーム1のボタンをクリックした行のテキストボックスに代入されるというものです。 VBAで記述すると以下のプログラムになります。(こちらは完璧に動作します) これをJSPとJavaScriptで記述するとどうなるでしょうか？ VBA版の下にjavaScript版を記述してみたので、採点をお願いします。 しばらくプログラムを実行する環境から離れているため、 動作確認ができません。 けれどどう動くのか気になって仕方ないので…。 どうぞよろしくお願いします。 -----------VBA版--フォーム1（代入先）----------- Private Sub ボタン1_Click() DoCmd.OpenForm "フォーム2" End Sub -----------VBA版--フォーム2（検索）----------- Private Sub ボタン2_Click() Forms!フォーム1!詳細.Form!コード = Me!コード DoCmd.Close acForm, "フォーム2" End Sub ***** --------JavaScript版--フォーム1（代入先）-------- <form1> while(rs.next()){ ・・・ <input size="45" type="text" name="Name" value=""> <input type="hidden" name="CD" value=""> <input type="button" value="..." onClick="window.open("search.jsp" , "_blank");"> ・・・ } <input type="submit" value="設定"> </form1> --------JavaScript版--フォーム2（検索）-------- <Script Type="text/javascript"> <!-- function sub_catch(objName){ var fcd=document.form2.CD.value(); var fn=document.form2.Name.value(); if(objName == "value"){ document.form1.Name.value=fn; 　document.form1.CD.value=fcd; } } //--> </Script> <form2> while(rs.next()){ ・・・ <input type="text" name="Name" value="<%= name %>"> <input type="text" name="CD" value="<%= code %>"> <input type="button" value="決定" onClick="sub_catch("value")"> ・・・ } </form2>

  • access　フォーム上で複数行のレコードを追加したい。

    宜しくお願いします。 仕様環境：WinXP　access2002 フォーム上にコマンドボタンで空白のレコードを 追加したいのですが、一行だけなら「値の代入」マクロで 追加できるのですが、複数行だとやり方がわかりません。 「追加クエリ」を作ってコマンドボタンにマクロで乗せてみたのですが、 テーブル上では複数の空白レコードが追加されてますが、 フォーム上には反映してくれません。 「値の代入」マクロを使って、複数行のレコードをフォーム上に追加するか、 「追加クエリ」を使って、複数行のレコードをフォーム上に反映させるか したいのですが教えてください。 ※ ちなみにこのフォームはサブフォームです。 　 また5行追加しようとしています。 　 この方法では無理でしたらご指導お願いします。 宜しくお願いします。

  • radioボタンvalue内容を追加表示するには？

    あるサイトでみつけたサンプルを利用して、メール送信フォームをJavascriptで作成しようとして、下記サーバにアップしました。 http://www.geocities.jp/edblearning/tmp/Application5a.html データを入力した後、「送信する」ボタンをクリックすれば、 入力データが不足していればコメントが戻り、 必要データをすべて入力すれば、送信前に、内容確認メッセージが表示されるというものです。 これらの入力データのうち、radioボタンでの入力データの「性別」と「年齢」については、サンプルでは内容確認メッセージが表示されません。表示させるには、ソースをどのようにすればよいのでしょうか？ 上記のアップしたファイルのソースを参照のうえ、教えていただきたくお願いします。

  • 同一ページへのコメントの追加

    Webページに簡単なコメント欄を追加したいと思っています。 フォームの内容をpostでPHPに渡す方法でファイルに書き込んで 同じページに表示したいのですがページがphpに遷移してしまいます。 具体的にはindex.htmlにフォームを設けて、submitすると そのコメントをファイルに出力し、 その内容をphpで編集して結果をindex.html上に表示したいと思っています。 <form action="index.php" method="post"> という渡し方自体が行けない気がしているのですが方法がわからず 教えていただけないでしょうか。 php, javascript(prototype)でできるとありがたいです。

    • ベストアンサー
    • PHP
  • access2010 ボタンで行追加

    ACCESS2010初心者です。単票形式のフォームに1件のデータ入力が終わったら、ボタンを押すと下に入力行が現れる（繰り返し）様にしたいです。ご教授よろしくお願いいたします。

  • javascriptで変更状態の維持

    動的にフォームの入力項目を追加・削除できるJavascriptをサンプルを元にdocument.createElementなどを使い作りました。 意図した通りに動いてはいるのですが、リロードされたり確認ページへ移動後に入力ページへ戻ると追加した項目がクリアされてしまいます。 クリアされてしまうこと自体は同然だと思うのですが、追加した項目を維持させておく方法はないのでしょうか。 phpでメールフォームを作った経験は何度かあり、以前は追加ボタンが押されたらincludeで追加項目を読み込んだりしていたのですが、javascriptの法がスマートかと思い作ってみた。 javascriptだけでは無理なのでしょうか。 おわかりの方がいましたら宜しくお願いします。

  • アクセス　フォームでの行追加

    大変初歩的なことですが表現が下手なため伝わった方宜しくお願いします 従業員名簿を作成したいと思いテーブルを１つ作りました フォームで入力したものはテーブルに反映されています 人数が少ないので入力用のフォームで 1　○○花子　S00.00.00　 2　○○太郎　S11.11.11 S00.00.00と一行目の最後まで行ったら 行を追加してそのまま一覧として使いたいのですが 一行目のS00.00.00まで行ってEnterすると 一行目が白くなり段が増えません どなたかこの文章のみで現状をわかって頂けたら教えてください

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する