Foros del Web » Programando para Internet » Javascript »

onclick no ejecuta la función en la misma página

Estas en el tema de onclick no ejecuta la función en la misma página en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 05/10/2013, 06:23
src
 
Fecha de Ingreso: julio-2013
Mensajes: 11
Antigüedad: 9 años, 1 mes
Puntos: 1
onclick no ejecuta la función en la misma página

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
  1. <script src="include/inc_textos.js" type="text/javascript"></script>
  2.  
  3. function cambia_datos(cual) {
  4.     switch(cual){
  5.         case 1:
  6.             document.write("<div id='caja_inicio'>");
  7.             document.write(texto_inicio());
  8.             document.write("</div>");
  9.             break;
  10.         case 2:
  11.             document.write("<div id='caja_servicios'>");
  12.             document.write(texto_servicios());
  13.             document.write("</div>");
  14.             break;
  15.             .
  16.             .
  17.     }
  18. }
  19. </head>
  20.     <img id="iconos" src="images/iconos/inicio.png" onclick="cambia_datos(1)"/>
  21.     <img id="iconos" src="images/iconos/servs.png" onclick="cambia_datos(2)"/>
  22.     .
  23.     .
  24.     .
  25.  
  26.     <script type="text/javascript">
  27.         cambia_datos(1);
  28.     </script>
  29.  
  30. </body>
  31. </html>
  32.  
  33.  
  34. // FUNCIONES DENTRO DEL ARCHIVO INC_TEXTOS.JS
  35.  
  36. function texto_inicio(){
  37. var texto =  "<p id='titulo'> BIENVENIDOS </p> ";
  38.     texto += "<p id='texto'> Somos una empresa . . .  ";
  39.     texto += "personal y turístico. ";
  40.     return(texto);
  41. }
  42.  
  43. function texto_servicios(){
  44. var texto =  "<p id='titulo'> Nuestros Servicios </p>";
  45.     texto += "<p id='texto'> Cuando necesitas . . . ";
  46.     texto += "en una empresa.</br>";
  47.     return(texto);
  48. }
  #2 (permalink)  
Antiguo 05/10/2013, 06:27
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 8 años, 11 meses
Puntos: 578
Respuesta: onclick no ejecuta la función en la misma página

Recuerda que el método write() sobreescribe todo el body!!
Para que no haga este efecto deberías crear un div aparte y acceder a su innerHTML (contenido entre tags), de esta forma permanecerá ahí y podrás modificarlo cuando quieras usando el operador de concatenación: +=

Saludos
  #3 (permalink)  
Antiguo 05/10/2013, 07:05
src
 
Fecha de Ingreso: julio-2013
Mensajes: 11
Antigüedad: 9 años, 1 mes
Puntos: 1
Respuesta: onclick no ejecuta la función en la misma página

Gracias PHPeros por tomarte el tiempo para ayudarme, pero la verdad es que soy nuevo en javascript, ¿Podrías por favor darme un breve ejemplo?
  #4 (permalink)  
Antiguo 05/10/2013, 07:31
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 8 años, 11 meses
Puntos: 578
Respuesta: onclick no ejecuta la función en la misma página

Te paso una demo sencillita para que vayas aprendiendo, porque son varias cosas importantes que debes analizar antes de ponerte manos a la obra.

http://www.w3schools.com/jsref/tryit...yjsref_onclick

Saludos
  #5 (permalink)  
Antiguo 05/10/2013, 11:16
src
 
Fecha de Ingreso: julio-2013
Mensajes: 11
Antigüedad: 9 años, 1 mes
Puntos: 1
Respuesta: onclick no ejecuta la función en la misma página

Gracias PHPero, con eso podré guiarme.

Etiquetas: ejecuta, funcion, html, js, onclick, página
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:22.