Jump to content
loonix

Javascript - Coordenadas

Recommended Posts

loonix

Boas pessoal!

eu estou a elaborar um programa que me guarda as coordenadas do ecran, mas para já só tenho a parte de ao clicar ele dar as coordenadas para uma "textbox".

O que realmente queria fazer era guardar as coordenadas dos 9 pontos em variáveis como: x1 / y1, x2 / y2..até 9

Se alguém me puder ajudar nisto ficaria grato.

O código é o seguinte:

<html>
<head>
<title>Coordenadas</title>
<script type="text/javascript" src="jquery.min.js"></script> <!-- jQuery core -->
<script type="text/javascript">
var divObj;
var n_click=0;
//var x1 = event.pageX
//var y1 = event.pageY
// Variáveis ideais 800/600
//meio
var ix1 =364
var iy1 =300
//sup esq
var ix2 =18
var iy2 =18
//inf esq
var ix3 =18
var iy3 =581
//inf dir
var ix4 =782
var iy4 =581
//sup dir
var ix5 =18
var iy5 =782
//meio sup
var ix6 =364
var iy6 =18
//meio esq
var ix7 =18
var iy7 =300
//meio inf
var ix8 =364
var iy8 =581
//meio dir
var ix9 =782
var iy9 =300


document.onclick=getMouseCoordinates;


function getMouseCoordinates(event)
{

ev = event || window.event;


//resoluçao
var screenW = 640, screenH = 480;
if (parseInt(navigator.appVersion)>3) {
screenW = screen.width;
screenH = screen.height;
}
else if (navigator.appName == "Netscape" 
    && parseInt(navigator.appVersion)==3
    && navigator.javaEnabled()
   ) 
{
var jToolkit = java.awt.Toolkit.getDefaultToolkit();
var jScreenSize = jToolkit.getScreenSize();
screenW = jScreenSize.width;
screenH = jScreenSize.height;
}


txt.value = "Mouse X:"+ev.pageX + " Mouse Y:"+ev.pageY+" - Resolução: "+screenW+"X"+screenH+"n_c:"+n_click;

n_click = n_click + 1;
}


function loadDiv()
{
divObj = document.getElementById("mouseCoord");
}

function limpa_contador()
{
n_click=0;
}

function g_p(n_x)
{
alert(n_x);
//alert(x1)
//alert(evnt.pagex)
}




</script>
</head>

<body>


<!--<div id="mouseCoord">Mouse Coordinates position will be displayed here.
</div>-->
<table id="mouseCoord" width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" bordercolor="#000000" style="font-size:28px; font-weight:800;">
<tr valign="top">
	<td align="left"><img id="sup_esq" src="2.jpg" width="20" hight="20" onclick="g_p(2);this.style.visibility= 'hidden';" ></td><!-- sup esq-->

	<td align="center"><img id="cen_sup" src="6.jpg" width="20" hight="20" onclick="g_p(6);this.style.visibility= 'hidden';" ></td><!-- centro sup-->
	<td align="right"><img id="sup_dir" src="5.jpg" width="20" hight="20" onclick="g_p(5);this.style.visibility= 'hidden';" ></td><!-- sup dir-->

</tr>

</script>
<tr valign="middle">
	<td align="left"> </td>
	<td align="center"><input id="txt" style="width:350px " ></td>
	<td align="right"><input type="submit" name="Submit" value="Reset" onclick="limpa_contador();"></td></td>
</tr>
<tr valign="middle">
	<td align="left"><img src="7.jpg" width="20" hight="20" onclick="g_p(7);this.style.visibility= 'hidden';" ></td><!-- centro esq-->
	<td align="center"><img src="1.jpg" width="20" hight="20" onclick="g_p(1);this.style.visibility= 'hidden';" ></td><!-- centro-->	
	<td align="right"><img src="9.jpg" width="20" hight="20" onclick="g_p(9);this.style.visibility= 'hidden';" ></td><!-- centro dir-->
