Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js]Okreslanie pozycji pola input
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
skowron-line
Witam mam takie pytanie jak automatycznie okreslic pozycje pola input zeby móc pod nim wyswietlić div z podpowiedziami??
mike
Quirksmode - JavaScript - Find position
zbig
  1. function findPos(obj)
  2. {
  3. var curleft = curtop = 0;
  4. if (obj.offsetParent) {
  5. curleft = obj.offsetLeft
  6. curtop = obj.offsetTop
  7. while (obj = obj.offsetParent) {
  8. curleft += obj.offsetLeft
  9. curtop += obj.offsetTop
  10. }
  11. }
  12.  
  13. return [curleft,curtop];
  14. }


pozdrawiam
skowron-line
  1. <script type="text/javascript">
  2.  
  3. function showHint(left,top){
  4. var a = document.getElementById('a');
  5. a.style.display="block";
  6. a.style.top = top+"px";
  7. a.style.left = left+"px";
  8. }
  9.  
  10. function findPos(obj)
  11. {
  12. var curleft = curtop = 0;
  13. if (obj.offsetParent) {
  14. curleft = obj.offsetLeft
  15. curtop = obj.offsetTop
  16. while (obj = obj.offsetParent) {
  17. curleft += obj.offsetLeft
  18. curtop += obj.offsetTop
  19. }
  20. }
  21. alert(curleft+' and '+curtop);
  22. showHint(curleft,curtop);
  23. //return [curleft,curtop];
  24. }
  25.  
  26.  
  27. <div id="a" style="display:none;">tekst tekst</div>
  28. <center><input type="text" id="in" onclick="findPos('in');"></center>

alert zwraca 0 and 0
co zrobilem zle??
sprawdzalem pod IE FF i Mozareli

@zbig nabijasz sobie posty??
nospor
findPos przyjmuje obiekt a nie id....
zamiast: onclick="findPos('in');"
daj: onclick="findPos(this);"

@zbig nie nabijaj tak bezczelnie postów!!!
skowron-line
dzieki nospor o to chodzilo teraz dziala jak powinno
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.