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
