height på iframe og table

Højden er da hhv. 600 og 500 ...

nå ja... men det gør jo ingen forskel

Kan du da ikke bare sætte menuernes højde til 500 ?-)

jojo... men når iframen bliver størrer skal menu'erne også blive større

Så kan du f.eks. bruge dette lille script:

<script type="text/javascript">
var elms = ['left','IFRAMEID','right'];

function synchronizeElms(){
  var maxH = 0;
  for(i=0;elms.length>i;i++){
    maxH = Math.max(maxH,document.getElementById(elms[i]).offsetHeight);
  }
  for(i=0;elms.length>i;i++){
    document.getElementById(elms[i]).style.height=maxH + 'px';
  }
}
</script>

-- og så kalde det fra den funktion, som giver iframen den tilsigtede højde, f.eks. i et script i iframen:

<script language="javascript" type="text/javascript">
function ifrHeight(){
  var t=document.body.scrollHeight;
  if(parent!=window)parent.document.getElementById('IFRAMEID').style.height=t+4+'px';
  parent.synchronizeElms()
}
</script>

hvor skal jeg sætte de to ting hen?

Som det fremgår, skal det sidste script ind i iframen (og husk at sætte id'en på iframe-tagget i hoevsiden !-)

Så er det jo nærliggende at antage, at det andet ikke skal deri, men i hoveddokumentet ...

Bemærk listen i starten, den skal selvfølgelig afspejle de id'er du bruger til dine 3 elementer !o]

hvad er id'erne

<iframe id="IFRAMEID" ... >

-- alle html-elementer kan man give et id, så uanset om et andet element har en anden type (en div overfor f.eks. en tabel !-) kan ovenstående synkronisere højden !o]

det virker ikke, siden bliver ikke længere !

<script type="text/javascript">
var elms = ['left','IFRAMEID','right'];

function synchronizeElms(){
  var maxH = 0;
  for(i=0;elms.length>i;i++){
    maxH = Math.max(maxH,document.getElementById(elms[i]).offsetHeight);
  }
  for(i=0;elms.length>i;i++){
    document.getElementById(elms[i]).style.height=maxH + 'px';
  }
}
</script>

// Satte jeg ind i default.htm (altså hovedsiden)og <iframe id="IFRAMEID"> i dafault.htm body'en


<script language="javascript" type="text/javascript">
function ifrHeight(){
  var t=document.body.scrollHeight;
  if(parent!=window)parent.document.getElementById('IFRAMEID').style.height=t+4+'px';
  parent.synchronizeElms()
}
</script>

// satte jeg ind i den side iframen skal vise (i head)

hvad gør jeg galt

Har dine andre elementer så id="left" og id="right" ?-)

ja men det virker ikke..

//
// Det her satte jeg ind på defualt.htm (altså hovedsiden)
// Og i default.htm "body" satte jeg <iframe id="IFRAMEID"> 
//

<script type="text/javascript">
var elms = ['left','IFRAMEID','right'];

function synchronizeElms(){
  var maxH = 0;
  for(i=0;elms.length>i;i++){
    maxH = Math.max(maxH,document.getElementById(elms[i]).offsetHeight);
  }
  for(i=0;elms.length>i;i++){
    document.getElementById(elms[i]).style.height=maxH + 'px';
  }
}
</script>


//
// satte jeg ind i den side iframen skal vise (i "head")
//

<script language="javascript" type="text/javascript">
function ifrHeight(){
  var t=document.body.scrollHeight;
  if(parent!=window)parent.document.getElementById('IFRAMEID').style.height=t+4+'px';
  parent.synchronizeElms()
}
</script>

//
// mine to menu'er som er lavet i "table" gav jeg id'erne:
// id="left" og id="right"
//

Hrm, har du ikke et link til den side, hvor du har implementeret det ?-)

jo her: http://frip.dk/jabas/Prøve/Default.htm

Har du ikke glemt id="IFRAMEID" på iframe-tagget ?-)

jo men det virker ikke ... hvilke koder vil du gerne se af mine sider

