• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Przycisk w html aktywny/nieaktywny

Object Storage Arubacloud
0 głosów
3,158 wizyt
pytanie zadane 2 czerwca 2015 w JavaScript przez michal Mądrala (5,560 p.)
Mam w html przycisk: <a id="submit" onclick="czysc(), losuj(), podlicz()">START</a>  i chce zrobic tak ze jesli w javascript spełni mi sie warunek if, to zeby w instrukcji miec polecenie ktore spowoduje, zeby ten przycisk stal sie nieaktywny. Czy ktoś mi doradzi jak to moge uzyskac?

5 odpowiedzi

+1 głos
odpowiedź 2 czerwca 2015 przez Comandeer Guru (602,560 p.)

Nieaktywny to może być button - na linku można co najwyżej zablokować domyślną akcję: https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault

Ogólnie to warto przenieść obsługę kliku do JS: https://pornel.net/onclickhttps://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

0 głosów
odpowiedź 2 czerwca 2015 przez michal Mądrala (5,560 p.)
Gdy przerobie to na button, to bede mogl w jakis sposob przerobic go na nieaktywny za pomoca polecenia w js?
komentarz 2 czerwca 2015 przez Comandeer Guru (602,560 p.)

Tak, operując atrybutem [disabled]

0 głosów
odpowiedź 2 czerwca 2015 przez Czort Nałogowiec (32,500 p.)

document.getElementById('submit').style.pointer-events = 'none';
komentarz 2 czerwca 2015 przez Comandeer Guru (602,560 p.)

Szkoda, że link da się też odpalić z poziomu klawiatury, więc Twój kod zaliczyłby wówczas epic faila ;)

No i masz syntax errora. Powinno być:

document.getElementById('submit').style.pointerEvents = 'none';

 

komentarz 2 czerwca 2015 przez Czort Nałogowiec (32,500 p.)
Dzięki za poprawienie, troche się zagalopowałem :)
0 głosów
odpowiedź 3 czerwca 2015 przez michal Mądrala (5,560 p.)

Nie chce mi to sie uruchomic :(

Jak wstawilem:

document.getElementById('submit').style.pointer-events = 'none';

To w tedy wogole mi tem przycisk nie dziala na samym początku, nawet warunek nie musi byc spelniony,natomiast jak wstawie:

document.getElementById('submit').style.pointerEvents = 'none';

to wtedy przycisk dziala i nawet po spelnieniu warunku tez dziala. 

komentarz 3 czerwca 2015 przez Comandeer Guru (602,560 p.)

No przecież nie działa… http://jsfiddle.net/Comandeer/8dyzro4e/ (ale można go "kliknąć" z klawiatury!). W czym testujesz?

Najsensowniej i tak jest nadawać atrybut [disabled]

0 głosów
odpowiedź 18 czerwca 2015 przez michal Mądrala (5,560 p.)
Uporałem sie z tym problemem w ten sposob ze wstawilem to do diva, a w js napisalem getElementById ktory podmienia mi zawartosc tego diva na to samo bez onclick.  Wszystki mi teraz dziala, tylko czy to jest poprawnie wedlug was zrobione?

Podobne pytania

0 głosów
1 odpowiedź 487 wizyt
pytanie zadane 3 kwietnia 2021 w HTML i CSS przez Nearr Obywatel (1,890 p.)
+1 głos
1 odpowiedź 699 wizyt
pytanie zadane 7 sierpnia 2015 w JavaScript przez edwin Początkujący (410 p.)
0 głosów
1 odpowiedź 468 wizyt

92,671 zapytań

141,570 odpowiedzi

320,042 komentarzy

62,036 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...