<div class="navigation-bar" style="margin:1em 30%;">
<form action="" method="POST" style="display:inline;">
<input type="submit" value="Hello World" name="about" class="btn">
</form>
<form action="" method="POST" style="display:inline;">
<input type="submit" value="How Are You" name="how" class="btn">
</form>
<form action="" method="POST" style="display:inline;">
<button type="submit" value="How Are You" name="home" class="btn"> Home </button>
</form>
</div>
<br>
<?php
if (isset($_POST["about"]))
{
echo "Hello World";
};
if (isset($_POST["how"]))
{
echo "hello world How are you today";
};
if (isset($_POST["home"])) {
include "ifelse.php";
}
?>
Showing posts with label navbar. Show all posts
Showing posts with label navbar. Show all posts
Sunday, 23 September 2018
PHP navbar using if condition & form to view content
Thursday, 12 July 2018
Navbar hide or fade when scroll
<style>
#navbar-scroll {
transition: top 0.5s; /* Transition effect when sliding down (and up) */
}
</style>
<body>
<script>
var prevScrollpos = window.pageYOffset;
window.onscroll = function() {
var currentScrollPos = window.pageYOffset;
if (prevScrollpos > currentScrollPos) {
document.getElementById("navbar-scroll").style.top = "0";
} else {
document.getElementById("navbar-scroll").style.top = "-50px";
}
prevScrollpos = currentScrollPos;
}
</script>
</body>
Subscribe to:
Posts (Atom)