Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Jak Dobrać Się Do Zmiennych Globanych W Funkcji i jak działa addEventListener()?
23kulpamens
post
Post #1





Grupa: Zarejestrowani
Postów: 57
Pomógł: 1
Dołączył: 11.10.2007

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

Mam taki kod HTML 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <script type="text/javascript">
  6. var IE = document.all?true:false
  7. var tempX = 0
  8. var tempY = 0
  9. var XX = 100
  10. var YY = 100
  11.  
  12. function getMouseXY(e) {
  13.   if (window.IE) { // grab the x-y pos.s if browser is IE
  14.     tempX = event.clientX + document.body.scrollLeft
  15.     tempY = event.clientY + document.body.scrollTop
  16.   } else {  // grab the x-y pos.s if browser is NS
  17.     tempX = e.pageX
  18.     tempY = e.pageY
  19.   }  
  20.   // catch possible negative values in NS4
  21.   if (tempX < 0){tempX = 0}
  22.   if (tempY < 0){tempY = 0} 
  23.   window.XX = 10;
  24.   document.getElementById('xxx').value = "X:" + tempX;
  25.   document.getElementById('yyy').value = "Y:" + tempY;
  26.   document.getElementById('czas').style.width = tempX + "px";
  27.   document.getElementById('czas').style.height = tempY + "px";
  28.   document.getElementById('czas').style.left = tempX + "px";
  29.   document.getElementById('czas').style.top = tempY + "px";
  30.   return true
  31. }
  32.  
  33. function count(){
  34.  
  35.     if (!IE) document.captureEvents(Event.MOUSEMOVE)
  36.     document.onmousemove = getMouseXY;
  37.     window.YY = document.getElementById('xxx').value.toString();
  38.     document.getElementById('ggg').value = window.XX;
  39.     document.getElementById('hhh').value = window.YY;
  40. }
  41.  
  42.  
  43. </script>
  44. </head>
  45. <body>
  46. <div id="czas" style="background-color: aqua; width: 500px; position: absolute; t">
  47. <input id="xxx" name="strength" value="" />
  48. <input id="yyy" name="strength" value="" />
  49. </div>
  50. <input id="ggg" name="strength" value="" />
  51. <input id="hhh" name="strength" value="" />
  52. <script type="text/javascript">count();</script>
  53. </body>
  54. </html>
[HTML] pobierz, plaintext

I wewnątrz funkcji getMouseXY() nie mogę się dobrać do żadnej zmiennej globalnej XX ani YY. Próbowałem też normalnie, nie jako element klasy "window". Nie działa (IMG:http://forum.php.pl/style_emoticons/default/sad.gif) . Jak w takim wypadku mogę zapisać coś do zmiennej globalnej wewnątrz funkcji getMouseXY() żeby móc to później wykorzystywać sobie przy generowaniu dynamicznej zawartości. ( Np. tego rosnącego i malejącego bloku przy kursorze myszki ). Jak widać w kodzie kiedy spróbowałem odczytać wartość z pola <input/> którego zawartość zmienia się w funkcji getMouseXY() to wartośc została odczytana tylko raz na początku wykonania skryptów. Jeżeli źle rozumiem strukturę działania JavaScript lub tego ni da sie zrobić, ktoś mógłby mi wytłumaczyć dlaczego??

Podobno 
[HTML] pobierz, plaintext 
  1. document.captureEvents(Event.MOUSEMOVE)
[HTML] pobierz, plaintext
Jest przestarzałe dlatego należy używać addEventListener(), ale nigdzie nie mogę znaleźć o tym zrozumiałych informacji, a to co znalazłem na stronie mozilli jest kompletnie niejasne. http://developer.mozilla.org/pl/docs/DOM:e...ddEventListener

Ten post edytował 23kulpamens 8.11.2007, 10:17:10
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 4)
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
Cytat
Jak widać w kodzie kiedy spróbowałem odczytać wartość z pola <input/> którego zawartość zmienia się w funkcji getMouseXY() to wartośc została odczytana tylko raz na początku wykonania skryptów.
No bo raz tylko wykonales count(). jak count() moze ci sie wykonywac wiele razy skoro ty go tylko raz wykonales?
Kod
function getMouseXY(e) {
  if (window.IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft
    tempY = event.clientY + document.body.scrollTop
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX
    tempY = e.pageY
  }  
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}
  XX = 10;
  document.getElementById('xxx').value = "X:" + tempX;
  document.getElementById('yyy').value = "Y:" + tempY;
  document.getElementById('czas').style.width = tempX + "px";
  document.getElementById('czas').style.height = tempY + "px";
  document.getElementById('czas').style.left = tempX + "px";
  document.getElementById('czas').style.top = tempY + "px";
    YY = document.getElementById('xxx').value.toString();
    document.getElementById('ggg').value = XX;
    document.getElementById('hhh').value = YY;
  return true
}

function count(){
    
    if (!IE) document.captureEvents(Event.MOUSEMOVE)
    document.onmousemove = getMouseXY;
    
}
Go to the top of the page
+Quote Post
23kulpamens
post
Post #3





Grupa: Zarejestrowani
Postów: 57
Pomógł: 1
Dołączył: 11.10.2007

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

no dobra, a co z zapisem do zmiennej globalnej?? no i czy kotś zna addEventListener() (Mozilla) lub attachEvent() (IE)

Ten post edytował 23kulpamens 7.11.2007, 20:13:05
Go to the top of the page
+Quote Post
nospor
post
Post #4





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
No przeciez napisalem:
YY=.....
zadne window.YY
Go to the top of the page
+Quote Post
23kulpamens
post
Post #5





Grupa: Zarejestrowani
Postów: 57
Pomógł: 1
Dołączył: 11.10.2007

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

Już rozumiem, chodzi o kolejność następowania zdarzeń (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) A window.XX też działa, pomoc Mozilli nawet twierdzi, że takiej formy należy używać (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) Dzięki za poprawiony kod (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował 23kulpamens 8.11.2007, 10:13:23
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 13:57
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn