FORMタグの中の２つのボタンの処理について

解決済

質問者：kevin67
質問日時：2014/04/23 23:08
回答数：1件

PHPの勉強を始めたばかりのものです。
よろしくお願いします。

以下のようなページを作りたいと考えています。

フレームで上下に分けられたページで、上側を「upper.php」、下側を「lower.php」とします。

下側（lower.php）に３つの入力欄〔入力欄（１）〕〔入力欄（２）〕〔入力欄（３）〕と２つのボタン【ボタン（１）】【ボタン（２）】があります。

【ボタン（１）】は、〔入力欄（１）〕のデータをもとに、フレームの下側の内容を書き換えます。

【ボタン（２）】は、〔入力欄（１）〕〔入力欄（２）〕〔入力欄（３）〕の情報をもとに、フレームの上側の内容を書き換えます。

自分なりに勉強して、とりあえず、下記のようにしたのですが、上のページを更新する部分をどのようにすればいいのか分かりません。
ご教授、よろしくお願いします。

＜「lower.php」の中の記述＞
<?php
if ($_POST[Button_1]) {

下側のフレームの更新処理に関わる部分
（この部分はうまく機能しています）

} elseif ($_POST[Button_2) {

上側のフレームを更新する処理
（★★この部分をどのように記述すればいいのかわかりません★★）

}
?>

<form action="<?=$_SERVER['PHP_SELF']?>" method="post">

<INPUT TYPE="text" NAME="INPUT_1">
<input type="submit" name="Button_1" value="登録">
// 「INPUT_1」のデータを使って、下側のフレームの内容を更新

<INPUT TYPE="text" NAME="INPUT_2">
<INPUT TYPE="text" NAME="INPUT_3">
<input type="submit" name="Button_2" value="登録">
// 「INPUT_1～3」のデータを使って、上側のフレームの内容を更新

</form>

よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： agunuz
回答日時：2014/04/24 08:22

データがPOSTされてからはどうしようもありません。

押されたボタンによってform要素のtarget属性（送信先の「フレーム名」）を書き替えてからPOSTするようにJavaScriptで処理することになります。

この回答への補足

ご回答、ありがとうございます。

ご記入いただいた【押されたボタンによってform要素のtarget属性（送信先の「フレーム名」）を書き替えてからPOSTするようにJavaScriptで処理することになります。】が具体的に何を意味するのかは理解できなかったのですが、以下のような方法を思いついて、とりあえず、うまく動いています。

<BODY onload="document.FRM.submit();">

<?php
if ($_POST[Button_1]) {

下側のフレームの更新処理に関わる部分

} elseif ($_POST[Button_2) {

// 要するに、一度、別のデータで受けて、再び、POSTする。

$DATA_1 = $_POST["INPUT_1"];
$DATA_2 = $_POST["INPUT_2"];
$DATA_3 = $_POST["INPUT_3"];

?>

<FORM Name="FRM" METHOD="POST" action="upper.php" target="upper">
<INPUT TYPE="hidden" NAME="INPUT_1" VALUE="<?php echo $DATA_1; ?>" >
<INPUT TYPE="hidden" NAME="INPUT_2" VALUE="<?php echo $DATA_2; ?>" >
<INPUT TYPE="hidden" NAME="INPUT_3" VALUE="<?php echo $DATA_3; ?>" >
</FORM>

}
?>

<form action="<?=$_SERVER['PHP_SELF']?>" method="post">

<INPUT TYPE="text" NAME="INPUT_1">
<input type="submit" name="Button_1" value="登録">
// 「INPUT_1」のデータを使って、下側のフレームの内容を更新

<INPUT TYPE="text" NAME="INPUT_2">
<INPUT TYPE="text" NAME="INPUT_3">
<input type="submit" name="Button_2" value="登録">
// 「INPUT_1～3」のデータを使って、上側のフレームの内容を更新

</form>