確認ダイアログの最適な方法

フォームからsubmitボタンを押し、ダイアログを表示させたいです。複数のボタンを表示し、各ボタンのクリックによって処理を変化させます。テキストの入力フィールドも用意し、内容によって処理を変えたいです。処理後はリロードします。

処理内容はどれもSQLの操作なので、元のページをリロードする必要がありますが、このような動作をさせるダイアログは、どのように作るのが最も簡単でしょうか。全体のプログラミングはPHPで行っています。

onclockで最小限のサイズの別窓を表示し、ボタンを選択。これだと、元のウインドウのリロードができません。ちなみに遷移させてしまうと、内容が確認できず不便なのでNGです。phpだけでは厳しそうです。

javascriptかjQueryになると思うのですが、どちらも詳しくないのでなるべく簡単なおすすめの方法はございますか。

よろしくお願いいたします。

追記

処理内容ですが、submitボタンを押したらconfirmを表示させ、ポストします。このconfirmに、複数ボタンが設置できないでしょうか。
ポストした値によって、SQLのdeleteでwhere句を変えるだけです。ボタンを押したらPOSTの値に加えます。

具体的にはグーグルカレンダーのような感じで、削除を押すと
１、この予定だけ削除
２、以降の予定を削除
３、すべてを削除

のようにします。

$_POST['where']にthis、future、allなどがセットできればいいです。

行動規範の内容に同意します

回答2件

submitした後にalertを出すのは順番が違いますね
どうしてもと言うなら飛び先の頁で更新チェックをした後に状況にあわせてalertすればよいでしょう
スマートにやるならajaxでデータ送信し、更新データを受け取って表示を変えた後に
alertをだせばそれらしく見えるかもしれません

いずれにしても質問がちょっと曖昧でこれ以上のことは指摘できません
もう少し具体的なソースと想定する結果を明示したほうがよいでしょう

投稿2016/11/10 07:59

yambejp

総合スコア114775

natlpush

2016/11/10 08:41

ありがとうございます。submitした後にalertを出すのではなく、subumitボタンを押したときにalertを出したいのです。説明が不十分で済みません。具体的な処理内容も追記しました。宜しくお願い致します。

行動規範の内容に同意します

ベストアンサー

以下のようにラジオボタンを用意し、POSTでラジオボタンの値をPHP側で受け取って、
ラジオボタンの値でSQLの操作を振り分けたりとか？
あと、ＰＨＰ側の処理の最後にheader( "Location: 元のページ" ) を埋め込んで、
元のページにリロードすることはだめなんですか。

<html>
<head>
<title></title>

<script type="text/javascript">
<!--

function disp(){

	data = window.prompt("入力", "");
	
	//以下に入力値の内容をチェックしてradioボタンの選択を変更する。
	//★
	////////////////////////////////////////
	
	if(data != "" && user != null){
	alert(data);
		document.frm.submit();
	}
	else{
		window.alert('キャンセルされました');
	}

}

// -->
</script>

</head>
<body>
<form action="xxxxxx.php" method="post" name="frm">

<div style="display:none">
<input type="radio" name="example" value="削除">
<input type="radio" name="example" value="挿入">
<input type="radio" name="example" value="更新">
<input type="radio" name="example" value="削除" checked>
</div>

</form>

<p><input type="button" value="入力ダイアログ" onClick="disp()"></p>

</body>
</html>