Ir para conteúdo

POWERED BY:

Arquivado

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

3dmaniaco

DIV e Javascript

Por , em Javascript

Recommended Posts

3dmaniaco    1

3dmaniaco
Postado

Eu criei um codigo javascript que deveria dimensionar minha DIV de acordo com minha resolução, mas ele não esta funcionando, porque ?

 

Vejam meu código completo:

 

<!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>
<script type="text/javascript">

  function resolucao() {
	  
	  document.getElementById("apDiv1").style.width = screen.width;
	  document.getElementById("apDiv1").style.height = screen.height;
	  
  }

</script>
<style type="text/css">
#apDiv1 {
	position: absolute;
	background-color:#CCC;
	z-index: 1;
	left: 0px;
	top: 0px;
}
</style>
</head>

<body onload="resolucao()">
<div id="apDiv1"></div>
</body>
</html>

 

Valew

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

vc precisa esperar o elemento existir no DOM para depois manipular ele com js.

 

chame a função depois do elemento

Compartilhar este post

Link para o post
Compartilhar em outros sites

3dmaniaco    1

3dmaniaco
Postado

Como eu chamo a função depois do elemento ? Pois já estou utilizando o onload. Teria algum exemplo para eu entender ?

 

Valew

 

 

Alguém teria um exemplo ?

 

 

 

 

Algum teria um exemplo de como chamar a função depois do elemento ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

agora que olhei com mais calma, a única coisa q faltou foi declarar a unidade de medida.

<!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">
#apDiv1 {
    position: absolute;
    background-color:#CCC;
    z-index: 1;
    left: 0px;
    top: 0px;
}
</style>
</head>

<body>

<div id="apDiv1"></div>


<script type="text/javascript">
function resolucao() {
    document.getElementById("apDiv1").style.width = screen.width + 'px';
    document.getElementById("apDiv1").style.height = screen.height + 'px';
}
window.onload = function() {
    resolucao();
}
</script>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

3dmaniaco    1

3dmaniaco
Postado

Alguém sabe como eu posso pegar somente o tamanho da área útil do browser de forma automática pelo javascript, que funcione no IE, Firefox e Chrome ?

 

Valew

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