API tools faq
paste
BlueBoyz

Help.. Jquery Form Submit

BlueBoyz
Feb 12th, 2012
108
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.44 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  5. <meta name="author" content="Jasman" />
  6. <title>Ihsana's CMS! Administration</title>
  7. <meta name="robots" content="noindex,nofollow" />
  8. <script src="jquery.min.js"></script>
  9. <script type="text/javascript">
  10. //Function Kirim Reguest
  11. function http_reg(form_id){
  12.     var post_data = $(form_id).serialize();  
  13.     var form_action = $(form_id).attr("action");  
  14.     var form_method = $(form_id).attr("method");  
  15.         $.ajax({  
  16.         type :form_method,  
  17.         url :form_action,  
  18.         data :post_data,  
  19.         success : function() {  
  20.             //alert("Data berhasil dimasukkan.");
  21.             //alert(post_data);  
  22.         },  
  23.         error : function() {  
  24.             //alert("Data gagal dimasukkan.");  
  25.         }  
  26.     });  
  27.     return false;
  28. };
  29. $("#SelectList").ready(function(){    
  30.     $("#pagetype").change(function(){
  31.         http_reg("#SelectList");
  32.     });
  33.     $("#user_id").change(function(){
  34.         http_reg("#SelectList");
  35.     });
  36.     $("#category").change(function(){
  37.         http_reg("#SelectList");
  38.     });
  39.     $("#comment-status").change(function(){
  40.         http_reg("#SelectList");
  41.     });
  42.     $("#pagesave").change(function(){
  43.         http_reg("#SelectList");
  44.     })
  45. });  
  46. </script>
  47. <style type="text/css">
  48. <!--
  49.     #box{
  50.        width: 90%;
  51.        height: auto;
  52.        margin: auto;
  53.        border: 1px solid #555;
  54.        padding: 15px;
  55.        -webkit-border-radius: 8px;
  56.        -moz-border-radius: 8px;
  57.        border-radius: 8px;
  58.        -webkit-box-shadow: #666 3px 3px 3px;
  59.        -moz-box-shadow: #666 3px 3px 3px;
  60.        box-shadow: #666 3px 3px 3px;
  61.        background: #fff;
  62.        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#aaa));
  63.        background: -webkit-linear-gradient(#fff, #aaa);
  64.        background: -moz-linear-gradient(#fff, #aaa);
  65.        background: -ms-linear-gradient(#fff, #aaa);
  66.        background: -o-linear-gradient(#fff, #aaa);
  67.        background: linear-gradient(#fff, #aaa);
  68.    }
  69.    form{
  70.        background: #fff;
  71.        padding: 15px;
  72.        margin: 15px;
  73.    }
  74. -->
  75. </style>
  76. </head>
  77. <body>
  78. <div id="box">
  79. <pre>Respone Server:
  80. <?php
  81. print_r($_POST);
  82. ?>
  83. </pre>
  84. <form id="SelectList" method="post" action="index.php" >
  85. <table class="list" border="0" style="border-collapse: collapse">
  86.     <tr>
  87.         <td style="vertical-align: top; text-align: center;">
  88.             <select name="pagetype" id="pagetype" size="1" >
  89.                 <option value="0">Semua</option>
  90.                 <option value="dinamic">Dinamic</option>
  91.                 <option value="static">Static</option>
  92.                 <option value="event">Event</option>
  93.                 <option value="announcement">Announcement</option>
  94.             </select>
  95.         </td>
  96.         <td style="vertical-align: top; text-align: center;">
  97.             <select name="user_id" id="user_id">
  98.                 <option value="0">Semua</option>
  99.                 <option value="1">Webmaster</option>
  100.                 <option value="2">Jasman</option>
  101.             </select>
  102.         </td>
  103.         <td style="vertical-align: top; text-align: center;">
  104.             <select name="category" id="category" size="1">
  105.                 <option value="0">Semua</option>
  106.                 <option value="1">Agama</option>
  107.                 <option value="2">Pendidikan</option>
  108.                 <option value="3">Hukum</option>
  109.                 <option value="4">Sastra</option>
  110.                 <option value="5">Budaya</option>
  111.                 <option value="6">Teknologi</option>
  112.                 <option value="7">Hiburan</option>
  113.                 <option value="8">Kuliner</option>
  114.                 <option value="9">Olahraga</option>
  115.                 <option value="10">Lifestyle</option>
  116.             </select>
  117.         </td>
  118.         <td style="vertical-align: top; text-align: center;">
  119.             <select name="comment-status" id="comment-status" size="1">
  120.                 <option value="0">Semua</option>
  121.                 <option value="open">Open</option>
  122.                 <option value="closed">Closed</option>
  123.                 <option value="registered">Registered</option>
  124.             </select>
  125.         </td>
  126.         <td style="vertical-align: top; text-align: center;">
  127.             <select name="pagesave" id="pagesave" size="1">
  128.                 <option value="0">Semua</option>
  129.                 <option value="public">Public</option>
  130.                 <option value="save">Save</option>
  131.                 <option value="private">Private</option>
  132.             </select>
  133.         </td>
  134.     </tr>
  135. </table>
  136. <input type="submit" />
  137. </form>
  138. </div>
  139. </body>
  140. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!