Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [js]Współrzędne x i y elementu strony
Albert
post 4.10.2007, 17:36:40
Post #1





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 7.05.2006

Ostrzeżenie: (0%)
-----


Witam,

W sieci jest wiele skryptów pozwalających określić współrzędne x i y kursora myszy. Nie znalazłem natomiast informacji jak określić współrzędne jakiegoś elementu, np. div. Nie jestem dobry w js, więc posklejałem coś takiego:

  1. <style type="text/css">
  2.  
  3. .boxx {
  4. position: absolute;
  5. width: 100px;
  6. height: 100px;
  7. left: 0px;
  8. top: 0px;
  9. margin: 0px;
  10. background-color: red;
  11. }
  12.  
  13. <div id="boxx" class="boxx" onclick="XY(event)"></div>
  14. <form name="Show">
  15. <input type="text" name="x">
  16. <input type="text" name="y">
  17. </form>
  18.  
  19.  
  20. <script type="text/javascript">
  21. function XY(){
  22. with(document.Show){
  23.  
  24. x.value=document.getElementById("boxx").style.posLeft;
  25. y.value=document.getElementById("boxx").style.posTop;
  26.  
  27. }
  28. }


Efekt powinien być taki, że w polach formularza powinny wyświetlić się współrzędne elementu, jednak zamiast wartości liczbowych w polach x i y formularza wyświetla się napis "undefined". Proszę o o odpowiednie nakierowanie mnie. Dziękuję!


--------------------
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 1)
nospor
post 4.10.2007, 17:52:20
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




http://forum.php.pl/jsOkreslanie_pozycji_p...put_t77437.html


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 13.08.2025 - 23:41