Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]zmiana wartosci onclick po kliknieciu
Forum PHP.pl > Forum > Przedszkole
Kamils2
19.10.2012, 16:46:06
Witam,
Jestem początkujący jeśli chodzi o js'a i mam następujący problem.

Mam taki button na dole strony

[HTML] pobierz, plaintext 
  1. <button class="delete_confirm dark red no_margin_bottom close_dialog" id="del_button" onclick="">
  2. 					 <div class="ui-icon ui-icon-check"></div>
  3. 					 <span>'.$t[6].'</span>
  4. 				 </button>
[HTML] pobierz, plaintext


jego id to "del_button" a wartosc onclick jest pusta , chcę dodać kod do innych buttonów , który będzie mi zmieniał wartość onclick tego del_button na taką jaką tam podam
czyli przykład

[HTML] pobierz, plaintext 
  1. <button onclick="zmien wartosc onclick dla del_button na window.location="adres1"></button>
  2. <button onclick="zmien wartosc onclick dla del_button na window.location="adres2"></button>
  3. <button onclick="zmien wartosc onclick dla del_button na window.location="adres3"></button>
  4. <button onclick="zmien wartosc onclick dla del_button na window.location="adres4"></button>
[HTML] pobierz, plaintext


Czy mogę prosić was o pomoc w stworzeniu takiego prostego kodu js , na pewn wiem ze muszę skorzystać z get element by id itd ale potem nie za bardzo wiem jak zmienic onclick i podac w nim window location bez popsucia kodu zla klamerką czy przecinkiem

Pozdrawiam Kamil
b4rt3kk
19.10.2012, 17:00:21 
[HTML] pobierz, plaintext 
  1. <head>
  2. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
  3. <script type="text/javascript">
  4. $(function(){
  5.   $('.costam').click(function(){
  6.     var adres = $(this).attr('rel');
  7.     $('#del_button').attr('onclick', 'window.location="'+adres+'"');
  8.   });  
  9. });
  10. </script>
  11. </head>
  12.  
  13. <button class="delete_confirm dark red no_margin_bottom close_dialog" id="del_button" onclick="">
  14. 					 <div class="ui-icon ui-icon-check"></div>
  15. 					 <span>'.$t[6].'</span>
  16. 				 </button>
  17.  
  18. <button class="costam" rel="adres1"></button>
  19. <button class="costam" rel="adres2"></button>
  20. <button class="costam" rel="adres3"></button>
  21. <button class="costam" rel="adres4"></button>
[HTML] pobierz, plaintext
Kamils2
19.10.2012, 17:16:21
działa super , dzieki za pomoc smile.gif
mam tylko jedno pytanie co zrobić w sytuacji gdy ten button który ma zmieniac adres nie ma konkretnej klasy a uzywa kilku klas

[HTML] pobierz, plaintext 
  1. <button class="red tiny dialog_button" data-dialog="dialog_delete" id="change_button" rel="accounts,2,0,'.$r['user_id'].',0">
  2. 	       <img src="skin/images/icons/small/white/trashcan.png">
  3. 	       <span>'.$t[6].'</span>
  4. 	      </button>
[HTML] pobierz, plaintext


nie moge uzyc w takim przypadku elementu id bo element o danym id moze byc jeden a takich buttonow jest na liscie z 30 ;/
czy mozna to jakos obejsc ?
b4rt3kk
19.10.2012, 17:48:20
Tzn. nie do końca wiem o który button chodzi, ten dla którego przypisujemy onclick, czy ten który przypisuje onclick?
Kamils2
19.10.2012, 17:50:31
Chodzi o te buttony 

[HTML] pobierz, plaintext 
  1. <button class="costam" rel="adres1"></button>
  2. <button class="costam" rel="adres2"></button>
  3. <button class="costam" rel="adres3"></button>
  4. <button class="costam" rel="adres4"></button>
[HTML] pobierz, plaintext


Tutaj one maja klase costam dla przykladu jednak w rzeczywistosci ich class wyglada tak "red tiny dialog_button" i to wlasnie powoduje ten problem bo w przypadku jednej klasy dziala ale w przypadku trzech klas juz nie ;/ bo te klasy odpowiadaja kolejno za kolor przycisku , jego rozmiar oraz trzecia klasa ktora powoduje wywolanie okienka ktore normlanie ma status hidden dlatego koneicznie musze zachowac te trzy klasy tam
b4rt3kk
19.10.2012, 17:53:43
Te buttony mogą mieć dowolną liczbę klas, nie zakłóci to działania skryptu, byle pozostała wśród nich klasa 'costam' po której są identyfikowane przez jQuery. Możesz ją oczywiście zmienić na dowolną inną klasę, równocześnie zmieniając 'costam' na nową nazwę tutaj:

[HTML] pobierz, plaintext 
  1. $('.costam').click(function(){
[HTML] pobierz, plaintext
Kamils2
19.10.2012, 17:57:51
dzięki jesteś wielki!
rozwiązałeś mój problem, który mi spokoju nie dawał od dwóch dni ja zrobiłem w ten czas cały system użytkowników , system do obsługi podstron oraz zakodowałem szablon a nie mogłem tego kasowania (bo to jest używane przy kasowaniu wpisów) jakoś rozwiązać , jeszcze raz wielkie dzięki wkońcu mogę spokojnie spać a nie o tym cały czas myśleć smile.gif)
oczywiście plusiki lecą jeszcze raz dzięki za pomoc
b4rt3kk
19.10.2012, 18:02:52
Cytat(Kamils2 @ 19.10.2012, 18:57:51 ) *
dzięki jesteś wielki!
rozwiązałeś mój problem, który mi spokoju nie dawał od dwóch dni ja zrobiłem w ten czas cały system użytkowników , system do obsługi podstron oraz zakodowałem szablon a nie mogłem tego kasowania (bo to jest używane przy kasowaniu wpisów) jakoś rozwiązać , jeszcze raz wielkie dzięki wkońcu mogę spokojnie spać a nie o tym cały czas myśleć smile.gif)
oczywiście plusiki lecą jeszcze raz dzięki za pomoc


Nie ma problemu. Pozdrawiam. smile.gif
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.