Cambiar iframe con JS

Iniciado por Ori-chan, 29 Abril 2014, 22:31 PM

0 Miembros y 2 Visitantes están viendo este tema.

Imprimir
Ir Abajo Páginas1
Acciones del Usuario

Ori-chan

29 Abril 2014, 22:31 PM Ultima modificación: 2 Mayo 2014, 15:29 PM por #!drvy
¿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 (html4strict) [Seleccionar]
<html>
<head>
 <title>hola</title>

<script type="text/javascript">

</script>

 <LINK href="ceeseese.css" rel="stylesheet" type="text/css">
 <LINK href="Boton_de_cubo_3d.css" rel="stylesheet" type="text/css">
 <LINK href="menu_desplegable.css" rel="stylesheet" type="text/css">
</head>


<body  background="http://3.bp.blogspot.com/-bjm5m43KVFY/TrxJ63H5soI/AAAAAAAAAWU/ah0rr0e7B_M/s1600/fondo+verde.jpg"  style="background-attachment: fixed">




<div align="center">
<ul class="menu">
  <li><a href="#">Inicio</a></li>
  <li><a href="#">Historia</a>
     <ul>
         <li><a href="#">subapartado.a</a></li>
         <li><a href="#">subapartado.b</a></li>
     </ul>
  </li>
  <li><a href="#">Algo</a>
     <ul>
         <li><a href="#">subapartado.a</a></li>
         <li><a href="#">subapartado.b</a></li>
         <li><a href="#">subapartado.c</a></li>
     </ul>
  </li>
  <li><a href="#">algo mas</a></li>
  <li><a href="#">otra cosa</a></li>
  <li><a href="#">more</a></li>
</ul>
</div>




<div class="aldiv" align="center"><h1>
<iframe src="http://www.google.esl" width="520px" height="240px" scrolling="no"></iframe>
   </div>




<div class="caja">
     <div class="item">
       <img src="http://tutosytips.com/wp-content/ejemplos/tutorial-mostrar-informacion-con-3d-transform/imagenes/1.jpg" />
       <span class="informacion">
         <strong>Compass</strong>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio.
         <a OnClick="">www.compass-style.org/</a>
       </span>
     </div>


</body>
</html>



Un saludo!  ;D

Shell Root

#1
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 (html4strict) [Seleccionar]
<html>
  <head>
    <script type="text/javascript" src="jquery.js"></script>
    <script>
      $(document).ready(function(){
        var locations = ["http://webPage1.com", "http://webPage2.com"];
        var len = locations.length;
        var iframe = $('#frame');
        var i = 0;
        setInterval(function () {
            iframe.attr('src', locations[++i % len]);
        }, 30000);
      });
    </script>
  </head>
  <body>
    <iframe id="frame"></iframe>
  </body>
</html>
Por eso no duermo, por si tras mi ventana hay un cuervo. Cuelgo de hilos sueltos sabiendo que hay veneno en el aire.

Ori-chan

#2
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"

Shell Root

#3
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?
Por eso no duermo, por si tras mi ventana hay un cuervo. Cuelgo de hilos sueltos sabiendo que hay veneno en el aire.

Ori-chan

#4
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.  :)

Imprimir
Ir Arriba Páginas1
Acciones del Usuario