Remove disabled attribute onClick of disabled form field

by

I came across this thread in another forum so I assume I’ll have to go about it a different way.

http://www.webdeveloper.com/forum/showthread.php?t=186057

Firefox, and perhaps other browsers,
disable DOM events on form fields that
are disabled. Any event that starts at
the disabled form field is completely
canceled and does not propagate up the
DOM tree. Correct me if I’m wrong, but
if you click on the disabled button,
the source of the event is the
disabled button and the click event is
completely wiped out. The browser
literally doesn’t know the button got
clicked, nor does it pass the click
event on. It’s as if you are clicking
on a black hole on the web page.

Work around:

  1. Style the date fields to look as if
    they are disabled.
  2. Make a hidden “use_date” form field
    with a bit value to determine
    whether to use the date fields during processing.
  3. Add new function to onClick of the date fields which will
    change the style class to appear
    enabled and set the “use_date” value
    to 1.

More Related Contents:

  1. How to store objects in HTML5 localStorage
  2. How to Deep clone in javascript
  3. React: “this” is undefined inside a component function
  4. jQuery has deprecated synchronous XMLHTTPRequest
  5. How can I loop through ALL DOM elements on a page?
  6. javascript – shuffle HTML list element order
  7. How can I find matching values in two arrays? [duplicate]
  8. How to completely DISABLE any MOUSE CLICK
  9. Make anchor link go some pixels above where it’s linked to
  10. JavaScript simulate right click through code
  11. How do I add target=”_blank” to a link within a specified div?
  12. How to convert UTF8 string to byte array?
  13. How do you detect when CSS animations start and end with JavaScript?
  14. Is there any method to get the URL without query string?
  15. Javascript – Copy string to clipboard as text/html
  16. What causes the different behaviors between “var” and “let” when assign them a returned value of a function which throws an error
  17. arrow function and this
  18. Can I override the Javascript Function object to log all function calls?
  19. How to send a date directly as text to a calendar control with readonly attribute using Selenium through Python?
  20. control the working directory for ?
  21. Produce a promise which depends on recursive promises
  22. display HTML page after loading complete
  23. Associate a custom user agent to a specific Google Chrome page/tab
  24. Closures in a for loop and lexical environment
  25. Convert a string to base64 in JavaScript. btoa and atob are deprecated
  26. D3.js Set initial zoom level
  27. Max characters in textarea with jquery
  28. Difference between ( for… in ) and ( for… of ) statements?
  29. Maximum Call Stack Size Exceeded During a setTimeout Call
  30. JavaScript while mousedown

Leave a Comment