API tools faq
paste
Guest User

home

a guest
Mar 10th, 2019
234
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.16 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <?php
  4. //Step1
  5.  
  6. $file_name = base64_decode($_GET['id']);
  7. $SurahID = explode("|",$file_name)[0];
  8. $SurahName = explode("|",$file_name)[1];
  9. $SurahType = explode("|",$file_name)[2];
  10. $SurahNumberAyat = explode("|",$file_name)[3];
  11.  
  12. $db = mysqli_connect('localhost','root','07806845731','alsobhalmustanir_quran')
  13. or die('Error connecting to MySQL server.');
  14. ?>
  15.  
  16. <!DOCTYPE html>
  17. <html lang="en">
  18. <head>
  19.     <meta charset="utf-8">
  20.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  21.     <meta name="viewport" content="width=device-width, initial-scale=1">
  22.     <?php
  23.     echo "<title>برنامج القرآن الكريم - {$SurahName}</title>"
  24.     ?>
  25.     <link rel="stylesheet" href="css/audioplayer1.css" />
  26.     <link rel="stylesheet" href="css/float.css" />
  27.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  28.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  29.     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  30.     <style type="text/css">
  31.  
  32.     #default {
  33.         border-radius: 3px;
  34.         background: #777777;
  35.         color: white;
  36.         margin: auto;
  37.         width: 20%;
  38.         padding: 5px;
  39.         text-align: center;
  40.  
  41.     }
  42.  
  43.     body {
  44.         color: #566787;
  45.         background: #f5f5f5;
  46.         font-family: 'Droid Sans', sans-serif;
  47.         text-align: right;
  48.     }
  49.     .table-wrapper {
  50.         width: 850px;
  51.         background: #fff;
  52.         padding: 20px 30px 5px;
  53.         margin: 30px auto;
  54.         box-shadow: 0 0 1px 0 rgba(0,0,0,.25);
  55.         font-size: 30px;
  56.  
  57.  
  58.     }
  59.     .table-title .btn-group {
  60.         float: right;
  61.  
  62.     }
  63.     .table-title .btn {
  64.         min-width: 50px;
  65.         border-radius: 2px;
  66.         border: none;
  67.         padding: 6px 12px;
  68.         font-size: 95%;
  69.         outline: none !important;
  70.         height: 30px;
  71.  
  72.     }
  73.     .table-title {
  74.         border-bottom: 1px solid #e9e9e9;
  75.         padding-bottom: 15px;
  76.         margin-bottom: 5px;
  77.         background: rgb(0, 50, 74);
  78.         margin: -20px -31px 10px;
  79.         padding: 15px 30px;
  80.         color: #fff;
  81.  
  82.     }
  83.     .table-title h2 {
  84.         margin: 2px 0 0;
  85.         font-size: 24px;
  86.  
  87.     }
  88.     table.table tr th, table.table tr td {
  89.         border-color: #e9e9e9;
  90.         padding: 12px 15px;
  91.         vertical-align: middle;
  92.         text-align: right;
  93.     }
  94.     table.table tr th:first-child {
  95.         width: 0px;
  96.  
  97.  
  98.     }
  99.  
  100.  
  101.     table.table-striped tbody tr:nth-of-type(odd) {
  102.         background-color: #fcfcfc;
  103.     }
  104.     table.table-striped.table-hover tbody tr:hover {
  105.         background: #f5f5f5;
  106.     }
  107.     table.table td a {
  108.         color: #2196f3;
  109.     }
  110.     table.table td .btn.manage {
  111.         padding: 2px 10px;
  112.         background: #37BC9B;
  113.         color: #fff;
  114.         border-radius: 2px;
  115.     }
  116.     table.table td .btn.manage:hover {
  117.         background: #2e9c81;       
  118.     }
  119.  
  120.     @font-face {
  121.         font-family: Droid;
  122.         src:url('Fonts/droid.ttf');
  123.     }
  124.  
  125.     @font-face {
  126.         font-family: Uthmanic;
  127.         src:url('Fonts/uthmanic.otf');
  128.     }
  129.  
  130. }
  131.  
  132. </style>
  133.  
  134. </head>
  135. <body>
  136.  
  137.     <?php
  138.  
  139.     $hostname = "localhost";
  140.     $username = "root";
  141.     $password = "07806845731";
  142.     $db = "alsobhalmustanir_quran";
  143.  
  144.     $dbconnect=mysqli_connect($hostname,$username,$password,$db);
  145.  
  146.     if ($dbconnect->connect_error) {
  147.         die("Database connection failed: " . $dbconnect->connect_error);
  148.     }
  149.  
  150.     ?>
  151.  
  152.  
  153.     <div class="table-wrapper">
  154.         <div class="table-title">
  155.  
  156.  
  157.             <div class="row-12">
  158.                 <?php
  159.  
  160.                 echo "<p style = 'font-family: Droid;font-size:32px;'>{$SurahName}</p>
  161.                 <p style = 'font-family: Droid;font-size:16px; align: right;'>{$SurahType} / عدد آياتها {$SurahNumberAyat}</p>";
  162.  
  163.  
  164.                 ?>             
  165.             </div>
  166.  
  167.  
  168.         </div>
  169.         <table class="table table-striped table-hover">
  170.  
  171.             <tbody>
  172.  
  173.                 <?php
  174.  
  175.                 $audio_name;
  176.  
  177.                 $query = mysqli_query($dbconnect, "SELECT * FROM ayah_info where ConnectIdSurah = {$SurahID}")
  178.                 or die (mysqli_error($dbconnect));
  179.  
  180.                 echo
  181.                 "<tr>
  182.                 <img style='display: block; margin-left: auto; margin-right: auto;' src='Images/Header.png'>
  183.  
  184.  
  185.                 <span class='float'>
  186.                 <audio preload='auto' controls><source src='{$audio_name}.mp3'></audio>
  187.                 </span>
  188.  
  189.                 </tr>\n";
  190.  
  191.  
  192.  
  193.                 while ($row = mysqli_fetch_array($query)) {
  194.                     echo
  195.                     "<tr>
  196.  
  197.  
  198.                     <td><span class='label label-info'>{$row['NumberAyah']}</span></td>
  199.  
  200.  
  201.  
  202.                     <td><div class='dropdown'>
  203.                     <a style = 'font-family: Uthmanic; text-decoration:none; color: #566787;' href='#'  data-toggle='dropdown'>{$row['Ayah']}
  204.                     <span class='caret'></span></a>
  205.                     <ul class='dropdown-menu'>
  206.                     <li><a style = 'font-family: Droid;font-size:16px; text-align: right' href='#' onClick='gotoNode(\'' + result.name + '\')'>إستماع للآية</a></li>
  207.                     <li><a style = 'font-family: Droid;font-size:16px; text-align: right' href='#' onclick=Alert7.alert('{$row['Tafseer']}')>تفسير</a></li>
  208.                     <li><a style = 'font-family: Droid;font-size:16px; text-align: right' href='#' onclick=Alert7.alert('{$row['Aarab']}')>إعراب</a></li>
  209.                     </ul>
  210.                     </div></td>
  211.  
  212.                     </tr>\n";
  213.  
  214.                 }
  215.  
  216.  
  217.                 ?>
  218.             </tbody>
  219.  
  220.         </table>
  221.  
  222.         <?php
  223.         echo
  224.         "<tr>
  225.         <br>
  226.         <img style='display: block; margin-left: auto; margin-right: auto;' src='Images/Footer.png'>
  227.  
  228.  
  229.         </tr>\n";
  230.  
  231.         ?>
  232.  
  233.  
  234.     </div>    
  235. </body>
  236.  
  237. <script src="js/alert7.min.js"></script>
  238. <script src="js/audioplayer.js"></script>
  239. <script>
  240.     $(function() {
  241.         $('audio').audioPlayer();
  242.     });
  243.  
  244. </script>
  245.  
  246. </html>
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!