Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][HTML][CSS]Jak zrobić możliwość anulowania "łapki w górę"
Generic
post 10.09.2015, 20:51:33
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
thek
post 10.09.2015, 22:16:35
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? smile.gif


--------------------
Najpierw był manual... Jeśli tam nie zawarto słów mądrości to zapytaj wszechwiedzącego Google zadając mu własciwe pytania. A jeśli i on milczy to Twój problem nie istnieje :D
Go to the top of the page
+Quote Post
Generic
post 11.09.2015, 17:49:53
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 11.09.2015, 17:53:58
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 11.09.2015, 18:00:15
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 biggrin.gif
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: 28.03.2024 - 17:57