Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Ori-chan en 29 Abril 2014, 22:31 pm


Título: Cambiar iframe con JS
Publicado por: Ori-chan en 29 Abril 2014, 22:31 pm
¿Me podrían ayudar con este código? He intentado por medio de muchas formas cambiar el iframe (Tamaño y src) sin éxito. Lo que me gustaria conseguir es eso, cambiar el iframe con un botón o un enlace. Aquí el código (No veo necesario poner los archivos css):

Código
  3.   <title>hola</title>
  4.  
  5. <script type="text/javascript">
  6.  
  8.  
  9.   <LINK href="ceeseese.css" rel="stylesheet" type="text/css">
  10.   <LINK href="Boton_de_cubo_3d.css" rel="stylesheet" type="text/css">
  11.   <LINK href="menu_desplegable.css" rel="stylesheet" type="text/css">
  12. </head>
  13.  
  14.  
  15. <body  background="http://3.bp.blogspot.com/-bjm5m43KVFY/TrxJ63H5soI/AAAAAAAAAWU/ah0rr0e7B_M/s1600/fondo+verde.jpg"  style="background-attachment: fixed">
  16.  
  17.  
  18.  
  19.  
  20. <div align="center">
  21. <ul class="menu">
  22.    <li><a href="#">Inicio</a></li>
  23.    <li><a href="#">Historia</a>
  24.       <ul>
  25.           <li><a href="#">subapartado.a</a></li>
  26.           <li><a href="#">subapartado.b</a></li>
  27.       </ul>
  28.    </li>
  29.    <li><a href="#">Algo</a>
  30.       <ul>
  31.           <li><a href="#">subapartado.a</a></li>
  32.           <li><a href="#">subapartado.b</a></li>
  33.           <li><a href="#">subapartado.c</a></li>
  34.       </ul>
  35.    </li>
  36.    <li><a href="#">algo mas</a></li>
  37.    <li><a href="#">otra cosa</a></li>
  38.    <li><a href="#">more</a></li>
  39. </ul>
  40. </div>
  41.  
  42.  
  43.  
  44.  
  45. <div class="aldiv" align="center"><h1>
  46. <iframe src="http://www.google.esl" width="520px" height="240px" scrolling="no"></iframe>
  47.     </div>
  48.  
  49.  
  50.  
  51.  
  52. <div class="caja">
  53.       <div class="item">
  54.         <img src="http://tutosytips.com/wp-content/ejemplos/tutorial-mostrar-informacion-con-3d-transform/imagenes/1.jpg" />
  55.         <span class="informacion">
  56.           <strong>Compass</strong>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio.
  57.           <a OnClick="">www.compass-style.org/</a>
  58.         </span>
  59.       </div>
  60.  
  61.  
  62. </body>
  63. </html>



Un saludo!  ;D

Título: Re: Cambiar iframe con JS
Publicado por: Shell Root en 30 Abril 2014, 15:28 pm
:https://stackoverflow.com/questions/1554396/how-do-i-dynamically-change-the-content-in-an-iframe-using-jquery

Código
  2.   <head>
  3.     <script type="text/javascript" src="jquery.js"></script>
  4.     <script>
  5.       $(document).ready(function(){
  6.         var locations = ["http://webPage1.com", "http://webPage2.com"];
  7.         var len = locations.length;
  8.         var iframe = $('#frame');
  9.         var i = 0;
  10.         setInterval(function () {
  11.             iframe.attr('src', locations[++i % len]);
  12.         }, 30000);
  13.       });
  14.     </script>
  15.   </head>
  16.   <body>
  17.     <iframe id="frame"></iframe>
  18.   </body>
  19. </html>

Título: Re: Cambiar iframe con JS
Publicado por: Ori-chan en 30 Abril 2014, 16:56 pm
¿Eso que es? ¿para cambiar la pagina cada 30 seg.? No se jquery
Yo lo que busco es que le de a un boton que ponga Ej: [Bing] y se cree un iframe con el tamaño que yo diga y con src = "http://www.bing.es"

Título: Re: Cambiar iframe con JS
Publicado por: Shell Root en 2 Mayo 2014, 15:06 pm
Si yo se lo que quieres, pero con ese ejemplo lo podes adarptar a lo que necesitas o estás esperando a que te haga el trabajo?

Título: Re: Cambiar iframe con JS
Publicado por: Ori-chan en 2 Mayo 2014, 16:16 pm
Al final he optado por cambiar el contenido del div y no los parámetros del iframe. Pero gracias.  :)


Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines