Ir para conteúdo

POWERED BY:

Arquivado

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

xaviergxf

Adicionar Div quando resolução for 1024x768

Por , em Javascript

Recommended Posts

xaviergxf    0

xaviergxf
Postado

Olá pessoal,

 

Como o proprio tópico já diz: eu gostaria de adicionar uma div quando a resolução for 1024(Ex: ver uol)

Para isso eu estou fazendo o seguinte script:

 

<html>
<head>
<script type="text/javascript">
function verifica_resolucao()
{
	if (screen.width==1024)
	{
		var tudo = document.getElementById("tudo");
		tudo.style.width = 1000;
	}
}
</script>
</head>
<style type="text/css">
#tudo{
width:500px;
}
</style>

<body onload="verifica_resolucao();">
<div id="tudo">
</div>
</body>
</html>

 

 

Alguem saberia me dizer.. o que eu estou fazendo de errado? Por que a div tudo não redimensiona? Como fazer isso?

 

 

Grato

Compartilhar este post

Link para o post
Compartilhar em outros sites

GuttoSP    2

GuttoSP
Postado 

<html>
<head>
<script>
	window.onload = function() {
		if (screen.width == 1024) {
			var myDIV = document.createElement('div');
			myDIV.setAttribute('id','tudo');
			myDIV.setAttribute('name','tudo');
			myDIV.setAttribute('className','tudo');
			myDIV.setAttribute('class','tudo');
			myDIV.style.width = "1000px";
			document.getElementById('geral').appendChild(myDIV);
		}
	}
</script>
<style type="text/css">
.tudo {
width:500px;
background-color:#0033CC;
height:20px;
}
</style>
</head>
<body>
<div id="geral"></div>
</body>
</html>

Se a resolução for igual a 1024 ele cria uma div com 1000px de largura, for diferente de 1024 ele cria uma div com 500px.

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