</tr>
<tr valign="middle">
	<td align="left"> </td>
	<td align="center"> </td>
	<td align="right"> </td>
</tr>
<tr valign="bottom">
	<td align="left"><img src="3.jpg" width="20" hight="20" onclick="g_p(3);this.style.visibility= 'hidden';" ></td><!-- inf esq-->
	<td align="center"><img src="8.jpg" width="20" hight="20" onclick="g_p(8);this.style.visibility= 'hidden';" ></td><!-- centro inf-->
	<td align="right"><img src="4.jpg" width="20" hight="20" onclick="g_p(4);this.style.visibility= 'hidden';" ></td><!-- inf dir-->
</tr>
</table>
</body>
</html>


Share this post


Link to post
Share on other sites
brunoais

Em que parte desse programa precisas de ajuda?


"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Share this post


Link to post
Share on other sites
loonix

so preciso de saber como ponho ai um codigo para quando clico no browser para me guardar a coordenada desse local.

Share this post


Link to post
Share on other sites
brunoais

element.addEventListener('click', function(e){

e.pageX; // Posição X do rato

e.pageY; // Posição Y do rato

}


"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Share this post


Link to post
Share on other sites
loonix

mas isso nao me grava em variáveis:

x1

y1

... :S. Desculpa lá, eu nao entendo muito bem o jq

Share this post


Link to post
Share on other sites
brunoais

O que é que é o jq?


"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Share this post


Link to post
Share on other sites
brunoais

O que eu te assinalei é do javascript API. É completamente independente o jQuery.


"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Share this post


Link to post
Share on other sites
brunoais

Não sei. Ele é demasiado confuso para eu me dar ao trabalho de o perceber como deve ser.


"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Share this post


Link to post
Share on other sites
loonix

já consegui fazer um array para me dar o x e o y:

function ponto_1()
{
var_x[1] = ev.pageX; var_y[1] = ev.pageY;
}

function ponto_2()
{
var_x[2] = ev.pageX; var_y[2] = ev.pageY;
}

....

function resume()
{
alert("X -> 1:"+var_x[1]+" 2:"+var_x[2]+" 3:"+var_x[3]+" 4:"+var_x[4]+" 5:"+var_x[5]+" 6:"+var_x[6]+" 7:"+var_x[7]+" 8:"+var_x[8]+" 9:"+var_x[9]");
alert("Y -> 1:"+var_y[1]+" 2:"+var_y[2]+" 3:"+var_x[3]+" 4:"+var_x[4]+" 5:"+var_x[5]+" 6:"+var_x[6]+" 7:"+var_x[7]+" 8:"+var_x[8]+" 9:"+var_x[9]");
}

agora quando vou a invocar o alert ele dá-me um erro "unterminated string literal".

Será que alguem me pode dar umas dicas?

Obrigado.

Share this post


Link to post
Share on other sites
brunoais

Vê se assim com as corzitas se já percebes o q se passa ;).


"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Share this post


Link to post
Share on other sites
loonix

entendo que está a assumir como texto, mas nao sei modificar já andei aqui ás voltas e não encontro solução... XD

Share this post


Link to post
Share on other sites
brunoais

Se realmente sabes programar em javascript irás facilmente reparar que tens dois " a mais.


"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Share this post


Link to post
Share on other sites
loonix

Eu não sei programar em JS, comecei à uns dias... o problema e esse e não detecto as "" que dizes.

Desculpem a minha ignorância.

Share this post


Link to post
Share on other sites
brunoais

Eu não sei programar em JS, comecei à uns dias... o problema e esse e não detecto as "" que dizes.

Desculpem a minha ignorância.

Nem pelas cores?

Se não consegues, aconselho-te ires a um site como o w3schools (mm com os erros q esse site tem) e/ou a wiki deste site para obteres as bases .


"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.