I want to include navigation bar in html page which should work in all browsers. To include navigation bar i am using following methods.
I am sorry if you didn't understand what i mean. so i am going explain. Please first read this two files
this is home page index.jsp
Now this is next file i am sending to you is navigationbar.jsp (I could make it html file but didn't becuase i was working on tomcat)
css style sheet (component.css)
css style sheet (style.css)
css style sheet (Navibar.css)
These style sheets are also attached in attachement
Now you can see that i have include one file(navigationbar.jsp) in other file (index.jsp) with jsp scripltets ( <%@include file="navigationbar.jsp" %> )
i also used iframe in Html but prooved useless (because submenu will not be visible if we set the iframe size width=1000px and height=40px).
i also used jquery (.load() ) but this was also useless (because it is working only on firefox only)
you will not be able to see the header and footer section becuase i didn't sent those files(header.jsp , about.html, footer.jsp)
AJax is hard to get right without help, so it's recommended to use a library such as jQuery to help.
With jQuery, it's as easy as:
where parent is the id of the DOM element into which the fragment will be inserted, and /path-to-resource is the server-relative URL to the server-side resource that will produce the fragment.