Cambiar la altura y la fuente de un iframe

Tengo un iFrame en mi página y una lista de enlaces debajo. Necesito los enlaces para cambiar la fuente y la altura del iFrame y también ir a la parte superior de la página, a un ancla con nombre "arriba", cuando se hace clic.

¿Posiblemente usando jQuery?

¿Alguna sugerencia?

preguntado el 12 de junio de 12 a las 15:06

Solo he cargado el iframe -

¿qué tal publicar un código, ya que obviamente estás pidiendo un ejemplo :) -

Simplemente no estoy seguro de cómo configurar el jquery -

2 Respuestas

Sí, definitivamente es posible hacerlo usando jquery. No sé exactamente cómo se ve el código dentro de su iframe, pero para seleccionar un iframe por su nombre, por ejemplo, haría lo siguiente:

$("iframe[name='figher_profile']").contents();

Luego para establecer su altura

$("iframe[name='figher_profile']").height($("iframe[name='figher_profile']").contents().find("html").css("height", "100")); //Setting the height to 100 px

Para cambiar la fuente de un iframe:

var location = "http://google.com";
$("iframe[name='figher_profile']").attr('src', location);

Si desea hacer lo mismo con un iframe con una identificación o clase, simplemente reemplace [name='ifr'] con #id o .class como se muestra a continuación:

$("iframe#id") //for id
$("iframe.class") //for class

Respondido el 12 de junio de 12 a las 15:06

También para el enlace de volver al principio, consulte: agyuku.net/2009/05/back-to-top-link-using-jquery - Charles

Hay un montón de maneras en que puede hacer esto ... como tal, solo publicaré la forma más correctiva ...

<div class="profile_container">
</div>
<a href="#" id="link1">abcd</a>
    <script>
$(document).ready(function(){
  var srcLink = 'http://placehold.it/440x440';
  var srcheight = '440'; 
  var iframeHtml = '<iframe src="'+srcLink+'" width="900" height="'+srcheight+'" frameborder="0" scrolling="no" name="figher_profile"></iframe>';
  $('#link1').click(function(){
    $('.profile_container').html(iframeHtml);
  });
});
    </script>

http://jsfiddle.net/gorelative/AmKJX/1/

Respondido el 12 de junio de 12 a las 15:06

El método de @ clockwork189 es mucho más limpio, ya que no elimina el nodo DOM y lo vuelve a insertar como yo. - gorelativo

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.