Bootstrap- Ukrywanie i pokazywanie objektów

Wszystko co dotyczy tworzenia i optymalizacji stron internetowych oraz programowania
Awatar użytkownika
Radzio2311

Użytkownik
Posty: 96
Rejestracja: 10 lip 2013, 19:51

Bootstrap- Ukrywanie i pokazywanie objektów

Post17 lis 2016, 15:38

Witam :D Mam taki mały problem. Tworzę layout w panelu admina i nie mam pojęcia w jaki sposób mógłbym zrobić coś takiego,że po wejściu do Panelu Admina pierwsze co widzimy to (przykładowo puste tło jak na zdjc 1) ale klikając w dodaj użytkownika pojawia się nam to co na drugim obrazku czyli dodawanie nowego uzytkownika.Z kolei tam gdzie jest edycja uzytkownika to po kliknieciu chcialbym by sie wyswietlalo tylko to co jest na zdjeciu pod formularzem z dodawaniem. Strona jest robiona z pomocą Bootstrapa.

Drugą znacznie mniej istotną rzecza którą potrzebuje zrobić jest coś takiego,że wchodzac na strone opcje "dodaj uzytkownika oraz edytuj uzytkownikow" jest widoczna dopiero po kliknieciu przycisku nad nimi czyli Panel Użytkowników (czyli prościej mówiąc te dwie opcje mają "wyjechać" z przycisku Panel Użytkowników ale to akurat jest mniej ważne niż to pierwsze o czym pisałem :) Niżej podałem kod i byłbym strasznie wdzięczny jakby ktoś mi pomógł czy podpowiedział w jaki sposób mam rozwiązac te moje dwa problemy :D Dla ciekawych powiem,że jest to mój projekt kończący szkołę :D
Obrazek
Obrazek

Kod: Zaznacz cały

<div class="container">
   <h3 id="tekst">Witaj w panelu administratora<br />
        <small>Możesz tutaj dodawać oraz edytować użytkowników</small>
    </h3>
    <br />
   
    <div id="css" class="row">
        <div class="col-sm-2">
            <nav class="nav-sidebar">
                <ul class="nav">
                    <li class="active"><a href="javascript:;">Panel użytkowników</a></li>
                    <li><a href="#addUser"><br>Dodaj użytkownika</a></span></li>
                    <li><a href="javascript:;"><br>Edytuj użytkowników</a></li>
                    <li class="nav-divider"></li>
                    <li id="logout"><button type="submit" class="btn btn-info">Wyloguj</button></li>
                </ul>
            </nav>
        </div>
       
    </div>   
<div class="containerbar" id="addUser">
     <?php
            //if ($register_error_message != "") {
           //     echo '<div class="alert alert-danger"><strong>Error: </strong> ' . $register_error_message . '</div>';
           // }
            ?>
     <form action="addUser.php" method="POST">
      <div class="form-group">
    <label id="login" for="text">Login</label>
    <input type="text" class="form-control" id="login">
      </div>
  <div class="form-group">
    <label id="nazwa" for="text">Nazwa wyświetlana</label>
    <input type="text" class="form-control" id="name">
  </div>
     <div class="form-group">
    <label id="email" for="email">Adres e-mail</label>
    <input type="email" class="form-control" id="email">
  </div>
  <div class="form-group">
    <label id="haslo" for="pwd">Hasło:</label>
    <input type="password" class="form-control" id="pwd">
  </div>
  <button type="submit" class="btn btn-default" name="adduser">Dodaj</button>
  </form>
  <?php
   $stmt = $pdo->query('SELECT user_id, username, password, email, name FROM users');
      echo <<< TABLE
      <table class="table table-hover table-striped">
      <thead>
      <tr>
      <th>ID</th>
      <th>Login</th>
      <th>Hasło</th>
      <th>E-mail</th>
      <th>Nazwa wyświetlana</th>
      <th>Edytuj</th>
      <th>Usuń</th>
      </tr>
      </thead>
      <tbody>
      
TABLE;
      foreach($stmt as $row)
      {
          echo '<tr><td>'.$row['user_id'].'</td><td> '.$row['username'].'</td><td>********</td><td> '.$row['email'].'</td><td> '.$row['name'].'</td><td><a href="#"><span class="glyphicon glyphicon-pencil"></span></a></td><td><a href="#"><span class="glyphicon glyphicon-trash"></span></a></td></tr>';
         
      }
      $stmt->closeCursor();
      echo '</tbody>';
     echo '</table>';
?>
Obrazek


  • Reklama

Wróć do „Webmastering i programowanie”



Kto jest online

Użytkownicy przeglądający to forum: Obecnie na forum nie ma żadnego zarejestrowanego użytkownika i 1 gość