Forum PHP.pl

w jaki sposób mając jakąś grafikę mógłbym uzyskać najbliższe współrzędne podzielne przez 32 od punktu kliknięcia?

Robisz np.:

[HTML] pobierz, plaintext 
<input type="image" name="image" src="obrazek.png">
[HTML] pobierz, plaintext 

Po wysłaniu formularza:

[PHP] pobierz, plaintext 
$x = round($_POST['image_x'] / 32) * 32;
$y = round($_POST['image_y'] / 32) * 32;
[PHP] pobierz, plaintext 

Ten post edytował croc 7.12.2011, 20:44:48

chodzi mi wyłącznie o javascript.

[JAVASCRIPT] pobierz, plaintext 
x = Math.round(pos.left / 32) * 32;
y = Math.round(pos.top / 32) * 32;
[JAVASCRIPT] pobierz, plaintext 

no dobra, to mam. jeszcze jedno pytanko.

załóżmy że mam diva 512 x 512, jego background ma wielokrotnie większe rozmiary bo 1280 x 6332. jeśli kliknę na tego diva to po prostu pokaże mi pozycje absolutną. a jakby to wykminić, by pokazało pozycję kliknięcia względem obrazka? czyli tak jakby po zmianie background-position i kliknięciu w to samo miejsce na divie, pozycja się zmieni, bo obrazek również poleci gdzie indziej

event.pageX - this.offsetLeft i event.pageY - this.offsetTop, gdzie this to obiekt, na który klikasz.

this.offsetTop i this.offsetLeft zwracają zawsze 0. chciałem użyć tego w jquery:
this.offset().left, ale konsola błędów mówi że this.offset is not a function.

[JAVASCRIPT] pobierz, plaintext 
$('#area').click(function(e) {
 $('body span').html((e.pageX - this.offsetLeft) + ',' + (e.pageY - this.offsetTop)); // zwraca normalną pozycje e.pageX e.pageY, 
 
 $('body span').html(this.offsetLeft + ',' + this.offsetTop); // 0,0
 
 $('body span').html(this.offset().left + ',' + this.offset().top); //error w konsoli
});
[JAVASCRIPT] pobierz, plaintext