☰

» »

Velikost iframe glede na vsebino v njem

Velikost iframe glede na vsebino v njem

ropo009 ::

Hi,

rabim malo pomoči. Preveril sme že dosti opcij, a nikakor da določim višino iframe glede na v njem prikazan div.

V prilogi je primer, ki mi nagaja. Html, ki se prikazuje je generiran (nima vedno enake vsebine, v tabeli je lahko več/manj verstic) in se potem prikazuje v iframe.

Rad bi, da se ko se stran naloži višina iframe prilagodi glede vsebine, saj imam dalje tekst in čudno izgleda, če je vmes prazno. oziroma ima iframe drsnike.

Hvala za pomoč.

lp.
test_div:************************************
<html>
<head>
</head>
<body>
<style>
.main-container {
//width: 100%;
//max-width: 800px;
border: 1px solid blue;
overflow: hidden;
position:relative;
//margin: auto;
}
</style>

<div class="main-container" name = "grr" id= "grr">

<br><br><b><font face="Arial";size="5" >NASLOV tabela podatki</font></b>
<br><br><table width=100% style='border:none;font-size: 9pt;font-family:Arial'>
<tr>
<td nowrap width=25% align=left style='font-weight:bold;height:25pt;border-top:solid 1.0pt;border-bottom:solid 1.0pt;'>Priimek in ime</td>
<td nowrap width=37% align=left style='font-weight:bold;height:25pt;border-top:solid 1.0pt;border-bottom:solid 1.0pt;'>Naslov</td>
<td nowrap width=18% align=left style='font-weight:bold;height:25pt;border-top:solid 1.0pt;border-bottom:solid 1.0pt;'>Datum in ura</td>
<td nowrap width=18% align=left style='font-weight:bold;height:25pt;border-top:solid 1.0pt;border-bottom:solid 1.0pt;'>Prostor</td>
</tr>
<tr>
<td height=40; style='border-bottom:solid 1.0pt;'>oseba 1</td>
<td height=40; style='border-bottom:solid 1.0pt;'>naslov1</td>
<td height=40; style='border-bottom:solid 1.0pt;'>07.06.2022 ob 10:00</td>
<td height=40; style='border-bottom:solid 1.0pt;'>SEJNA SOBA</td>
</tr>
<tr>
<td height=40; style='border-bottom:solid 1.0pt;'>oseba 2</td>
<td height=40; style='border-bottom:solid 1.0pt;'>naslov 2</td>
<td height=40; style='border-bottom:solid 1.0pt;'>08.06.2022 ob 11:00</td>
<td height=40; style='border-bottom:solid 1.0pt;'>MS Teams</td>
</tr>
</table>
<br>
<div style="text-align: left; ">
Odgovor na to je odvisen od tega, koga vprašate. Odgovor na to je odvisen od tega, koga vprašate.
Odgovor na to je odvisen od tega, koga vprašate. Odgovor na to je odvisen od tega, koga vprašate.
<br><br>
</div>
</div>

<script>
     divElement = document.querySelector(".main-container");
  
     elemRect = divElement.getBoundingClientRect();
        
     elemHeight = elemRect.height;

alert(elemHeight);

</script>

</body>
</html>


test_html:*******************

<html> 
  <body>
  <h1>Začetek.</h1>
      ...

<script>

</script>	  
	  
<iframe name="iftest" id="iftest" width =100% height=150
 src="file:///D:/CD//test_div.html" >

	
</iframe>

<script>
		   //elemRect = divElement.getBoundingClientRect();
        
            //elemHeight = elemRect.height;

//alert(elemHeight);

        var div = document.getElementById("iftest");
        div.onload = function() {
		
		 aaa= document.getElementById('iftest').clientHeight ; //div.contentWindow.document.clientHeight; //.body.scrollHeight;

		alert("hight "+div.clientHeight + "   " +div.scrollHeight + "   " + div.offsetHeight + "    " + 
		      "width "+div.clientWidth + "   " +div.scrollWidth + "   " + div.offsetWidth) + "    ";


        }
    </script>

<script>


</script>
      ...

  <p>Konec.</p>
  </body>
</html>

Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
!

Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 4 … 23 24 25 26 )

Oddelek: Izdelava spletišč		1298346103 (5240) sunniegoldie
»

Javascript - izračun razlike v datumih

Oddelek: Programiranje		81917 (1772) kogledom
»

Prilagoditev frameov resoluciji

Oddelek: Izdelava spletišč		91369 (1207) c0dehunter
»

JavaScript zunaj HTML

Oddelek: Izdelava spletišč		111276 (1174) *wolf*
»

Kako se tole naredi?

Oddelek: Izdelava spletišč		261499 (1199) njok

Več podobnih tem