Buenos días a todos, el post es para pedir ayuda con un proyecto que estoy elaborando para el instituto, se nos pide hacer un sistema de mesa de ayuda (manejo de tickets de atención) y un cuadro de mando (reportes en cuadros estadísticos, etc.)
Estoy trabajando en el diseño de las páginas (ya que son web), estoy usando el IDE NetBeans, juntamente con CSS, Bootstrap 3 y JQuery, es la primera vez que entro a esto del diseño de páginas web con CSS y Bootstrap nunca me enseñaron y tuve que aprender leyendo, ahora si explico mi problema:
Sucede que he creado un header y un footer por separado, cosa que diseño el contenido (llamémosle index.jsp y sólo referencio a mi header con:
<%@include file="WEB-INF/jspf/headerAdministrator.jspf" %>
para que aparezca en la parte de arriba del contenido) el problema surge ya que tengo un NavBar agregado en el header, con unas 5 opciones, al seleccionar una me redirige a una página y como está yendo a otra vuelve a cargar todo (hasta el header), encontré una función en Javascript que te permite alternar la clase "active" entre las opciones que tienes en la barra de navegación, pero como selecciono uno y carga TODA la página incluyendo el header, la selección (o mejor dicho la función donde agrega la clase active desaparece) dejaré una imagen de referencia.
Lo que quería saber, es cómo hacer para que lo único que tenga que cargar sea el contenido, ya que el header y footer nunca van a variar, gracias.