如何添加模态？

Question

This is my link in view.php file I want to show my form in modal when clicked in Add Player Button.How can I do that? I am using bootstrap in my template.

 <a data-toggle="modal" data-target="#myModal_login" class="btn btn-primary"  href="backend/players/player">Add Player</a>

insertPlayer.php This is my insert form I want to show my insert form in modal.

    <div class="modal fade" id="myModal_login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                    <table  class="form-horizontal">
                        <tr  class="form-group"><td>First Name</td><td><?php echo form_input($fname) ?></td></td></tr>
                        <tr class="form-group" ><td>Last Name</td><td><?php echo form_input($lname) ?></td></tr>
                        <tr class="form-group"><td>Address</td><td><?php echo form_textarea($address) ?></td></tr>
</table>
</div>

Answer 1

You can put your form inside modal div tag like

<div class="modal fade" id="myModal_login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 <form>
   First name:<br>
   <input type="text" name="firstname">
     <br>
   Last name:<br>
   <input type="text" name="lastname">
</form> 
</div>

and call it like

<?php    
    include'insertPlayer.php';   
?> 
<a data-toggle="modal" data-target="#myModal_login" class="btn btn-primary"  href="backend/players/player">Add Player</a>