Tengo un menú de opciones con íconos y cada uno de ellos lleva a presentar un texto en especial; al cargar la página inicial, se ejecuta la misma función que mando ejecutar con onclick y lo hace justo como espero que suceda (sin presentar una nueva página y con el estilo CSS); pero al tomar alguna de las opciones me da el texto en una nueva página (sin abrir pestaña ni ventana nuevas) y no respeta los estilos CSS que utilizo.
Tomé las partes importantes del código y aquí lo dejo, ojalá alguien me pueda ayudar. (Espero haberme explicado bien).
Código HTML:
Ver original<script src="include/inc_textos.js" type="text/javascript"></script>
function cambia_datos(cual) {
switch(cual){
case 1:
document.write("
<div id='caja_inicio'>");
document.write(texto_inicio());
document.write("
</div>");
break;
case 2:
document.write("
<div id='caja_servicios'>");
document.write(texto_servicios());
document.write("
</div>");
break;
.
.
}
}
<img id="iconos" src="images/iconos/inicio.png" onclick="cambia_datos(1)"/> <img id="iconos" src="images/iconos/servs.png" onclick="cambia_datos(2)"/> .
.
.
<script type="text/javascript"> cambia_datos(1);
// FUNCIONES DENTRO DEL ARCHIVO INC_TEXTOS.JS
function texto_inicio(){
var texto = "
<p id='titulo'> BIENVENIDOS
</p> ";
texto += "
<p id='texto'> Somos una empresa . . . ";
texto += "personal y turístico. ";
return(texto);
}
function texto_servicios(){
var texto = "
<p id='titulo'> Nuestros Servicios
</p>";
texto += "
<p id='texto'> Cuando necesitas . . . ";
texto += "en una empresa.
</br>";
return(texto);
}