O script não ajusta o IFRAME automático...

[Eduardo Villa 2]

<?php

include "inc/conecta.php";

 

$sql = "SELECT * FROM pontoatend WHERE tipo_telefone='1' AND categoria='6' AND status='sim' ORDER BY local ASC";

$consulta = mysql_query($sql);

?>

 

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link href="css/inicial.css" rel="stylesheet" type="text/css" media="all" />

<style type="text/css">

<!--

a:link {

color: #000;

text-decoration: none;

}

a:visited {

text-decoration: none;

color: #000;

}

a:hover {

text-decoration: underline;

color: #000;

}

a:active {

text-decoration: none;

color: #000;

}

-->

</style>

<div id="fundo">

 

<h2>Telefones Úteis</h2><br />

 

<?php

while($telefones = mysql_fetch_array($consulta)){

?>

<?php

echo "<p><b>";

echo $telefones['local'];

echo "</b><br />";

echo $telefones['endereco'];

echo " ";

if($telefones['bairro'] == ""){

echo "";

}else{

echo "-  ";

echo $telefones['bairro'];

}

echo " ";

if($telefones['telefone'] == ""){

echo "";

}else{

echo "-  ";

echo $telefones['telefone'];

}

echo "<br /><br />";

}

?>

</div><!-- Fecha FUNDO -->

 

Esse SCRIPT ajusta o tamanho do IFRAME

<script language=JavaScript type=text/javascript>

parent.document.getElementById("alvo").height = 100;

if (document.getElementById("fundo").scrollHeight>100)

{

parent.document.getElementById("alvo").height = document.getElementById("fundo").scrollHeight + 10;

} else {

parent.document.getElementById("alvo").height = 100;

}

</script>

[Rafael C Bueno 0]

tenta usar document.getElementById('fundo').offsetHeight;

[Eduardo Villa 2]

mas oande que vou trocar por esta linha...

Original:

<script language=JavaScript type=text/javascript>

parent.document.getElementById("alvo").height = 100;

if (document.getElementById("fundo").scrollHeight>100)

{

parent.document.getElementById("alvo").height = document.getElementById("fundo").scrollHeight + 10;

} else {

parent.document.getElementById("alvo").height = 100;

}

</script>

 

Devo colocar assim???

<script language=JavaScript type=text/javascript>

parent.document.getElementById("alvo").height = 100;

if (document.getElementById("fundo").scrollHeight>100)

{

parent.document.getElementById("alvo").height = document.getElementById('fundo').offsetHeight;

} else {

parent.document.getElementById("alvo").height = 100;

}

</script>

[Mateus André Chies 0]

Não entendi muito bem sua situação,

 

você tem uma pagina, e dentro dela você tem um iframe certo?

 

ai você que ajustar o iframe conforme o o que?

[Eduardo Villa 2]

Bom Matheus,

Eu tenho a minha pag. INDEX.PHP, onde tem um IFRAME...

<iframe src="home.php" name="alvo" width="100%" height="0" align="middle" scrolling="no" frameborder="0" marginheight="0" marginwidth="0" style="padding:0px 3px 0px 3px"></iframe>

 

Quero abrir uma outra pag. dentro do IFRAME e que ele se ajuste o tamanho na vertical automático, para isso usei:

<script language="JavaScript" type="text/javascript">

parent.document.getElementById("alvo").height = document.getElementById("fundo").scrollHeight + 40; //40: Margem Superior e Inferior, somadas

</script>

 

e/ou

 

<script language=JavaScript type=text/javascript>

parent.document.getElementById("alvo").height = 100;

if (document.getElementById("fundo").scrollHeight>100)

{

parent.document.getElementById("alvo").height = document.getElementById("fundo").scrollHeight + 10;

} else {

parent.document.getElementById("alvo").height = 100;

}

</script>

 

mas nenhum funciona no FF... o que posso mudar para q funcione em todos.

 

 

Valew

[hgb7 3]

http://mad.que.com.br/blog/?p=31

 

Espero que ajude :)