Advertisement
cdsatrian

input nama nilai sorting

Sep 8th, 2016
180
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 3.24 KB | None | 0 0
  1. <html>
  2. <head>
  3.   <style>
  4.   *{
  5.     margin: 0px;
  6.     padding: 0px;
  7.     font-family: sans-serif;
  8.   }
  9.   body{
  10.     background-color:  white;
  11.   }
  12.   table, th, td{
  13.     border: 1px solid black;
  14.   }
  15.   table {
  16.     border-collapse: collapse;
  17.     width: 20%;
  18.     margin: 20px 10%;
  19. }
  20. th{
  21.   background-color: #0078c7;
  22.   color: white;
  23. }
  24. tr:hover{
  25.   transition: background-color 0.5s;
  26.     background-color: #99ff99;
  27. }
  28. #container{
  29.   width: 40%;
  30.   height: auto;
  31.   border: 1px solid #b9cccd;
  32.   margin: 10px 0 20px 5%;
  33.   background: white;
  34.   float: left;
  35. }
  36. #container2{
  37.   width: 30%;
  38.   height: auto;
  39.   margin: 10px 0 20px 5%;
  40.   background: white;
  41.   float: left;
  42. }
  43. #th{
  44.   border-right: 1px solid white;
  45. }
  46. th, td {
  47.     padding: 10px;
  48.     border: 1px solid #0078c7;
  49. }
  50. .simpan{
  51.   border: 1px solid #00e500;
  52.   background-color: #19ff19;
  53.   color: white;
  54.   border-radius: 2px;
  55.   margin: 20px 0 20px 30%;
  56.   padding: 10px 30px;
  57.   transition: border-radius 0.5s, background-color 0.5s, color 0.5s;
  58. }
  59. .simpan:hover{
  60.   background-color: #009900;
  61.   color: white;
  62.   border-radius: 10px;
  63. }
  64. input[type=radio]:checked{
  65.   border: 1px solid red;
  66. }
  67.   </style>
  68. </head>
  69. <body>
  70.   <form method="post">
  71.     <div id="container">
  72.     <table>
  73.       <tr>
  74.         <th id="th">No</th>
  75.         <th id="th">NAMA</th>
  76.         <th>NILAI</th>
  77.       </tr>
  78.       <?php
  79.       for($i=1;$i<=10;$i++){
  80.         echo "
  81.      <tr>
  82.        <td id='no{$i}'>{$i}</td>
  83.        <td><input type='text' name='nama[]'></td>
  84.        <td><input type='text' name='nilai[]'></td>
  85.      </tr>";
  86.         }
  87.       ?>
  88.     </table>
  89.     <div style="margin-left:10%;">
  90.       Pengurutan : <input type="radio" name="data" value="Nama">Nama
  91.                   <input style="margin-left:12.5%;" type="radio" name="data" value="Nilai">Nilai<br>
  92.                   <input style="margin-left:19%;" type="radio" name="sort" value="ascending">Ascending
  93.                   <input style="margin-left:7%;" type="radio" name="sort" value="descending">Descending<br>
  94.                   <input type="submit" class="simpan" name="simpan" value="Simpan">
  95.     </div>
  96.   </div>
  97.   </form>
  98.   <?php
  99.     if(isset($_POST['simpan'])){
  100.       $nama=$_POST['nama'];
  101.       $nilai=$_POST['nilai'];
  102.       $gabungan= array_combine($nama,$nilai);
  103.       $sort= $_POST['sort'];
  104.       $data= $_POST['data'];
  105.       if($sort=="ascending"){
  106.         if($data=="Nama"){
  107.           ksort($gabungan);
  108.         }
  109.         else if($data=="Nilai"){
  110.           asort($gabungan);
  111.         }
  112.       }
  113.       if($sort=="descending"){
  114.         if($data=="Nama"){
  115.           krsort($gabungan);
  116.         }
  117.         else if($data=="Nilai"){
  118.           arsort($gabungan);
  119.         }
  120.       }
  121.       echo "<div id='container2'>
  122.      <table>
  123.        <tr>
  124.          <th>No</th>
  125.          <th id='th'>NAMA</th>
  126.          <th>NILAI</th>
  127.        </tr>";
  128.         $no=0;
  129.         foreach($gabungan as $Nama => $Nilai){
  130.             if(!empty($Nama)){
  131.           echo"
  132.          <tr>
  133.            <td style='padding: 10px;'>".(++$no)."</td>
  134.            <td style='padding: 10px auto;'>$Nama</td>
  135.            <td style='padding: 10px auto;'>$Nilai</td>
  136.          </tr>";
  137.         }
  138.         }
  139.         echo "</table>
  140.        </div>";
  141.     }
  142.   ?>
  143. </body>
  144. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement