<html> <head> <title>Help Me</title> <html lang="en"> <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.5/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> </head> <body><br><br> <center> <h1> Additon</h1><br> <form action="" method="post"> <label>Enter Num1:</label> <input type="text" name="num1" /><br> <label>Enter Num2:</label> <input type="text" name="num2" /><br><br> </form> <div class="container"> <!-- Trigger the modal with a button --> <button type="submit" name="btn_submit" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Confirm</button> </center> <!-- 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">×</button> <h4 class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <?php
if(isset($_POST['btn_submit']))
{
$num1 = $_POST['num1'];
$num2 = $_POST['num2'];
$total = $num1+$num2;
echo "The total value is: ".$total;
}
?> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> </div> </body> </html>