Facebook
From cypuś, 1 Month ago, written in HTML5.
Embed
Download Paste or View Raw
Hits: 126
  1. <!DOCTYPE html>
  2. &lt;html&gt;
  3. &lt;head&gt;
  4.  &lt;meta charset="UTF-8" /&gt;
  5.  &lt;title&gt;Panel administratora&lt;/title&gt;
  6.  &lt;link rel="stylesheet" href="styl4.css" /&gt;
  7. &lt;/head&gt;
  8. &lt;body&gt;
  9.  <div id="baner">
  10.   <h3>Portal Społecznościowy - panel administratora</h3>
  11.  </div>
  12.  <div id="lewy">
  13.   <h4>Użytkownicy</h4>
  14.   &lt;?php
  15.   $con = mysqli_connect('localhost', 'root', '', 'dane4');
  16.   $kw1 = "SELECT id, imie, nazwisko, rok_urodzenia, zdjecie FROM osoby LIMIT 30;";
  17.   $res1 = mysqli_query($con, $kw1);
  18.   while($tab = mysqli_fetch_row($res1)) {
  19.    $wiek = DATE("Y") - $tab[3];
  20.    echo "$tab[0]. $tab[1] $tab[2], $wiek<br/>";
  21.   }
  22.   ?&gt;
  23.   <a href="settings.html">Inne ustawienia</a>
  24.  </div>
  25.  <div id="prawy">
  26.   <h4>Podaj id użytkownika</h4>
  27.   &lt;form acti method="post"&gt;
  28.    &lt;input type="number" name="nr" /&gt;
  29.    <button>ZOBACZ</button>
  30.   &lt;/form&gt;
  31.   <hr/>
  32.   &lt;?php
  33.   if(!empty($_POST['nr'])) {
  34.    $nr = $_POST['nr'];
  35.    $kw2 = "SELECT osoby.imie, osoby.nazwisko, osoby.rok_urodzenia, osoby.opis, osoby.zdjecie, hobby.nazwa FROM osoby INNER JOIN hobby ON osoby.Hobby_id = hobby.id WHERE osoby.id = $nr;";
  36.    $res2 = mysqli_query($con, $kw2);
  37.    while($tab = mysqli_fetch_row($res2)) {
  38.     echo "<h2>$nr. $tab[0] $tab[1]</h2>
  39.     <img src='$tab[4]' alt='$nr' />
  40.     <p>Rok urodzenia: $tab[2]</p>
  41.     <p>Opis: $tab[3]</p>
  42.     <p>Hobby: $tab[5]</p>";
  43.    }
  44.   }
  45.   mysqli_close($con);
  46.   ?&gt;
  47.  </div>
  48.  <div id="stopka">
  49.   Stronę wykonał: Wilk Bartłomiej oraz Franciszek Rubin
  50.  </div>
  51. &lt;/body&gt;
  52. &lt;/html&gt;
  53.  
  54.  
  55.  
  56.  
  57.  
  58. css
  59.  
  60.  
  61.  
  62. body {
  63.  margin: 0;
  64.  font-family: Helvetica;
  65. }
  66. #baner,
  67. #stopka {
  68.  background: #AF4448;
  69.  color: white;
  70.  text-align: center;
  71.  height: 20px;
  72.  clear: both;
  73. }
  74. #lewy,
  75. #prawy {
  76.  background: #FFA4A2;
  77.  height: 650px;
  78.  width: 50%;
  79.  float: left;
  80. }
  81. h4 {
  82.  margin: 0;
  83. }
  84. button {
  85.  background: #AF4448;
  86.  color: white;
  87.  padding: 5px;
  88.  margin: 10px;
  89. }
  90. h3 {
  91.  margin: 0;
  92. }