Iframes
Hola que tal, soy Jose María de nuevo, oye, te quería preguntar acerca de los iframes, lo probé y todo va muy bien, solo que tengo esta duda, ¿cómo puedo hacerle para que no se vea la scroolbar? Ya se que con ponerle scroolbar="no" funciona, pero lo que quiero es que el iframe se adapte al contenido de la página y no que yo tenga que definir ancho y alto, espero que me de a entender, es de mucha utilidad por que al final de cuentas si defino el tamaño de un menu y 1 mes después decido hacerlo más grande tendré que actualizar el site, y eso no va. Espero que me haya dado a entender, gracias otra vez.
1 respuesta
Respuesta de b00tes
1
Te paso un ejemplo de como hacerlo con Javascript. Lamentablemente no siempre detecta bien el tamaño de la página a cargar. Puedes modificar un poco las funciones para indicar tú en cada enlace qué altura debe tener. Eso si, si cambias la página, deberás actualizar su altura en el menú:
<html>
<head>
<script>
function getDocHeight(doc) {
var docHt = 0, sh, oh;
if (doc.body) {
if (doc.body.scrollHeight) docHt = sh = doc.body.scrollHeight;
if (doc.body.offsetHeight) docHt = oh = doc.body.offsetHeight;
if (sh && oh) docHt = Math.max(sh, oh);
}
return docHt;
}
function setIframeHeight(iframeName) {
var iframeWin = window.frames[iframeName];
var iframeEl = document.getElementById? document.getElementById(iframeName): document.all? document.all[iframeName]: null;
if ( iframeEl && iframeWin ) {
iframeEl.style.height = "auto";
var docHt = getDocHeight(iframeWin.document);
if (docHt) iframeEl.style.height = docHt + 30 + "px";
}
}
function loadIframe(iframeName, url) {
if ( window.frames[iframeName] ) {
window.frames[iframeName].location = url;
setIframeHeight(iframeName);
}
}
</script>
</head>
<body>
<table>
<tr>
<td onclick="loadIframe('ifrm', 'url1.htm')">URL1</td>
<td onclick="loadIframe('ifrm', 'url2.htm')">URL2</td>
</tr>
</table>
<iframe name='ifrm' id='ifrm'>
</iframe>
</body>
</html>
<html>
<head>
<script>
function getDocHeight(doc) {
var docHt = 0, sh, oh;
if (doc.body) {
if (doc.body.scrollHeight) docHt = sh = doc.body.scrollHeight;
if (doc.body.offsetHeight) docHt = oh = doc.body.offsetHeight;
if (sh && oh) docHt = Math.max(sh, oh);
}
return docHt;
}
function setIframeHeight(iframeName) {
var iframeWin = window.frames[iframeName];
var iframeEl = document.getElementById? document.getElementById(iframeName): document.all? document.all[iframeName]: null;
if ( iframeEl && iframeWin ) {
iframeEl.style.height = "auto";
var docHt = getDocHeight(iframeWin.document);
if (docHt) iframeEl.style.height = docHt + 30 + "px";
}
}
function loadIframe(iframeName, url) {
if ( window.frames[iframeName] ) {
window.frames[iframeName].location = url;
setIframeHeight(iframeName);
}
}
</script>
</head>
<body>
<table>
<tr>
<td onclick="loadIframe('ifrm', 'url1.htm')">URL1</td>
<td onclick="loadIframe('ifrm', 'url2.htm')">URL2</td>
</tr>
</table>
<iframe name='ifrm' id='ifrm'>
</iframe>
</body>
</html>
Sale, gracias voy a intentarlo.
Lo que pasa es que quiero que el contenido de la página principal (donde deberían de ir todas las páginas, no el menu ni el logo) se adapte según el tamaño, por que en el iframe puedes designar un alto y ancho, sin embargo si la página excede ese ancho aparecerán las scrollbars, y eso es algo que no quiero, ya que si hay páginas que sobrepasen ese limite de altura saldrán esas barritas.
Lo que quiero es que no haya ese problema y que el iframe se adapte al tamaño de la página.
Ejemplo:
Si tu iframe tiene un ancho de 600 pixeles de ancho por 500 de alto, y quizás pongo alguna información que sobrepase esos 500 pixeles, a lo mejor es mucha información, entonces lo que no quiero es que me salgan las scrollbars si no que el iframe se adapte al tamaño del contenido y no el contenido al iframe, espero que me haya explicado bien, de antemano gracias.
Lo que quiero es que no haya ese problema y que el iframe se adapte al tamaño de la página.
Ejemplo:
Si tu iframe tiene un ancho de 600 pixeles de ancho por 500 de alto, y quizás pongo alguna información que sobrepase esos 500 pixeles, a lo mejor es mucha información, entonces lo que no quiero es que me salgan las scrollbars si no que el iframe se adapte al tamaño del contenido y no el contenido al iframe, espero que me haya explicado bien, de antemano gracias.
Lo siento, pero no veo por donde vas. Por lo que habías contado querías un marco a la izquierda con unos menús. Si ésto lo tienes en una sola página, con otro iframe central, más grande, para mostrar el contenido, en caso de que quieras aumentar el ancho del menú (por ejemplo porque añadas otro enlace cuyo texto sobrepasa el ancho inicial) sólo tienes que modificar esa página principal...
