Ir para conteúdo

POWERED BY:

Arquivado

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

Klee

tags <div> e script com pau

Por , em Javascript

Recommended Posts

Klee    0

Klee
Postado

Oi gente.Precisava de um script que identificasse a resolução do monitor para mim. Consegui isso com:var MonitorWidth = window.screen.availWidth;Com esse valor, escrevi que se fosse resolução de 1024, que ele atribuísse valores diferentes a certos <div> na página. Pelo menos era essa a intenção. Vejam:if (MonitorWidth == 1024) {document.all["serv3"].style.left(10%);}Isso deveria fazer com que o novo valor atribuído ao <div id="serv3" style="left:15%"> fosse 10%.Mas não funcionou. Pra complicar comecei a receber mensagens de erro de sintaxe e todos os outros <div> na página pararam de funcionar.Alguém sabe aonde estou errando?Valeu.Klee.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Klee    0

Klee
Postado

Olha, percebi que muitos dos erros eram por que faltava aspas marcando o número 10%.Mesmo assim, ele ainda está me retornando o seguinte:"document.all.serv3.style" não é um objeto.

Compartilhar este post

Link para o post
Compartilhar em outros sites

alicacwb    0

alicacwb
Postado 

document.getElementByID(“nome”);

Exemplo de mudança de fonte....

var obj=document.getElementById('link1')obj.style.fontFamily="Verdana"

Alica CWB

Compartilhar este post

Link para o post
Compartilhar em outros sites

Pinga_oz    0

Pinga_oz
Postado

Tente deixar a % fora da variavel ...passe somente o valor ... 10E do lado do DIV onde você irá carega-las, coloque o caractere % <VARIAVEL();>%

Compartilhar este post

Link para o post
Compartilhar em outros sites

Klee    0

Klee
Postado

Tentei isto:if (window.screen.width == 1024) {var obj1=document.getElementById('id1')obj1.style.left="50"}E o erro foi:"o objeto é obrigatório"Coloquei um "document.obj1.style.left" pra testar e deu:"document.obj1.style" não é um objeto.E agora...?

Compartilhar este post

Link para o post
Compartilhar em outros sites

void    1

void
Postado

pronto!

ja passou!

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body><div id="tier1" style="position:absolute; left:100px; top:100px; width:100px; height:100px; background-color: #009900;"></div><script>if(screen.width == 1024){    tier1.style.left = "20px";}</script></body></html>

 

simples né!

 

 

the void

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