Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

kwnds

[Resolvido] propriedades do style

Por , em Javascript

Recommended Posts

kwnds    0

kwnds
Postado

Boa noite,

 

Estou a usar uma função ajax para actualizar o conteudo de uma div, e sempre que faço isso quero alterar a imagem de fundo de uma div (background-image). A imagem está a alterar sem problemas, o problema é que não consigo trabalhar com as propriedades dela!

O código é o seguinte:

 

var principal = document.getElementById('principal'); 
var principal_largura = "874px";
var principal_altura = "500px";

   if(dataSource=="inicio.php") {
	  principal.style.backgroundImage = "url('imagens/inicio.jpg')";
	  principal.style.backgroundRepeat = "no-repeat";
	  principal.style.width = principal_largura; 
	  principal.style.height = principal_altura; }

Ele executa bem o backgroung-image e o background-repeat, o problema está no width e no height. Já tentei substituir a variavel principal_largura/altura e colocar directamente os valores, mas não consigo á mesma (mesmo usando os valores dentro de aspas e películas).

Alguém me pode ajudar com isto?

Mais uma questão. Este código é feito várias vezes para as diferentes páginas que tenho. Aconselham-me tentar criar uma classe ou algo parecido para nao repetir tantas linhas? (em PHP ainda era capaz, mas ainda me estou a iniciar em JavaScript..)

 

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

kwnds    0

kwnds
Postado

Fiz um teste com o IE 8 e funcionou para meu espanto.

No entanto, no IE7, opera, firefox não funciona.

Compartilhar este post

Link para o post
Compartilhar em outros sites

klonder    14

klonder
Postado 

<html>

<head>

<title></title>

<script type="text/javascript">

function mudar() {

document.getElementById("principal").style.width="500px";

document.getElementById("principal").style.height="200px";

}

</script>

</head>

<body>

 

<input type="button" value="Alterar" onClick="mudar();">

<br>

<span id="principal" style="border:#000080 1px dashed">Esse espaço será alterado!</span>

</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito