Linux puskom-ProLiant-DL385-Gen10 5.4.0-150-generic #167~18.04.1-Ubuntu SMP Wed May 24 00:51:42 UTC 2023 x86_64
/
var
/
www
/
html
/
bkd
/
admin
/
/var/www/html/bkd/admin/coba.php
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery AJAX form submit using twitter bootstrap modal</title> <script src="../1314/jquery.min.js"></script> <link href="../1314/bootstrap-combined.min.css" rel="stylesheet"> <script src="../1314/bootstrap.min.js"></script> </head> <body> <h4>Demo Page</h4> <!-- twitter content --> <div id="form-content" class="modal hide fade in" style="display: none; "> <div class="modal-header"> <a class="close" data-dismiss="modal">×</a> <h3>Contact us</h3> </div> <div> <form class="contact"> <fieldset> <div class="modal-body"> <ul class="nav nav-list"> <li class="nav-header">Name</li> <li><input class="input-xlarge" value=" krizna" type="text" name="name"></li> <li class="nav-header">Email</li> <li><input class="input-xlarge" value=" user@krizna.com" type="text" name="Email"></li> <li class="nav-header">Message</li> <li><textarea class="input-xlarge" name="sug" rows="3"> Thanks for the article and demo </textarea></li> </ul> <textarea class="input-xlarge" name="sug1" rows="3"> Thanks for the article and demo </textarea> <textarea class="input-xlarge" name="sug2" rows="3"> Thanks for the article and demo </textarea> <textarea class="input-xlarge" name="sug3" rows="3"> Thanks for the article and demo </textarea> <textarea class="input-xlarge" name="sug4" rows="3"> Thanks for the article and demo </textarea><br> <select STYLE="width: 370px"> <option>Universitas Negeri Semarang, Semarang</option> <option>Halloooo</option> </select> </div> </fieldset> </form> </div> <div class="modal-footer"> <button class="btn btn-success" id="submit">submit</button> <a href="#" class="btn" data-dismiss="modal">Close</a> </div> </div> <div id="thanks"><p><a data-toggle="modal" href="#form-content" class="btn btn-primary">Contact us</a></p></div> <script> $(function() { //twitter bootstrap script $("button#submit").click(function(){ $.ajax({ type: "POST", url: "process.php", data: $('form.contact').serialize(), success: function(msg){ $("#thanks").html(msg) $("#form-content").modal('hide'); }, error: function(){ alert("failure"); } }); }); }); </script> </body> </html>