mysql テーブルからのデータを表示するテーブルを含むフォームがあり、ユーザー入力が必要なフィールドが 1 つあります。各行には div も含まれます。フォームには 2 つの機能があります。
最初の関数は、各行の入力フィールドの値を処理し、結果の形式で行 div に結果を送信する外部 PHP ページからの情報を表示することです。
最初の関数は完全に機能し、スクリプトは次のとおりです。
<script type="text/javascript">
function get(row){ //row being processed, defined in onchange="get(x)"
$.post ('getpeopleinjobs.php',{ //data posted to external page
postvarposition: form["position"+row].value, //variable equal to input box, sent to external page
postvarjob: form["job"+row].value, //variable equal to input box, sent to external page
postvarperson: form["person"+row].value, //variable equal to drop down list, sent to external page
postrow: row}, //variable equal row being processed, sent to external page
function(output){
$('#training'+row).html(output).show(); //display external results in row div
});
}
</script>
私が助けを必要とする2番目の機能。同じ JavaScript 関数をもう一度繰り返す必要があります。ただし、行変数を外部ページに送信する代わりに、ポップアップ ページに送信したいと考えています。この関数は、div をクリックするとトリガーされます。
ポップアップ用に以下のjavascriptがあります。
<script type="text/javascript">
// Popup window code
function newPopup(url) {
popupWindow = window.open( url,'popUpWindow','height=400,width=1000,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=no,menubar=no,location=no,directories=no,status=yes')
}
</script>
What I want to do is send the variables to the popup page, the same variables that were sent to the external page.
so what I am aiming for is something like this:
<script type="text/javascript">
// Popup window code
function newPopup(url) {
function get(row){ //row being processed, defined in onchange="get(x)"
$.post ('trainingneeded.php',{ //my popup page
postvarposition: form["position"+row].value, //these variables must be posted to the popup page
postvarjob: form["job"+row].value, //these variables must be posted to the popup page
postvarperson: form["person"+row].value, //these variables must be posted to the popup page
postrow: row}, //these variables must be posted to the popup page
);
}
popupWindow = window.open( //open popup with the above variables posted to it
url,'popUpWindow','height=400,width=1000,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=no,menubar=no,location=no,directories=no,status=yes')
}
</script>
上記を機能させるにはどうすればよいですか?href を最良のアイデアとして使用しているか、div に onclick イベントを設定できますか。
事前にご協力いただきありがとうございます。