Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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; }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
<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>Obrigado pela ajuda. Devia mesmo ser um erro de aspas :)
Abraço
Fiz um teste com o IE 8 e funcionou para meu espanto.
No entanto, no IE7, opera, firefox não funciona.