¿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):
<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
:https://stackoverflow.com/questions/1554396/how-do-i-dynamically-change-the-content-in-an-iframe-using-jquery
<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>
¿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"
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?
Al final he optado por cambiar el contenido del div y no los parámetros del iframe. Pero gracias. :)