<IFRAME border="0" id="IFRAMEID" name="Main" src="Forside.htm" scrolling="no" cellspacing="0" align="center" frameBorder="0" width="518" height="500" style="border-top: 1 solid; border-right: 0 solid; border-left: 0 solid; border-bottom: 1 solid; border-color:#000000;"></IFRAME>

-- er jo rigtigt nok, men du har jo så også sat den id på body-elementet, så iframen vil ikke blive opdaget overhovedet ...

Et id skal være absolut unikt, der må altså ikke være mere en een eneste af hver !-)

det virker stadig ikke

Der mangler jo også kaldet af ifrHeight !-)

<script language="javascript" type="text/javascript">
  function ifrHeight(){
    var t=document.body.scrollHeight;
    if(parent!=window)parent.document.getElementById('IFRAMEID').style.height=t+4+'px';
    parent.synchronizeElms()
  }
  window.onload = ifrHeight;
</script>

og hvor skal jeg sætte den ind ??

Det er jo den kode, du har/skal have i Forside.htm !-)

det er hlet galt prøv at gå ind og se

Mærkværdigt, men når det er de 4px, må du også smide dem i synchronizeElms:

<script type="text/javascript">
var elms = ['left','IFRAMEID','right'];

function synchronizeElms(){
  var maxH = 0;
  for(i=0;elms.length>i;i++){
    maxH = Math.max(maxH,document.getElementById(elms[i]).offsetHeight);
  }
  for(i=0;elms.length>i;i++){
    document.getElementById(elms[i]).style.height=maxH + 4 + 'px';
  }
}
</script>

hvor skal det sættes ind

Hvor den er i forvejen ...

den gør det forkert de to menu'er skal være 100 længere hele tiden

Aha ...

hvad skal jeg så gøre

er du der

F.eks.

<script type="text/javascript">
var elms = ['left','IFRAMEID','right'];

function synchronizeElms(){
  var maxH = 0;
  for(i=0;elms.length>i;i++){
    maxH = Math.max(maxH,document.getElementById(elms[i]).offsetHeight-((i==2)?0:100));
  }
  for(i=0;elms.length>i;i++){
    document.getElementById(elms[i]).style.height=maxH + 4 + ((i==2)?0:100) + 'px';
  }
}
</script>

Uff, den skal være lig med 1 !-)

<script type="text/javascript">
var elms = ['left','IFRAMEID','right'];

function synchronizeElms(){
  var maxH = 0;
  for(i=0;elms.length>i;i++){
    maxH = Math.max(maxH,document.getElementById(elms[i]).offsetHeight-((i==1)?0:100));
  }
  for(i=0;elms.length>i;i++){
    document.getElementById(elms[i]).style.height=maxH + 4 + ((i==1)?0:100) + 'px';
  }
}
</script>

hvordan ændre man mellemrummet menu og iframe??


kna man ikke fjerne den afstand der er mellem sluttnigen af siden og border'eren??

Mellemrummet ?-)

Og afstanden kan sikkert ændres bare ved at sætte border på body til 0 !-)

hmm... detforstod jeg ikke men opdagede lige noget andet, lige nu bliver siden ikke lille igen..

lad mig uddybe! hvis du klikker på et link som fylder mere end den forige side bliver siden aoutomatisk længere (perfekt) men siden bliver derimod ikke mindre! hvordan gør man det

<script type="text/javascript">
var elms = ['left','IFRAMEID','right'];

function synchronizeElms(){
  var maxH = 0,startH=440;//Indsæt menuernes starthøjde;
  if(document.getElementById(elms[1]).offsetHeight>startH-100){
    for(i=0;elms.length>i;i++){
      maxH = Math.max(maxH,document.getElementById(elms[i]).offsetHeight-((i==1)?0:100));
    }
  }else maxH = startH;
  for(i=0;elms.length>i;i++){
    document.getElementById(elms[i]).style.height=maxH + 4 + ((i==1)?0:100) + 'px';
  }
}
</script>

der er ikke kun 100 height afstand der er meget mere nu, hvad gør man ved det ??

hallo er du der

er du der roenving,

lukker snart

lukker