I want the same Fixed Header across all pages - Can I link dynamic HTML or Javascript -



I want the same Fixed Header across all pages - Can I link dynamic HTML or Javascript -

i have website done in html , css js.

ive set page header perfect me - fixed contains divs logo, search bar , phone number. underneath div navbar controlled master javacript file template , navbar fades upon scroll js.

my question how set entire header styling can replicated on 80 pages , have alter once?

i've tried below - external page header1.html has header code (of has total html head, body, etc) when load all, page calls header1.html , disappears.

<script src="//code.jquery.com/jquery-1.10.2.js"></script> in head <div id="header"></div> <script> $("#header").load("header1.html"); </script>

end body

header1.html should not contain total html document. rather, should snippet of html code need header stuff.

javascript html css templates header

Comments

Popular posts from this blog

c - Compilation of a code: unkown type name string -

java - Bypassing "final local variable defined in an enclosing type" -

json - Hibernate and Jackson (java.lang.IllegalStateException: Cannot call sendError() after the response has been committed) -