/Html/Navigation bar on more than one page

Navigation bar on more than one page

<!-- add in head: --> <script src="https://code.jquery.com/jquery-1.10.2.js"></script>

<!--Navigation bar-->
<div id="nav-placeholder">

</div>

<script>
$(function(){
  $("#nav-placeholder").load("nav.html");
});
</script>
<!--end of Navigation bar-->

Source: stackoverflow.com

Navbar multiple pages

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$.get("navigation.html", function(data){
    $("#nav-placeholder").replaceWith(data);
});
</script>

Source: stackoverflow.com

Navbar multiple pages

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="./bootstrap-3.3.2-dist/css/bootstrap.min.css">
</head>
<body>
    <div class="container">
        <@wpbModule externalKey="9255b083-95a3-4752-a4fd-5bad5ad57fc0" />
        <h2> Home page </h2>
        Dummy home page...        
    </div>
</body>
</html>

Source: webpagebytes.com

Similar codes

0 vote252 views1 answer
Wordpress icon font awesome
Html
4 votes233 views2 answers
How to get value of textbox in javascript from html
Html
1 vote269 views1 answer
Select all text in textarea javascript
Html
9 votes224 views3 answers
Send html file express
Html
0 vote254 views2 answers
How do you make a link to the top of a page
Html
53 votes253 views5 answers
Bootstrap display none
Html
16 votes210 views3 answers
Translation anglais franÃ§ais
Html
4 votes239 views2 answers
ERROR Error: If ngModel is used within a form tag, either the name attribute must be set or the form control must be defined as 'standalone' in ngModelOptions.
Html
0 vote231 views1 answer
JSPL loop through map keys
Html
-1 vote249 views3 answers
Vue if
Html