Foros del Web » Programando para Internet » Javascript »

función para cargar contenido en iframe

Estas en el tema de función para cargar contenido en iframe en el foro de Javascript en Foros del Web. Buen dia a todos llego a este lugar porque tengo un problema con un diseño web que estoy realizando, sucede lo siguiente yo estoy intentando ...
  #1 (permalink)  
Antiguo 21/04/2012, 06:31
 
Fecha de Ingreso: abril-2010
Ubicación: Colombia - Barranquilla
Mensajes: 66
Antigüedad: 14 años
Puntos: 0
función para cargar contenido en iframe

Buen dia a todos llego a este lugar porque tengo un problema con un diseño web que estoy realizando, sucede lo siguiente yo estoy intentando cargar x paginas en un iframe pero no logro hacerlo funcionar, tengo el siguiente diseño:

Código HTML:
<div id="menu">
      Aqui cargo un menu desplegable
</div>
<div id="cargar_contenido">

   <iframe ="contenido_aqui"> 
      aqui cargo las paginas que llamo desde el menu desplegable
  </iframe

</div>
<div id="footer">

</div> 
Tengo algo mas o menos asi para no escribir todo el html, en la etiqueta <iframe src="home.html"> cargo una pagina cuando se llama el index desde un navegador y en el menu desplegable intento llamar las paginas utilizando una funcion javascript así:
Código:
<script>
    function cargaiframe(id)
   {
     document.frames.contenido_aqui.location=id  
   }
</script>
pero no me funciona, agradecería si me pueden orientar sobre el tema muchas gracias.
  #2 (permalink)  
Antiguo 21/04/2012, 08:16
Avatar de gjx2  
Fecha de Ingreso: agosto-2008
Ubicación: R.D
Mensajes: 1.153
Antigüedad: 15 años, 8 meses
Puntos: 139
Respuesta: función para cargar contenido en iframe

Puedes tratar el iframe por su nombre id fíjate en este ejemplo que hice para usted ejemplo

Saludos.
  #3 (permalink)  
Antiguo 21/04/2012, 08:18
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: función para cargar contenido en iframe

Ni siquiera necesitas javascript para eso

Aqui, de las dos formas

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>titulo</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.  
  7. <script type="text/javascript">
  8. //<![CDATA[
  9. /* script */
  10. function cIframe(pagina){
  11. document.getElementById('uno').src = pagina;
  12. }
  13. //]]>
  14. </head>
  15.     <div>
  16. <button onclick="cIframe('http://forosdelweb.com');">menú</button> -
  17. <a href="http://emprear.com" target="uno">Link</a><br /><br />
  18. <iframe src="about:blank" width="400" height="400" name="uno" id="uno"></iframe>
  19. </div>
  20. </body>
  21. </html>

y te recomiendo que cuando postees pongas el código tal cual lo usas y no uses simpificaciones, porque de la lectura no se sabe entonces si lo que no está está o está omitido

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #4 (permalink)  
Antiguo 21/04/2012, 14:54
 
Fecha de Ingreso: abril-2010
Ubicación: Colombia - Barranquilla
Mensajes: 66
Antigüedad: 14 años
Puntos: 0
Respuesta: función para cargar contenido en iframe

Muchas gracias a los dos por responder, voy a probar las dos soluciones a ver cual me funciona.

gracias
  #5 (permalink)  
Antiguo 23/04/2012, 09:52
 
Fecha de Ingreso: abril-2010
Ubicación: Colombia - Barranquilla
Mensajes: 66
Antigüedad: 14 años
Puntos: 0
Respuesta: función para cargar contenido en iframe

Hola he probado las soluciones que me dieron y funcionaron la primera solución me trabaja sin problema alguno muchas gracias.

Etiquetas: contenido, funcion, html, iframe
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 14:34.