How to disable all div content

by

Many of the above answers only work on form elements. A simple way to disable any DIV including its contents is to just disable mouse interaction. For example:

$("#mydiv").addClass("disabledbutton");

CSS

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}

Supplement:

Many commented like these: “This will only disallow mouse events, but the control is still enabled” and “you can still navigate by keyboard”. You Could add this code to your script and inputs can’t be reached in other ways like keyboard tab. You could change this code to fit your needs.

$([Parent Container]).find('input').each(function () {
     $(this).attr('disabled', 'disabled');
 });

More Related Contents:

  1. PLEASE assist me.. RE: *FORM FIELDS* I want to Hide() my "type=text box" until the Other option is chosen in the dropdown option
  2. How to hide css and js version details from weppalyzer in PHP
  3. Dynamically adding div on button click and changing Id of each?
  4. How to make page loaders/animations/transitions
  5. How do I pass a URL as a parameter? [closed]
  6. Get specific text from html tag jquery [duplicate]
  7. How to change the image while sharing the content to the social networks? [duplicate]
  8. .index() only for one instance of class [closed]
  9. How to scroll an HTML page to a given anchor
  10. How to reload current page without losing any form data?
  11. How do I link a JavaScript file to a HTML file?
  12. jQuery : simulating a click on a doesn’t work in Firefox? [duplicate]
  13. Changing the selected option of an HTML Select element
  14. “Mixed content blocked” when running an HTTP AJAX operation in an HTTPS page
  15. Vanilla JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
  16. Chrome Extension how to send data from content script to popup.html
  17. jQuery: Why use document.ready if external JS at bottom of page?
  18. Using jQuery how to get click coordinates on the target element
  19. How to prevent page from reloading after form submit – JQuery
  20. How to get the html of a div on another page with jQuery ajax?
  21. Jquery click event not firing on the element created dynamically using jquery
  22. Calculate Position of selected text javascript/JQuery?
  23. Adding onClick event dynamically using jQuery
  24. How do I refresh a DIV content?
  25. Get content of span
  26. DOM Element Width before Appended to DOM
  27. Convert JavaScript variable value to csv file
  28. refresh div with jquery
  29. focus on next tabindex of HTML element onEnter keypress by JQuery
  30. Find and replace nth occurrence of [bracketed] expression in string

Leave a Comment