» »

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 423 24 25 26 )

Oddelek: Izdelava spletišč
1297296188 (20337) htmltroubles
»

Javascript - izračun razlike v datumih

Oddelek: Programiranje
81494 (1349) kogledom
»

Prilagoditev frameov resoluciji

Oddelek: Izdelava spletišč
91054 (892) c0dehunter
»

JavaScript zunaj HTML

Oddelek: Izdelava spletišč
111080 (978) *wolf*
»

Kako se tole naredi?

Oddelek: Izdelava spletišč
261205 (905) njok

Več podobnih tem