Ir para conteúdo

POWERED BY:

Arquivado

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

neto-sp

posicao na tela

Por , em Javascript

Recommended Posts

neto-sp    0

neto-sp
Postado

Vcs poderiam me ajudar com algo simples mas não sei como fazer,Preciso posicionar algumas imagens em uma página e quando eu clicar preciso como retorno a posição da imagem na tela: TOP e LEFT. Se puder me ajudar agradeço,Abraços ...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fleury    3

Fleury
Postado

Elas vão ter de estar dentro de DIVs

<div id="imagem1" style="z-index: 1; top: 15px; left: 15px; width: 150px; height: 100px"><img src="image.jpg" width="150" height="100"></div>

Para verificar:

<input type="button" value="Informa" onClick="alert('Top: '+document.getElementById('imagem1').style.top+'\nLeft: '+document.getElementById('imagem1').style.left)">

Compartilhar este post

Link para o post
Compartilhar em outros sites

neto-sp    0

neto-sp
Postado

Elas vão ter de estar dentro de DIVs

<div id="imagem1" style="z-index: 1; top: 15px; left: 15px; width: 150px; height: 100px"><img src="image.jpg" width="150" height="100"></div>
Para verificar:
<input type="button" value="Informa" onClick="alert('Top: '+document.getElementById('imagem1').style.top+'\nLeft: '+document.getElementById('imagem1').style.left)">
VALEU !!!vALEU , MUITO OBRIGADO

Assim também:

<HTML><HEAD><TITLE> New Document </TITLE><script language="JavaScript" type="text/JavaScript">function Valor(Obj){var T=document.getElementById(Obj);alert("Top: " + T.offsetTop + "\nWidth: " + T.offsetWidth + "\nLeft: " + T.offsetLeft+ "\nHeight: " + T.offsetHeight);}</script></HEAD><body><img src="imagem.jpg" id="Fig"><br><br><input name="Visualizar" type="button" onClick="Valor('Fig');" value="Visualizar"></body></HTML>
:)

Compartilhar este post

Link para o post
Compartilhar em outros sites

neto-sp    0

neto-sp
Postado

´SÓ MAIS UM DETALHE AO INVES DO BOTAO "VISUALIZAR" EU GOSTARIA DE CLICAR NA PRÓPRIA IMAGEM E MOSTRAR A MENSAGEM.... VALEU ... SOU INICIANTE OBRIGADO PELA ATENÇÃO DE VCS ...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fleury    3

Fleury
Postado 
<img src="imagem.jpg" id="Fig" onClick="Valor('Fig');">

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