0

次のコードを使用しました：

Form1.html

<html>

<head>
<title>Table of Data</title>
</head>

<body>

<form method="POST">

<table border="1" id="tblQuery">
<tr>
   <th>Query</th>
   <th>Answer</th>
   <th>Data Type</th>
   <th>Screen No.</th>
</tr>

<tr>
   <td>Name</td>
   <td><input type="text"/></td>
   <td>Textbox</td>
   <td>1</td>
   <td><input type="button" value="Edit" /><input type="button" value="Delete" /></td>
</tr>

<tr>
   <td>Gender</td>
   <td><input type="radio" name="gender" value="male" />Male<br><input type="radio" name="gender" value="female" />Female</td>
   <td>Radio Buttons</td>
   <td>2</td>
   <td><input type="button" value="Edit" /><input type="button" value="Delete" /></td>
</tr>

<tr>
   <td>Qualification</td>
   <td><input type="checkbox" name="qualification" value="graduate" />Graduate<br><input type="checkbox" name="qualification" value="post graduate" />Post Graduate</td>
   <td>Checkbox</td>
   <td>1</td>
   <td><input type="button" value="Edit" /><input type="button" value="Delete" /></td>
</tr>

<tr>
   <td>City</td>
   <td><select>
      <option value="new_delhi">New Delhi</option>
      <option value="mumbai">Mumbai</option>
      <option value="kolkata">Kolkata</option>
      <option value="chennai">Chennai</option>
      </select></td>
   <td>Select List</td>
   <td>4</td>
   <td><input type="button" value="Edit" /><input type="button" value="Delete" /></td>
</tr>

<tr>
   <td>Academic Record</td>
   <td><input type="button" value="Add Table" onclick="addTable.html" /></td>
   <td>Table</td>
   <td>3</td>
   <td><input type="button" value="Edit" /><input type="button" value="Delete" /></td>
</tr>

</table>

<br>

</form>

</body>

</html>

Form2.html

<html>

<head>
<title>Action</title>

<script src="scripts/newQuery.js"></script>

</head>

<body>

<input type="button" value="Add Query" onclick="openPage()" />

&nbsp; &nbsp;

<input type="button" value="Create Metafile" />

</body>

</html>

後で、次のように要素を"index.html"使用して両方のページをファイルに追加しました。"frameset"

index.html

<html>

<head>
<title>Main Application case Study</title>
</head>

<frameset rows="75%, *">
   <frame src="Form.html" />
   <frame src="Form2.html" />
</frameset>

</html>

"index.html"ページを開いて"Add Query"ボタンをクリック"prompt"すると、クエリを追加して"Form1.html"ページに追加するように求めるメッセージが表示されます。

ここで直面している問題は、テーブルに追加するクエリを送信すると、そのページでコード化されているため、クエリが実際に"Form2.html"ページに送信"prompt"されることです。しかし、行を追加する必要があり"Form1.html"ます。

どうすれば達成できますか？

4

1 に答える 1

0

あなたはあなたの人生を必要以上に難しくしています。

あなたは次のようなことをするページを開くページを開きたい

http://www.dzone.com/snippets/add-rows-html-table

function addRow(table,content,morecontent,evenmorecontent) {
     var tabBody=table.getElementsByTagName("TBODY")[0];
     var row=document.createElement("TR");
     var cell1 = document.createElement("TD");
     var cell2 = document.createElement("TD");
     var cell3 = document.createElement("TD");
     var textnode1=document.createTextNode(content);
     var textnode2=document.createTextNode(morecontent);
     var textnode3=document.createTextNode(evenmorecontent);
     cell1.appendChild(textnode1);
     cell2.appendChild(textnode2);
     cell3.appendChild(textnode3);
     row.appendChild(cell1);
     row.appendChild(cell2);
     row.appendChild(cell3);
     tabBody.appendChild(row);
}
var table = opener.opener.document.getElementById("tblQuery");
addRow(table,"cell1 content","cell2 content","cell3 content");
于 2013-01-15T12:38:07.610 に答える