API tools faq
paste
joris

Index.html

joris
Mar 26th, 2012
143
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 4.60 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">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Online News Application</title>
  6. <link rel="stylesheet" href="css/style_acc.css" type="text/css" />
  7. <link rel="stylesheet" href="css/fb-buttons.css">
  8. <link href="css/style_table.css" rel="stylesheet" type="text/css" />
  9. <link href="css/fb-1.css" rel="stylesheet" type="text/css" />
  10. <link href="css/fb-3.css" rel="stylesheet" type="text/css" />
  11.  
  12.  <!--Mootols-->
  13.          <style>
  14.             @import "Assets/LightFace.css";
  15.             </style>
  16.             <script src="Source/mootools.js"></script>
  17.             <script src="Source/LightFace.js"></script>
  18.             <script src="Source/LightFace.js"></script>
  19.             <script src="Source/LightFace.IFrame.js"></script>
  20.             <script src="Source/LightFace.Image.js"></script>
  21.             <script src="Source/LightFace.Request.js"></script>
  22.             <script src="Source/mootools-more-drag.js"></script>
  23.         <!--Mootols-->
  24.         <script src="js/jquery-1.7.1.min.js"></script>
  25.         <script src="js/jquery.mobile-1.1.0.min.js"></script>
  26.        
  27.        
  28.       <script language="javascript">
  29.  
  30.     function submitMe()
  31.     {
  32.        variableString = 'nama='+$("#nama").val()+'&alamat='+$("#alamat").val()+'&komentar='+$("#komentar").val();
  33.        jQuery.ajax({
  34.               type: "post",
  35.               url: "http://www.berthojoris.com/dev/jqm/insert_komentar.php",
  36.               data: variableString,
  37.               cache: false,
  38.               success: function(response){
  39.                        $('#result').html(response);
  40.               },
  41.               error: function(response){
  42.                        $('#result').html(response);
  43.               }
  44.      });
  45.     }
  46.    
  47.     function resetForm($komentar) {
  48.     $form.find('input:text, input:password, input:file, select').val('');
  49.     $form.find('input:radio, input:checkbox')
  50.          .removeAttr('checked').removeAttr('selected');
  51.     }
  52.    
  53.     function displayAlertMessage(message) {
  54.         var timeOut = 5
  55.         jQuery('#messageBox').text(message).fadeIn()
  56.         jQuery('#messageBox').css("display", "block")
  57.         setTimeout(function() {
  58.            jQuery('#messageBox').fadeOut()
  59.            jQuery('#messageBox').css("display", "none")
  60.            }, timeOut * 1000);
  61.     }
  62.  
  63.  
  64. </script>
  65.  
  66. </head>
  67. <body>
  68.  <div class="uibutton-toolbar" style="background-color:#FFF">
  69.                 <a class="uibutton confirm" rel="external" href="index.html">Home</a>
  70.                 <a class="uibutton confirm" rel="external" href="news_list.html">Online News</a>
  71.                 <a class="uibutton special" rel="external" href="report.html">Report Application</a>
  72.                 <a class="uibutton confirm" rel="external" href="about.html">About Application</a>
  73.                 <a class="uibutton confirm" id="ajax">Login</a>
  74. </div>
  75.            
  76.            
  77.            
  78. <ul class="acc" id="acc">
  79.     <li>
  80.                         <h3>Application Report Form</h3>
  81.                         <div class="acc-section_hitam">
  82.  
  83.                             <div class="acc-content_hitam">
  84.                                 <div class="section">
  85.        <p>Menu ini berfungsi untuk mengirimkan masukan/komentar dari user yg memakai aplikasi ini.</p>
  86.        <p>Silahkan masukan Nama, Alamat, dan Komentar anda pada form dibawah.</p>
  87.         <br />
  88.         <div id="results">
  89.         Laporan
  90.         </div>
  91.         <form name="komentar" method="post">
  92.         <table id="mytable" style="width:425px;">
  93.   <tr>
  94.     <th width="123" scope="col" >Report Form</th>
  95.     <th width="290" scope="col" >Input Here</th>
  96.   </tr>
  97.  
  98.   <tr>
  99.     <td>Nama</td>
  100.     <td><input name="nama" type="text"  class="inputtext" id="nama" maxlength="10" ></td>
  101.   </tr>
  102.  
  103.   <tr>
  104.     <td class="alt">Alamat</td>
  105.     <td class="alt"><input name="alamat" type="text"  class="inputtext" id="alamat" maxlength="20"></td>
  106.   </tr>
  107.  
  108.   <tr>
  109.     <td>Komentar</td>
  110.     <td><input name="komentar" type="text"  class="inputtext" id="komentar" maxlength="40"></td>
  111.   </tr>
  112.  
  113.   <tr>
  114.     <td class="alt"></td>
  115.     <td class="alt">
  116.     <input style="width:70px;" class="uibutton confirm" onClick="submitMe();" value="Kirim">
  117.     <input style="width:70px;" class="uibutton" onClick="resetForm();" value="Reset" >
  118.     </td>
  119.   </tr>
  120.  
  121. </table>
  122. </form>
  123.         </div>
  124.         <br />
  125.        
  126.             <div class="uibutton-toolbar">
  127.               Created By : Bertho Joris
  128.             </div>
  129.         </div>
  130.     </div>
  131.                             </div>
  132.                         </div>
  133.                     </li>
  134. </ul>
  135.  
  136. </body>
  137. </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!