Wie man Modal von einem Link mit ID öffnet?

Ich habe einen Link, dass, wenn der Benutzer darauf klickt, die eine modale zeigen enthält folgende:Wie man Modal von einem Link mit ID öffnet?

<?php 

    include ('dbcontroller.php'); 
    if(isset($_GET['view_id'])) 
    { 
     $id=$_GET['view_id']; 
     $sql = mysqli_query($conn, "SELECT * from press where id='$id'"); 
     $row = mysqli_fetch_array($sql); 
    ?> 

    <input type="hidden" value="<?php echo $row['id']; ?>" /> 
    <?php echo $row['reason']; ?> 

     <a href="index.php" class="btn btn-primary">GO BACK</a> 
    <?php 
    } 
    $conn->close(); 
?>

Der obige Code ist das, was ich tat, so, wenn der Benutzer auf den Link klicken, es ihm zu, dass umleitet Seite. Aber ich möchte, dass es im modalen Dialog ist, da es nicht viel Inhalt ist.

Dies ist der Link, auf den der Benutzer klickt. Wie öffne ich diesen Link in einen modalen Dialog?

Ich habe einige auf dieser Website und anderswo gesehen, aber alle, die sie haben, ist ein Link ohne eine ID, um modalen Dialog anzuzeigen. Ich habe kein Problem mit meinem gefunden, also habe ich beschlossen, um Hilfe zu bitten.

Quelle

2016-05-04 Felix

-1

Haben Sie die Bootstrap-Dokumentation gelesen? Es ist ziemlich einfach tbh. RTM http://getbootstrap.com/javascript/#modals

Quelle

2016-05-04 05:03:38 highFlyingDodo

hey Sie folgenden Code verwenden, können Zeilenwert

<!DOCTYPE html> 
     <html lang="en"> 
     <head> 

      <meta charset="utf-8"> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
      <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
      <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
     </head> 
     <body> 

     <div class="container"> 

      <!-- Trigger the modal with a button --> 

     <br><br><br><br> 
     <table id="prab" border="1"> 
      <tr> 
      <td>Jill</td> 
      <td>Smith</td> 
      <td>50</td> 
      <td><button type="submit" class="btn btn-default" data-toggle="modal" data-target="#myModal" value="Jackson"><span class="glyphicon glyphicon-envelope"></span>Invite</button></td> 
      </tr> 
      <tr> 
      <td>Eve</td> 
      <td>Jackson</td> 
      <td>50</td> 
       <td><button type="submit" class="btn btn-default" data-toggle="modal" data-target="#myModal" value="smith" ><span class="glyphicon glyphicon-envelope"></span>Invite</button></td> 
      </tr> 
     </table> 
      <!-- Modal --> 
      <div class="modal fade" id="myModal" role="dialog"> 
      <div class="modal-dialog"> 

       <!-- Modal content--> 
       <div class="modal-content"> 
       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal">&times;</button> 
        <h4 class="modal-title">Modal Header</h4> 
       </div> 
       <div class="modal-body"> 
        <p>clicked value </p> 

        <input type="text" id="valueof" > 


       </div> 
       <div class="modal-footer"> 
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
       </div> 
       </div> 


      </div> 
      </div> 

     </div> 
     <script type="text/javascript"> 
      $('#prab').click(function(e){ 
       // alert($(e.target).val()); 
      document.getElementById("valueof").value = $(e.target).val(); 

     }) 
      </script> 


     </body> 
     </html>

Quelle

2016-05-04 05:36:35

das ich habe keine Probleme zu bekommen, wie den Zeilenwert zu bekommen, mein Problem ist, wie die Verbindung mit der ID in es sehen zu ein modaler Dialog – Felix

Wie man Modal von einem Link mit ID öffnet?

Antwort

Verwandte Themen