0
私はブートストラップ付きの2つのPHPページを持っています。最初のページでは、各従業員のデータを挿入するためのモーダルを呼び出しています。 2番目のページはモーダルコンテンツを含み、最初のページからAJAX経由で呼び出します。モーダルコンテンツ内でjavascript関数を呼び出す方法は?
ここに私のコードです。
ページ1:
<table data-toggle="table" data-show-refresh="true" data-show-toggle="true" data-show-columns="true" data-search="true" data-select-item-name="toolbar1" data-pagination="true" data-sort-name="name" data-sort-order="desc">
<thead>
<tr>
<th data-field="company" data-sortable="true" data-align="center">Company Name</th>
<th data-field="owner" data-sortable="true" data-align="center">Owner Name</th>
<th data-field="contact" data-sortable="true" data-align="center">Contact No</th>
<th data-field="category" data-sortable="true" data-align="center">Category</th>
<th data-field="payment" data-sortable="true" data-align="center">Payment</th>
<th data-field="calendar" data-sortable="true" data-align="center">Calendar</th>
</tr>
</thead>
<tbody>
<?php
$sql_user="SELECT * from empployee order by id desc ";
$result_user=mysqli_query($con,$sql_user);
while($user=mysqli_fetch_array($result_user,MYSQLI_ASSOC))
{
?>
<tr>
<td><?php echo $user['company']; ?></td>
<td><?php echo $user['firstname']." ".$user['lastname']; ?></td>
<td><?php echo $user['mobile_number']; ?></td>
<td><?php echo $user['desig']; ?></td>
<td><?php echo $user['salary']; ?></td>
<td><button type="button" class="btn btn-info btn-sm" data-toggle="modal" data-target='<?php echo $id2;?>' value='<?php echo $user['company'];?>' onclick="add_lineup(this.value);"><i class="fa fa-pencil"></i>Add</button>
<div class="modal fade" id="<?php echo $im2;?>" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content" id='<?php echo $edit;?>'>
</div>
</div>
</div></td></tr>
</tbody>
</table>
ページ2:
<?php
session_start();
if(!isset($_SESSION['admin']))
{
header("location:../index.php");
}
include('../connection.php');
$details_id = $_REQUEST['details_id'];
$company_sql = mysqli_query($con,"SELECT * FROM task where id='$details_id'");
$data_company = mysqli_fetch_array($company_sql);
?>
<form action="" method="post" enctype="multipart/form-data">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Task Details</h4>
</div>
<input type="hidden" name="id" value="<?php echo $details_id ?>">
<div class="modal-body">
<table data-toggle="table" data-show-refresh="true" data-show-toggle="true" data-show-columns="true" data-search="true" data-select-item-name="toolbar2" data-pagination="true" data-sort-name="name2" data-sort-order="desc">
<thead>
<tr>
<th data-field="name" data-sortable="true" >Item Name</th>
<th data-field="days" data-sortable="true" >Days</th>
<th data-field="Select" data-sortable="true">Select</th>
<th data-field="date" data-sortable="true">Delivery Date</th>
</tr>
</thead>
<tbody>
<?php
$search_task_items = "select * from task";
$run_search_task_items = mysqli_query($con, $search_task_items);
if(!$run_search_task_items)
{
die(mysqli_error($con));
}
while($get_task_items = mysqli_fetch_array($run_search_task_items))
{
?>
<tr>
<td><?php echo $get_task_items['item_name']; ?></td>
<td><?php echo $get_task_items['req_days']; ?></td>
<td><input type="checkbox" id="select[]" value="<?php echo $get_task_items['id']; ?>" onclick="test()"></td>
<td><input type="text" id="delivery_date" value=""></td></tr>
<?php
}
?>
</tbody>
</table>
<div class="modal-footer">
<button type="submit" class="btn btn-primary pull-right">Add Customer Line-up Items</button>
</div>
</form>
私の質問は、私は、チェックボックスをクリックしますときに、第2のページにいくつかのJavaScript関数を実行したいです。 2番目のページのコンテンツはAJAXを使用してモーダルで表示されることを忘れないでください。
私の質問がはっきりしていることを願っています。それ以上の情報が必要な場合は、私は配達する準備ができていますが、私はこの答えが欲しいです。
ありがとうございます。
を使用する上でのonclickイベントを追加する必要があります関数を定義する? 2ページ目または1ページ目? – hash
は関係ありません。しかし、より良いアプローチは、2番目のページで定義することです。しかし、2番目のページがajaxで2回呼び出されたかどうか、または最初のページのどこかでその関数が必要な場合は、最初のページで定義する方が良いでしょう。 –
ありがとう、その仕事。 – hash