How to make div layer unselectable in jquery and css


Tags: jquery,css,css3

Problem :

I have a div element as below:

 <div id="wrapper">Content......</div>

I am getting the contents of this div layer from ajax call. What i want to do is that i want to make that div unclickable, unselectable, visibility decreased and show an loading image on top of that div. How can i do this? any suggestion



Solution :

You could go for a jquery package: http://www.malsup.com/jquery/block/

With this you can render content unselectable while loading, and add the loading image ontop of it. This is supported by the plugin.


    CSS Howto..

    How to make IE respect max AND min-width [duplicate]

    Ajax control toolkit combobox showing weird bullets in dropdown

    How to bypass an overriding CSS Declaration

    Heroku Not Showing SCSS Background Images

    how to add bootstrap, css, images ,js into google app engine?

    How do I set the height of a parent to auto minus pixels?

    How to Fade In/Out multiple texts using CSS/jQuery like on Droplr?

    How to Get CSS/JavaScript Pop-Up to Transition In

    How to center two elements which are separately wrapped in ?

    if i clone an element, when i customize (css) that element how can customize also the element cloned?

    How to display text in the middle?

    There is a little gap between the image and the overlay, I do not know how to fix it [duplicate]

    Javascript/CSS slideshow: Using transparencies highlights flaws I don't know how to fix

    How to convert this CSS animation to use GPU level, instead of updating layer tree

    How to create icons like font awesome

    How to do custom text editing in CSS and getting a error in a school project

    How exacty works the display: flex property on a container div and the flex property on its inner div?

    How to apply css to html so that it shows as the style property

    How to GPU accelerate CSS transform?

    CSS - HTML - How to align images properly across the page

    How to Change HTML Tags Using Javascript

    How to center absolute position element in my case

    How would you code this: Grid-breaking shapes

    How to implement MVC style on my PHP/SQL/HTML/CSS code?

    How to disable the Dropdown?

    How to reuse css styles from Telerik RadControls for ASP.NET Ajax

    Showing the selected value on the handler of range input as the value changes

    How to put bootstrap glow (used in the 'form-control' CSS class) on a div?

    CSS how can i turn the scrolling off during the animation?

    css selector question, how to change font colover of parent li when child ul is focused