1

Zaista fiksni izbornik

written by js | 2022-01-15

HTML straničnostupični (sidebar) izbornik

Pravi istinski fiksni izbornik koji ne nestaje kad klikneš na nj postavši time nefiksni dakle zakurac.

<!DOCTYPE html>
<html lang="hr">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- Ako želiš nabrijati kôd makni ovaj REM ----------------------------------------------------------------------------------------------------------------------------- 
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@latest/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@latest/css/fontawesome.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootswatch@latest/dist/darkly/bootstrap.min.css">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@latest/dist/js/bootstrap.min.js"></script>
  ----------------------------------------------------------------------------------------------------------------------------- -->
  <script src="https://code.jquery.com/jquery-latest.min.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $('a.veza').click(function() {
        var url = $(this).attr('href');
        $('#sadrzaj').load(url);
        return false;
      });
    });
  </script>
</head>
<body>
<div style="float:left">
<h1>Izbornik</h1>
  <a href="jedan.html" class="veza">Jedan</a></br>
  <a href="dva.html" class="veza">Dva</a></br>
  <a href="tri.html" class="veza">Tri</a></br>
</div>
<div id="sadrzaj">
  Sadržaj
</div>
</body>
</html>

Naravno, moraš imati i fajlove jedan.html, dva.html i tri.html. Nisam siguran da će ovo učitati druge web sajtove (“https://neštonešto.tld”).

really fixed sidebar menu fixed menu xsidebar xreally xfixed xmenu static nonmovable nondisappearing nenestajući js html xizbornik postranični posranični