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 strike through obliquely with css

    How could i center unordered lists in a footer?

    How to apply CSS to Selected One in Meteor?

    How to center the Nav-Bar

    How to implement CSS file style on selected div

    How do I create tabs in vertical alignment?

    CSS: How to clear a floating object only one level, not the all the way to the left?

    How to add links to tabbing order when they're made visible with CSS?

    how can i add a separator gif between two content areas something like this?

    How to align HTML horizontaly using CSS

    how to know about the font information in a psd file?

    How to fit 25 divs inside one div when I have more than 25 child divs?

    Slickgrid - How to add css at grid creation time?

    How to get cards with his content perfectly alligned

    How to change color of a single letter in a word using CSS/HTML or Javascript [closed]

    How to override display: table cell

    How to give different content to every td in the table

    CSS - How to make a 100% height div not overlap it's contents when window is resized

    Captions after 1st slide doesnt show for flexslider

    How to apply css to buttons inside gridview

    How do I change ASP.NET App_Themes based on what Skin is selected in RadSkinManager?

    How to use a global parent selector with CSS Modules

    How to style focus on jquery ui dialog widget?

    How to select the first occurrence of an HTML element in CSS that does not have a specific class?

    How to support transitionend without browser sniffing?

    How to style table as responsive using Jquery mobile?

    How To create slider/toggle to change font size on screen with HTML CSS JS [closed]

    How to change custom Check Box border with Dart

    How to overwrite Twitter Bootstrap navbar-inner class

    Css. How to move div with fixed position up if it overlays footer