Jump to content
webmine

mudar tamanho de ID com javascript

Recommended Posts

webmine

Boas, ando a tentar mudar o tamanho do ID, mas ele n tem efeito, o codigo é o seguinte


<script type="text/javascript">
document.getElementById("corpo_int").style.height = 500px;

</script>

Share this post


Link to post
Share on other sites
webmine

Está na mesma, será que tem alguma coisa a haver com o estilo estar num ficheiro externo?

Share this post


Link to post
Share on other sites
Rechousa

Olá,

Deves estar a fazer qq coisa errada. O elemento que pretendes alterar tem esse id?

Testei no IE, FF e Chrome e funcionou:

<input type="button" id="corpo_int" value="Change Height" onclick="changeHeight();"/>
<script type="text/javascript">
function changeHeight()
{
    document.getElementById("corpo_int").style.height = "500px";
}
</script>


Pedro Martins

Sharing is Knowledge!

http://www.linkedin.com/in/rechousa

Share this post


Link to post
Share on other sites
webmine

Pois, eu já experimentei, e funcionou REchousa com o teu codigo, deixo abaixo o meu codigo, talvez esteja a fazer algo de errado, talvez não, de certeza.


<body>
<div id="page">

<div class="topo">
<?php include ("topo.php"); ?>
</div>


<div class="corpo">
<p><img src="imagens/topo_corpo.png" alt="topo corpo" /></p>
<div class="corpo_int">

<?php include($p . ".php"); ?>

</div>
<p><img src="imagens/remate_corpo.png" alt="remate corpo" /></p>
</div>

O CSS:

.corpo_int{
width: 470px; 
height: 285px;
background-color:#e3e3e3;
position: relative;
float:left;
overflow:hidden;
}

Será que é o meu CSS? por estar localizado num ficheiro externo?

Basicamente, para entenderem melhor, esse corpo_int, á o background to texto, so que ele é sempre igual o tamanho em cada pagina, e tem casos de paginas onde tenho menos ou mais texto, mas como ele é sempre igual apra todos, pois está no index, fica sempre igual.

Share this post


Link to post
Share on other sites
Rechousa

Olá,

O teu código tem um problema... É que estás a definir uma div com a class css corpo_int e no javascript estás a pesquisar um elemtento com o id corpo_int, que por sua vez não foi definido.

Substitui isto:

<div class="corpo_int">

por isto:

<div class="corpo_int" id="corpo_int">

que à partida já funciona


Pedro Martins

Sharing is Knowledge!

http://www.linkedin.com/in/rechousa

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.