Programação  
 
Conhecimento computador >> Programação >> JavaScript Programação >> 
Como determinar as coordenadas de um elemento em JavaScript
? As coordenadas de tela de um elemento são especificadas em sua declaração de estilo e armazenados pelo navegador dentro do modelo de objeto de documento (DOM ) da página HTML exibida. Cada elemento no DOM é dada uma cadeia de identidade ( ID ) . Um código JavaScript pode acessar um determinado elemento com essa seqüência de identidade como uma referência e pode obter os valores específicos para as coordenadas 'top' dos elementos dentro da janela do navegador 'esquerda' e . Coisas que você precisa
editor de texto
browser
Show Mais instruções
1

Abra um novo arquivo no editor de texto e salve-o como " coordinates.HTML . " Escrever ou copiar este código declaração documento HTML para o arquivo :

< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Strict //EN "

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " >

< br > Página 2

Escreva ou copie este HTML código no arquivo : .


Elemento Coordenadas


< tipo style = "text /css" >

# caixa

{

position: absolute ;

z -index: 1;

visibilidade : visível;

width: 10.0em ;

height: 5.0em ;

top : 1.0em ;

esquerda : 1.0em ;

fronteira : 2px solid # ccc ;

-moz- border-radius : 0.5em ; - raio

- webkit-border , Foto: 0.5em ;

text-align : center;

padding: 1.0em ; }


p {

font-size: 1.2em ;

font-weight: 900 ;

color: # 000000 ; }




< /head>
3

Escreva ou copie este HTML código no arquivo :



< br >

Toque-me !


< /div >


;
4

Salve o arquivo e abri-lo no navegador da web. Toque no elemento e ele vai passar para uma nova posição dentro da janela do navegador e exibir a 'esquerda' e 'top' valores de coordenadas.

Anterior :

Próximo : No
  Os artigos relacionados
·Tutorial em jQuery e Google Maps 
·Como usar vários plugins com JW Player 
·Como substituir todos os elementos DIV 
·Como dividir vários separadores em JavaScript 
·Como redirecionar para outra página em JavaScript 
·Como desativar o Google Maps API marcador da bolha 
·Efeitos sequenciais em jQuery 
·Como remover um manipulador de eventos em TinyMCE 
·Como alterar um PHP a um JS 
·JavaScript para determinar se um elemento é Disabled 
  Artigos em destaque
·Como converter decimais para binários assinados 
·Como usar dados de mineração de Algoritmos 
·Como implementar Priority Queue Classe Usando Matriz 
·Como fazer upload de vários arquivos Usando o Flash 
·Como escrever uma função para ode45 
·Como usar o comando Shape no DataReader de Net 2.0 
·Como configurar o IIS 6 
·Como determinar o número de horas entre dois tempos no…
·Como escrever um script em ASP 
·Como fazer uma coluna em um GridView em uma lista Drop 
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados