Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] problem z dynamiczną zmianą zmiennej
Forum PHP.pl > Forum > Przedszkole
sweter
20.03.2009, 20:41:43
Mam taki kod:
Kod
<html>
</head>
<script language="javascript">
      var zmienna = 0;
</script>
</head>
<body>

<a onclick="var zmienna=1;" href="#">1</a> |
<a onclick="var zmienna=2;" href="#">2</a>

<script language="javascript">
document.write("Wybrałeś " + zmienna);
</script>
</body>
</html>


I nie wiem czemu, gdy kliknę na 1 lub 2 to napis pod spodem nie zmienia się.
Możecie mnie oświecić?
piotrooo89
20.03.2009, 20:51:30
a może tak:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script>
  4. function klik(co)
  5. {
  6. 	var pole = document.getElementById('pok');
  7. 	pole.innerHTML = co;
  8. }
  9. </script>
  10. </head>
  11. <body>
  12.  
  13. <a onClick="klik(1);" href="#">1</a> |
  14. <a onClick="klik(2);" href="#">2</a>
  15.  
  16. <div id="pok"></div>
  17. </body>
  18. </html>
[HTML] pobierz, plaintext
sweter
20.03.2009, 21:04:37
Dzięki, ale ja wolałbym, żeby te cyferki były przechowywane w zmiennej.
piotrooo89
20.03.2009, 21:06:09
po co? podajesz je jako argument funkcji...
erix
20.03.2009, 21:15:22
Cytat
Możecie mnie oświecić?

Nie wywołujesz metody, która uaktualnia dane. Sama zmienna ma nową wartość tylko w pamięci, a nie ma odzwierciedlenia w drzewie dokumentu. Jeśli byś chciał samą zmienną, to musiałbyś zrobić funkcję "nasłuchującą", czyli taką, która by odświeżała zawartość tekstu.

PS. document.write raczej kojarzy się z czasami Netscape Communicator; poza tym - nie zmodyfikujesz wartości już zrenderowanego dokumentu.
sweter
20.03.2009, 21:16:31
no dobra, a możesz mi powiedzieć jak wyciągnąć z Twojej funkcji numer na który się klikneło?
melkorm
20.03.2009, 21:18:29
pod linijką z funcją

Kod
alert(co);


może jakiś tutorial JS'owy na początek snitch.gif

... tak tylko radze .... .
piotrooo89
20.03.2009, 21:18:48
Cytat
numer na który się klikneło?


nie rozumiem? podajesz go jako argument funkcji, ten numerek.
sweter
21.03.2009, 12:32:20
Napiszę, może o co mi chodzi, bo coś nie możemy się dogadać smile.gif

Mam tabelką z trzema komórkami.
Chcę, aby użytkownik mógł kliknąć na jednym kwadracie i zwolnic przycisk na innym, i żeby numery kwadracików były przechowywane w zmiennej w jednej funkcji.

Na razie mam coś takiego, ale jedna funkcja jest wywoływana dwa razy, a to nie oto mi chodziło
Kod
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>

<script language="javascript">
  function klikniecie(cyfra){
      document.write("Klikni^eto na przycisku nr " + cyfra);
  }
  function zwolnienie(cyfra2){
      document.write("Zwolniono na przycisku nr " + cyfra2)
  }
  function klikniecie(stop,start){
       alert("start: " + start + ", stop: " +stop);
  }
</script>
</head>
<body>


<table width="90" border="1">
  <tr height="30">
    <td width="30"><div id="1" onmousedown="klikniecie(0,1)" onmouseup="klikniecie(1)" style="background-color:green; width:30px; height:30px;"></div></td>
    <td width="30"><div id="2" onmousedown="klikniecie(0,2)" onmouseup="klikniecie(2)" style="background-color:green; width:30px; height:30px;"></div></td>
    <td width="30"><div id="3" onmousedown="klikniecie(0,3)" onmouseup="klikniecie(3)" style="background-color:green; width:30px; height:30px;"></div></td>
  </tr>
</table>


</body>
</html>
erix
21.03.2009, 12:49:11
Napisałem coś:
Cytat
PS. document.write raczej kojarzy się z czasami Netscape Communicator; poza tym - nie zmodyfikujesz wartości już zrenderowanego dokumentu.


Poza tym:
Kod
function klikniecie(cyfra){
      document.write("Klikni^eto na przycisku nr " + cyfra);
  }
  function zwolnienie(cyfra2){
      document.write("Zwolniono na przycisku nr " + cyfra2)
  }

Zrób zmienną uwspólnioną dla obu funkcji i w niej przechowuj wartości. Poza tym, klikniecie przyjmuje jeden argument; drugi, który podajesz, jest ignorowany.
Spawnm
21.03.2009, 13:09:28
zobacz to:
[HTML] pobierz, plaintext 
  1. <script language="JavaScript">
  2. function klik(jak,co){
  3. if(jak==1) {
  4.   document.getElementById('klik').innerHTML='kliknol na'+co;  
  5.  }
  6.  else
  7.  {
  8.  document.getElementById('klik').innerHTML="zwolnil na"+co;
  9.  }
  10. }
  11. </script>
  12.  
  13. <div id=klik style=" z-index: 2; width:100px; height:25; background-color:black; color: white;   " ></div>
  14. <div onmousedown="klik(1,1)" onmouseup="klik(2,1)">klik1</div>
  15. <div onmousedown="klik(1,2)"  onmouseup="klik(2,2)">klik2</div>
[HTML] pobierz, plaintext


//edit-> mini optymalizacja kodu
piotrooo89
21.03.2009, 13:18:05
a może Coś takiego?

[HTML] pobierz, plaintext 
  1. <script>
  2. function zakres(one)
  3. {
  4. 	var pole = document.getElementById('pok');
  5.  
  6.  
  7. 	if (pole.innerHTML > 3)
  8. 	{
  9. 		pole.innerHTML = '';
  10. 		pole.innerHTML = one;
  11. 	}
  12. 	else
  13. 	{
  14. 		pole.innerHTML += one;
  15. 	}
  16. }
  17. </script>
  18.  
  19.  
  20. <table width="90" border="1">
  21.   <tr height="30">
  22.     <td width="30"><div id="1" onClick="zakres(1)" style="background-color:green; width:30px; height:30px;"></div></td>
  23.     <td width="30"><div id="2" onClick="zakres(2)" style="background-color:green; width:30px; height:30px;"></div></td>
  24.     <td width="30"><div id="3" onClick="zakres(3)" style="background-color:green; width:30px; height:30px;"></div></td>
  25.   </tr>
  26. </table>
  27.  
  28. <div id="pok">
  29. </div>
[HTML] pobierz, plaintext
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.