ridimensionare cella da altezza iframe

**skylab** · 18-12-2008, 18:26

Salve a tutti,
ho un iframe all'interno di una pagina che carica a sua volta un menu dinamico che varia sempre sulla sua altezza.Il tutto e contenuto all'interno di una cella di una tabella.
Adesso vorrei far in modo di ridimensionare l'altezza di quest'ultima in base all'altezza che viene impostata automaticamente dall'iframe quando esso viene caricato.
Vi mostro un test di quello che sto facendo per aiutarvi a capire:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript">
window.onload=function(){
var hh=document.getElementById('menu').style.height;
document.getElementById('home').height=hh;
}
</script>
</head>

<body>
<table width="100%" height="80" border="0" cellpadding="0" cellspacing="0" id="home">
  <tr>
    <td height="100%" valign="top">  <iframe name=menu frameborder=0 width="230" src="menu.asp" height="100%"></iframe> </td>
   
  </tr>
  <tr>
    <td height="20">[img]img/line.jpg[/img]</td>
  </tr>
</table>

</body>
</html>

tramite questo script

codice:

<script language="javascript">
window.onload=function(){
var hh=document.getElementById('menu').style.height;
document.getElementById('home').height=hh;
}
</script>

sto cercando di recuperare le informazioni che mi servono per poter ridimensionare la mia cella, e sebra che avendo il valore "100%" impostato nel mio iframe, la mia variabile recupera sempre un valore nullo.
Avete qualche suggerimento?

**cavicchiandrea** · 18-12-2008, 18:56

La funzione risponde null perché richiami l'oggetto con ID ById("menu")... ma nel iframe hai imposto solo il nome non ID.
Provando ha non impostare altezza sia nel iframe che nella cella non funzione?
Valuta l'ipotesi d'impostare un altezza fissa visto che è una delle cose più rognose ogni browser l'altezza in % la gestisce un po a modo suo, e se non hai buona conoscenza di javascript rischi di perdere un sacco di tempo senza risolvere.

**skylab** · 19-12-2008, 02:57

Grazie mille per la tua risposta

Hai qualche suggerimento su come posso risolvere questa cosa?
Purtroppo avere dimensioni fisse mi comporta a non poche cose spiacevoli
a livello di vista del sito.
Con i css?? :master:

**cavicchiandrea** · 19-12-2008, 13:18

Originariamente inviato da skylab
Grazie mille per la tua risposta

Hai qualche suggerimento su come posso risolvere questa cosa?
Purtroppo avere dimensioni fisse mi comporta a non poche cose spiacevoli
a livello di vista del sito.
Con i css?? :master:

No non ho suggerimenti in merito, come già detto le altezze in % sono rognose.

**Xinod** · 19-12-2008, 13:55

prima di tutto tu setti un attributo dell' elemento e poi cerchi di leggere un attributo di stile, che non hai definito da nessuna parte
se vuoi avere "100%"
var hh=document.getElementById('menu').height;
(ovviamente dopo aver assegnato id="menu" all' iframe)
e anche una volta ottenuto il valore non capisco a cosa ti serva

fai una ricerca limitata al solo forum javascript con chiave "altezza iframe" prima di proseguire,
l' argomento e' gia' stato discusso e dovrebbe fornirti informazioni ed esempi per ottenere quello che cerchi di fare

Discussione: ridimensionare cella da altezza iframe

Strumenti discussione

Ricerca discussione

Visualizza

ridimensionare cella da altezza iframe

Permessi di invio