2016-07-21 8 views
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">&times;</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を使用してモーダルで表示されることを忘れないでください。

私の質問がはっきりしていることを願っています。それ以上の情報が必要な場合は、私は配達する準備ができていますが、私はこの答えが欲しいです。

ありがとうございます。

答えて

0

私はそれを正しく理解していれば、その後、あなただけのチェックボックス

onclick="if ($('input.checkbox_check').is(':checked')) { //call your function here }" 

、または複数のチェックボックスの場合は、私がすべきちょうど「この」演算子

onclick="if ($(this).is(':checked')) { //call your function here }" 
+0

を使用する上でのonclickイベントを追加する必要があります関数を定義する? 2ページ目または1ページ目? – hash

+0

は関係ありません。しかし、より良いアプローチは、2番目のページで定義することです。しかし、2番目のページがajaxで2回呼び出されたかどうか、または最初のページのどこかでその関数が必要な場合は、最初のページで定義する方が良いでしょう。 –

+0

ありがとう、その仕事。 – hash

関連する問題