Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Odejmowanie po kliknięciu
Forum PHP.pl > Forum > Przedszkole
brodżo
Dzięn dobry. Chcę zrobić odejmowanie liczby po kliknięciu.
Przykład:
na wstępie mam liczbę 10 i kiedy kliknę w diva o id left to odejmuje -1 i wyświetla stan czyli 9 lub gdy kliknę w prawo to dodaje +1 i także wyświetla. Działa mi tylko wtedy gdy wpiszę konkretną liczbę do funkcji, a gdy dam ++id to już nie.

  1. <!DOCTYPE html>
  2. </head>
  3.  
  4. <a href="java script:left(--id)"><div id="left"></div></a>
  5. <div id="right" onclick="right(++id)"></div>
  6.  
  7. <span id="leftAlert" style="font-size: 20px"></span>
  8. <span id="rightAlert" style="font-size: 20px"></span>
  9.  
  10. <script type="text/javascript">
  11.  
  12. function left(id){
  13. document.getElementById('leftAlert').innerHTML = "<p><span><h1>"+id+"</h1></span></p>"
  14. }
  15.  
  16. left(10)
  17.  
  18. function right(id){
  19. document.getElementById('rightAlert').innerHTML = "<p><span><h1>"+id+"</h1></span></p>"
  20. }
  21.  
  22. right(10)
  23.  
  24.  
  25. </body>
  26. </html>


jak zrobię tak to działa, ale zwiększa liczbę 10 o podaną, a mi chodzi o to abym mógł cały czas zwiększać lub zmniejszać za każdym kliknięciem

  1.  
  2. <a href="java script:left(9)"><div id="left"></div></a>
  3. <div id="right" onclick="right(11)"></div>
  4.  


Z góry serdecznie dziękuje za pomoc smile.gif
Turson
http://jsfiddle.net/pL7YW/
brodżo
O to mi chodziło, dzięki Turson biggrin.gif.
Teraz mam taki problem że nie dodaje mi jednej liczby do drugiej tylko je łączy ze sobą

  1.  
  2. function right(){
  3. id = $("#imageId").text() + 1 //tu jakas liczba np 6 ma dodac 1 czyli wynik to 7 a jest takie cos 61
  4. document.getElementById('span').innerHTML = 'zdjecie o id: '+id
  5. document.getElementById('imageId').innerHTML = id
  6. document.getElementById('center').src = 'news'+id+'.jpg'
  7. }
  8.  


jest na to może jakiś znak ucieczki?
Turson
Zauważ, że moim kodzie jest parseInt().
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.