Fórum para dúvidas sobre JavaScript, ECMAScript, AJAX, XML e jQuery.
Moderador: web
por robsongaeski Offline » Seg Nov 28, 2011 11:45 am
|
Ola senhores, Tenho um procedimento que aumento o tamanho de um Iframe dinamicamente conforme o tamanho da pagina que ira abrir nele Esse é o código:
- Código: Selecionar todos
function resizeIframe(Centro) { var iframe = document.getElementsByName(Centro);
if (navigator.appName.indexOf('Internet Explorer') > 0) { iframe[0].height = iframe[0].contentWindow.document.body.scrollHeight; //IE6, IE7 } else { // if (navigator.appName.toString() == "Netscape") {//FF 3.0.11, Opera 9.63, Chrome iframe[0].height = iframe[0].contentDocument.documentElement.scrollHeight; } }
O Problema é que no Firefox Não funciona. Ele abre no tamanho da pagina, mas quando clico em outra não redimensiona denovo. Ou seja, Fica com o tamanho da pagina que abriu primeiro
Para ver o problema acesse http://WWW.euquero1.com.br e clique sobre o menu super Heróis . Veja o tamanho que esta a barra de scroll. Agora clique sobre o menu Bandas. A barra aumenta. Mas se clicar novamente em Super Heróis deviria diminuir novamente o scroll. Mas não acontece isso. No IE e no Chrome funciona Bem. Alguém sabe o que pode ser? Abraços

robsongaeski
MEMBRO
Mensagens: 15
Registrado em: Dom Abr 10, 2011 9:22 pm
|
por web Offline » Seg Nov 28, 2011 12:43 pm
Existe ai nesse código uma condicional para que o script funcione somente em alguns navegadores. Usa o exemplo de iframe ajustável desse link abaixo. Funciona na maioria dos navegadores.
http://sonspring.com/journal/jquery-iframe-sizing

Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.
Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com
web
ADMIN
Mensagens: 12439
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
Voltar para Javascript, XML e AJAX
Quem está online
Usuários navegando neste fórum: Google Adsense [Bot] e 7 visitantes