Foros del Web » Programando para Internet » Javascript »

iFrames dinamicos - No funciona en div's

Estas en el tema de iFrames dinamicos - No funciona en div's en el foro de Javascript en Foros del Web. Me tomo varias horas perfeccionar un JS para hacer iframes dinamicos, todo esto por aprender al vuelo, lo estuve probando [URL="http://www.w3schools.com/TAGS/tryit.asp?filename=tryhtml_iframe"]en esta pagina[/URL] cuando finalmente ...
  #1 (permalink)  
Antiguo 03/08/2010, 05:00
 
Fecha de Ingreso: agosto-2010
Mensajes: 4
Antigüedad: 13 años, 8 meses
Puntos: 0
iFrames dinamicos - No funciona en div's

Me tomo varias horas perfeccionar un JS para hacer iframes dinamicos, todo esto por aprender al vuelo, lo estuve probando [URL="http://www.w3schools.com/TAGS/tryit.asp?filename=tryhtml_iframe"]en esta pagina[/URL] cuando finalmente me dio resultado fue a colocarlo en mi web, pero por desgracia no funciona dentro de un <div>.

Espero por favor me orienten esta situación.



Código Javascript:
Ver original
  1. <script language="JavaScript" type="text/javascript">
  2. <!--
  3. function crearFrame(val, anc, alt) {
  4.     var testFrame = document.createElement("IFRAME");
  5.     testFrame.id = "contenidos";
  6.     testFrame.src = val;
  7.     testFrame.width = anc;
  8.     testFrame.height = alt;
  9.     testFrame.frameborder = "0";
  10.     testFrame.scrolling = "no";
  11.     var control = document.getElementById(testFrame.id)
  12.     document.body.removeChild(control);
  13.     document.body.appendChild(testFrame);
  14. }
  15. //-->
  16. </script>
  17. <form>
  18. <input type="button" value="Silencio" onclick="crearFrame('nada.html', '1', '1')"/>
  19. <input type="button" value="Grupo Acir" onclick="crearFrame('http://www.grupoacir.com.mx/multimedia/audio/radio/flash/mixquer.php', '500', '400')"/>
  20. <input type="button" value="Radio BUAP" onclick="crearFrame('http://www.enciendetv.buap.mx/paginas/2510.asp?canal=1', '550', '400')"/>
  21. </form>
  22. </p>
  23. <br />
  24. <iframe  id="contenidos"
  25.    frameborder="0"
  26.    width="500"
  27.    scrolling="no"
  28.    height="400"
  29.    src="http://www.grupoacir.com.mx/multimedia/audio/radio/flash/mixquer.php">
  30. </iframe>

No digo que estoy desesperado porque la verdad que me muero de sueño, gracias.

Última edición por _angelverde; 03/08/2010 a las 05:06
  #2 (permalink)  
Antiguo 03/08/2010, 15:21
 
Fecha de Ingreso: agosto-2010
Mensajes: 4
Antigüedad: 13 años, 8 meses
Puntos: 0
De acuerdo Respuesta: iFrames dinamicos - No funciona en div's

Despues de dormir y con la mente mas clara lo resolvi así:

Código Javascript:
Ver original
  1. script language="JavaScript" type="text/javascript">
  2. <!--
  3. function abrir(url, anch, alt) {
  4.  
  5.       document.getElementById ("miDiv").innerHTML = "<iframe frameborder=0 scrolling=no width=" + anch + " height=" + alt + " src=" + url + "></iframe>";
  6.       }
  7. //-->
  8. </script>
  9. <form>
  10. <input type="button" value="Hola" onclick="abrir('unapagina', '500', '500')"/>
  11. <input type="button" value="Grupo Acir" onclick="abrir('http://www.grupoacir.com.mx/multimedia/audio/radio/flash/mixquer.php', '500', '400')"/>
  12. <input type="button" value="Radio BUAP" onclick="abrir('http://www.enciendetv.buap.mx/paginas/2510.asp?canal=1', '550', '400')"/>
  13. </form>
  14. </p>
  15. <br />
  16.  
  17. <div id="miDiv"><iframe
  18.    frameborder="0"
  19.    width="500"
  20.    scrolling="no"
  21.    height="400"
  22.    src="http://www.grupoacir.com.mx/multimedia/audio/radio/flash/mixquer.php">
  23. </iframe></div>

sencillo

Etiquetas: dinamico, 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 04:09.