Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]zmiana wartosci onclick po kliknieciu, połączone z window.location
Kamils2
post 19.10.2012, 16:46:06
Post #1





Grupa: Zarejestrowani
Postów: 158
Pomógł: 0
Dołączył: 13.09.2006
Skąd: Puławy

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


Witam,
Jestem początkujący jeśli chodzi o js'a i mam następujący problem.

Mam taki button na dole strony

  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>


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

  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>


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
Go to the top of the page
+Quote Post
b4rt3kk
post 19.10.2012, 17:00:21
Post #2





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

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


  1. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
  2. <script type="text/javascript">
  3. $(function(){
  4. $('.costam').click(function(){
  5. var adres = $(this).attr('rel');
  6. $('#del_button').attr('onclick', 'window.location="'+adres+'"');
  7. });
  8. });
  9. </head>
  10.  
  11. <button class="delete_confirm dark red no_margin_bottom close_dialog" id="del_button" onclick="">
  12. <div class="ui-icon ui-icon-check"></div>
  13. <span>'.$t[6].'</span>
  14. </button>
  15.  
  16. <button class="costam" rel="adres1"></button>
  17. <button class="costam" rel="adres2"></button>
  18. <button class="costam" rel="adres3"></button>
  19. <button class="costam" rel="adres4"></button>


--------------------
Jeśli pomogłem, kliknij proszę 'pomógł'. Dzięki.
Go to the top of the page
+Quote Post
Kamils2
post 19.10.2012, 17:16:21
Post #3





Grupa: Zarejestrowani
Postów: 158
Pomógł: 0
Dołączył: 13.09.2006
Skąd: Puławy

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


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

  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>


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 ?
Go to the top of the page
+Quote Post
b4rt3kk
post 19.10.2012, 17:48:20
Post #4





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

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


Tzn. nie do końca wiem o który button chodzi, ten dla którego przypisujemy onclick, czy ten który przypisuje onclick?


--------------------
Jeśli pomogłem, kliknij proszę 'pomógł'. Dzięki.
Go to the top of the page
+Quote Post
Kamils2
post 19.10.2012, 17:50:31
Post #5





Grupa: Zarejestrowani
Postów: 158
Pomógł: 0
Dołączył: 13.09.2006
Skąd: Puławy

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


Chodzi o te buttony

  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>


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

Ten post edytował Kamils2 19.10.2012, 17:51:38
Go to the top of the page
+Quote Post
b4rt3kk
post 19.10.2012, 17:53:43
Post #6





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

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


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:

  1. $('.costam').click(function(){


--------------------
Jeśli pomogłem, kliknij proszę 'pomógł'. Dzięki.
Go to the top of the page
+Quote Post
Kamils2
post 19.10.2012, 17:57:51
Post #7





Grupa: Zarejestrowani
Postów: 158
Pomógł: 0
Dołączył: 13.09.2006
Skąd: Puławy

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


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
Go to the top of the page
+Quote Post
b4rt3kk
post 19.10.2012, 18:02:52
Post #8





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

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


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


--------------------
Jeśli pomogłem, kliknij proszę 'pomógł'. Dzięki.
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 29.04.2025 - 06:17