Przycisk w html aktywny/nieaktywny

Question

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?

Answer 1

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/onclick + https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

Answer 2

Gdy przerobie to na button, to bede mogl w jakis sposob przerobic go na nieaktywny za pomoca polecenia w js?

Comments

Tak, operując atrybutem [disabled]

Answer 3

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

Comments

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';

 

---

Dzięki za poprawienie, troche się zagalopowałem :)

Answer 4

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. 

Comments

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]

Answer 5

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?