Ir para conteúdo

POWERED BY:

Arquivado

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

Diego Fersan

[Resolvido] Problemas em setar div

Por , em Javascript

Recommended Posts

Diego Fersan    0

Diego Fersan
Postado

Fala rapaziada,

 

estou com um probleminha aqui para setar minha div com javascript.

seguinte, eu quero chamar uma imagem que está em uma determinada pasta.

 

Segue o script:

 

var w_screen;
var h_screen;


w_screen = screen.width;
h_screen = screen.height;


if (w_screen == "1280") {

document.getElementById('corpo').style.background="(imagens/background.jpg)" ;
}

O erro está no document.get...

 

Só que, meu forte não é Javascript, e não sei o que está errado, pois não consigo exibir a imagem em minha div.

o id da div está certo, "corpo".

 

 

Agradeço a atenção.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 
document.getElementById('corpo').style.backgroundImage="url('imagens/background.jpg')" ;

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diego Fersan    0

Diego Fersan
Postado 

document.getElementById('corpo').style.backgroundImage="url('imagens/background.jpg')" ;

 

Fala William,

 

rapaz não funcionou.

 

segue abaixo o script da pagina inteira.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

</style>
<script>
var w_screen;
var h_screen;


w_screen = screen.width;
h_screen = screen.height;


if (w_screen == "1280") {

document.getElementById('corpo').style.backgroundImage="url('imagens/background.jpg')";
}
//alert ("ola" + w_screen);

</script>

</head>
<body>
<div id="corpo" style="height:600px; width:600px;"></div>
</body>
</html>

 

o //alert ("ola" + w_screen); eu usei para saber até onde estava indo o script, e parou ali no document...

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Isso é pq você está tentando mecher com algo que ainda não carregou na marcação.

Já que você não tem nenhuma função, e não está nem esperando o window.onload, precisa colocar o script após o elemento na marcação:

 

</head>
<body>
<div id="corpo" style="height:600px; width:600px;"></div>
<script type="text/javascript">
var w_screen;
var h_screen;

w_screen = screen.width;
h_screen = screen.height;


if (w_screen == "1280") {
document.getElementById('corpo').style.backgroundImage="url('imagens/background.jpg')";
}
//alert ("ola" + w_screen);
</script>
</body>
Veja sobre window.onload, crie uma função para chamar o teu script.

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