Aqui un nuevo tutorial para redimensionar IFrames diunamicamente con ayuda de javascript. ¡Un pequeño aviso: de momento no funciona correctamente con google Chrome!
¡Debajo del video estan los 2 codigos para insertar!
¡Debajo del video estan los 2 codigos para insertar!
<script type="text/javascript">
<!--//
function sizeFrame() {
var F = document.getElementById("idframe");
if(F.contentDocument) {
F.height = F.contentDocument.documentElement.scrollHeight+30; //FF 3.0.11, Opera 9.63, and Chrome
} else {
F.height = F.contentWindow.document.body.scrollHeight+30; //IE6, IE7 and Chrome
}
};
window.onload=sizeFrame;
function autoIframe(idframe){
try{
frame = document.getElementById(idframe);
innerDoc = (frame.contentDocument) ? frame.contentDocument : frame.contentWindow.document;
if (innerDoc == null){
// Google Chrome
frame.height = document.all[idframe].clientHeight + document.all[idframe].offsetHeight + document.all[idframe].offsetTop;
}
else{
objToResize = (frame.style) ? frame.style : frame;
objToResize.height = innerDoc.body.scrollHeight + 18 + "px";
}
}
catch(err){
alert('Err: ' + err.message);
window.status = err.message;
}
}
//-->
</script>
<!--//
function sizeFrame() {
var F = document.getElementById("idframe");
if(F.contentDocument) {
F.height = F.contentDocument.documentElement.scrollHeight+30; //FF 3.0.11, Opera 9.63, and Chrome
} else {
F.height = F.contentWindow.document.body.scrollHeight+30; //IE6, IE7 and Chrome
}
};
window.onload=sizeFrame;
function autoIframe(idframe){
try{
frame = document.getElementById(idframe);
innerDoc = (frame.contentDocument) ? frame.contentDocument : frame.contentWindow.document;
if (innerDoc == null){
// Google Chrome
frame.height = document.all[idframe].clientHeight + document.all[idframe].offsetHeight + document.all[idframe].offsetTop;
}
else{
objToResize = (frame.style) ? frame.style : frame;
objToResize.height = innerDoc.body.scrollHeight + 18 + "px";
}
}
catch(err){
alert('Err: ' + err.message);
window.status = err.message;
}
}
//-->
</script>
onload="if (window.parent && window.parent.autoIframe) {window.parent.autoIframe('idframe');}"
Parece buena tu solución, pero no me funciona con IE8, FF 4 o superior y bueno lo de menos es con Chrome que tampoco funciona
ResponderEliminara mi en IE y FF si que me funciona... el único que me da problemas es el Chrome xD
EliminarMuy bueno tu tutorial, te felicito, pero tengo un problemita XD, aunque hice todo a regla contigo al actualizar o abrir la pagina no me muestra el iframe, al hacerle click al menu me aparece, pero al iniciarla no...
ResponderEliminaragradecería una respuesta
de ante mano muchas gracias
Buen tutorial, te felicito perro, excelentes tus videos. solo tengo un problema, al crear el iframe y recargar la paguina no se ve, si le hago click al menu que seleccione aparece y se mantiene la misma url...
ResponderEliminarsi podrias ayudarme con ese problema pls
de ante mano muchas gracias
Hola te cuento que estamso a 25 de marzo del 2013, el mundo no se acabó y acabo de necesitar este buen tutorial, que funcionó perfecto en firefox, sin embargo ni en explorer ni en chrome, de hecho en chrome aprece que suma las dimenciones porque cada vez que uno salta de un link a otro se hace más grande... Sabes si ya existe solución al respecto?
ResponderEliminarya probaste en otros navegadores?
ResponderEliminar