まず、アプリケーションの仕組みは次のとおりです: (注: ページには、患者 M、患者 E などの複数のユーザーがいます)
1) 患者 X の名前の横に、[チェックイン] というラベルの付いたボタンがあります。これはサーバー側に記録されます。
2) [チェックイン] ボタン をクリックすると、ユーザーが選択できる複数の場所を含むドロップダウン (最初のボタンを置き換える) がユーザーに表示されます。選択から場所を選択すると、サーバー側が再び更新されます。
3) 次に、ユーザーは、ステップ 2 を繰り返して、複数の場所を選択することを決定する場合があります。
4) 最後に、ユーザーが場所の選択を完了すると、ユーザーが手順 2 と 3 で場所をクリックしたのと同じ選択で、[チェックアウト] というタイトルの [チェックアウト] ボタンをクリックします。これをクリックすると、checkloc.php に送信され、ログに記録されます。
5) 最後に、ドロップダウンが消え、Checked Out という単語が表示されます。
残念ながら、問題は、私がコンピューター 1 で、[チェックイン] をクリックし、場所を選択して、チェックアウトするプロセスを実行すると、コンピューター 2 がこれを行うのとは完全に切り離されていることです。
ダイアグラムを次に示します。
したがって、基本的には、数秒ごとにサーバー コードを取得し、フォーム要素を現在の値で更新する方法が必要です。私はかなり新しいプログラマーなので、コードとチュートリアルは非常に役立ちます. また、先ほど述べたように、私は新しいプログラマーなので、コードを何らかの方法でクリーンアップできれば、それは素晴らしいことです。
助けてくれてありがとう！ご不明な点がございましたら、ご説明いただければ幸いです。
コードは次のとおりです。
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.locationSelect').hide(); // Hide all Selects on screen
$('.finished').hide(); // Hide all checked Out divs on screen
$('.checkOut').hide();
$('.checkIn').click(function() {
var $e = $(this);
var data = $e.data("param").split('_')[1] ;
// gets the id of button
// You can map this to the corresponding button in database...
$.ajax({
type: "POST",
url: "checkin.php",
// Data used to set the values in Database
data: { "checkIn" : $(this).val(), "buttonId" : data},
success: function() {
// Hide the current Button clicked
$e.hide();
// Get the immediate form for the button
// find the select inside it and show...
$('.locationSelect').show();
$('.checkOut').show();
}
});
});
$('.locationSelect').change(function() {
$e = $(this);
var data = $e.data("param").split('_')[1] ;
// gets the id of select
// You can map this to the corresponding select in database...
$.ajax({
type: "POST",
url: "changeloc.php",
data: { "locationSelect" : $(this).val(), "selectid" : data},
success: function() {
// Do something here
}
});
});
$('.checkOut').click(function() {
var $e = $(this);
var data = $e.data("param").split('_')[1] ;
// gets the id of button
// You can map this to the corresponding button in database...
$.ajax({
type: "POST",
url: "checkout.php",
// Data used to set the values in Database
data: { "checkOut" : $(this).val(), "buttonId" : data},
success: function() {
// Hide the current Button clicked
$e.hide();
$('.locationSelect').hide();
// Get the immediate form for the button
// find the select inside it and show...
$('.finished').show();
}
});
});
});
</script>
およびhtml：
<button class="checkIn" data-param="button_9A6D43BE-D976-11D3-B046-00C04F49F230">Check In</button>
<form method='post' class='myForm' action=''>
<select name='locationSelect' class='locationSelect' data-param="location_9A6D43BE-D976-11D3-B046-00C04F49F230">
<option value="0">Select a location</option>
<option value='1'>Exam Room 1</option>
<option value='2'>Exam Room 2</option>
<option value='3'>Exam Room 3</option>
<option value='4'>Exam Room 4</option>
</select>
</form>
<button class="checkOut" data-param="cbutton_9A6D43BE-D976-11D3-B046-00C04F49F230">Check Out</button>
<div class='finished' style='color:#ff0000;'>Checked Out</div>
サーバー側のコードを次に示します (テスト用に 3 つのページに分割しました)。
checkin.php
<?php
date_default_timezone_set('America/Denver');
$apptid = $_REQUEST['buttonId'];
$currentlocationstart = date("Y-m-d H:i:s");
if(isset($_REQUEST['checkIn'])){
$checkin = 0;
}
$hostname = 'localhost';
$username = '*******';
$password = '******';
$conn = new PDO("mysql:host=$hostname;dbname=sv", $username, $password);
$sql = "UPDATE schedule SET currentlocation = ?, currentlocationstart = ? WHERE apptid= ? ";
$q = $conn->prepare($sql);
$q->execute(array($checkin,$currentlocationstart, $apptid));
?>
locationchange.php
<?php
date_default_timezone_set('America/Denver');
$apptid = $_REQUEST['selectId'];
$currentlocationstart = date("Y-m-d H:i:s");
if(isset($_REQUEST['locationSelect'])){
$currentLocation = $_REQUEST['locationSelect'];
}
$hostname = 'localhost';
$username = '*****';
$password = '*******';
$conn = new PDO("mysql:host=$hostname;dbname=sv", $username, $password);
$sql = "UPDATE schedule SET currentlocation = ?, currentlocationstart = ? WHERE apptid= ? ";
$q = $conn->prepare($sql);
$q->execute(array($currentlocation,$currentlocationstart, $apptid));
?>
およびcheckout.php
<?php
date_default_timezone_set('America/Denver');
$apptid = $_REQUEST['buttonId'];
$currentlocationstart = date("Y-m-d H:i:s");
if(isset($_REQUEST['checkOut'])){
$checkin = 1000;
}
$hostname = 'localhost';
$username = '*********';
$password = '********';
$conn = new PDO("mysql:host=$hostname;dbname=sv", $username, $password);
$sql = "UPDATE schedule SET currentlocation = ?, currentlocationstart = ? WHERE apptid= ? ";
$q = $conn->prepare($sql);
$q->execute(array($checkin,$currentlocationstart, $apptid));
?>