Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][HTML][CSS]Jak zrobić możliwość anulowania "łapki w górę"
Generic
post
Post #1





Grupa: Zarejestrowani
Postów: 224
Pomógł: 0
Dołączył: 31.10.2012

Ostrzeżenie: (10%)
X----


Witam. Problem tak jak w tytule. Jak dodać możliwość do kodu poniżej aby po drugim kliknięciu w przycisk anulować przyznaną "łapkę w górę" i przycisk wyglądał tak jak wyglądał pierwotnie czyli w tym przypadku bez niebieskiego tła. Z góry dziękuję i pozdrawiam.

http://jsfiddle.net/kpyyxzLf/
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
thek
post
Post #2





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D




toggle? (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
Generic
post
Post #3





Grupa: Zarejestrowani
Postów: 224
Pomógł: 0
Dołączył: 31.10.2012

Ostrzeżenie: (10%)
X----


@thek a co myślisz o takim rozwiązaniu:

  1.  
  2. $(document).ready(function()
  3. {
  4. var action = 1;
  5.  
  6. $("#like_button").click(function()
  7. {
  8. if(action === 1)
  9. {
  10. $("#like_button").css("background", "red');
  11. action = 2;
  12. }
  13. else
  14. {
  15. $("#like_button").css("background", "white); /* Domyslny kolor identyczny jak na poczatku */
  16. action = 1;
  17. }
  18. });
  19. });
  20.  
  21.  



PS. Wiesz może jak usunąć te niebieskie obramowanie które się pojawia po kliknięciu w chromie?

Ten post edytował Generic 11.09.2015, 17:51:26
Go to the top of the page
+Quote Post
Pyton_000
post
Post #4





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

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


Ad PS.
input:focus {outline:0;}
Go to the top of the page
+Quote Post
Generic
post
Post #5





Grupa: Zarejestrowani
Postów: 224
Pomógł: 0
Dołączył: 31.10.2012

Ostrzeżenie: (10%)
X----


Cytat(Pyton_000 @ 11.09.2015, 18:53:58 ) *
Ad PS.
input:focus {outline:0;}


Dzięki @Pyton_000 (IMG:style_emoticons/default/biggrin.gif)
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 23.08.2025 - 23:44