If you are looking for a code that automatically expands a textarea as the user types in, here is the simple code to create that using jQuery. This simple code will helps you in many projects.
Here i am sharing a small jQuery function that toggles multiple select boxes. In our Applications/projects we will have list with a checkbox, to do action like Edit,delete. When user need to select all the list we have to provide a multiple check-boxes selection option, here is the simple code which will helps you in many projects.
In our application or project, if the pages has less content or data, then the page footer will come up and it will not look good. Earlier to overcome this problem we need to do some work around with CSS or we have write custom java-script/jQuery code. After the introduction of Flexbox its very simple to do this.
By using css properties we can add space in between options of a select element and it will work well in browsers like Firefox and Chrome. However, it will not work in IE. We can’t style “<option>” elements in Internet Explorer with most of the css properties. Only background and font color property will work in IE other proprties will inheritfrom the Windows operating system.
If we have image follwed with text and need to be aligned verically, we can do this by simply setting “vertical-align:middle;” to image or we can use css property flexbox for this type of layout. Most of us will struggle with the middle aligment of images with text.
To change the text color of the HTML placeholder we can use ::placeholder css property. Most of the modern browsers support this pseudo-class. But still it requires some separate rules for each browsers.Here are the ways to declare css for different browsers
To Insert HTML content into an iFrame we can use jQuery contents() method. The jQuery contents() method will return all the direct childrens incliding text and comment nodes of the selected element.
The background shorthand property is a method to specify the values of multiple CSS background properties all together. Shorthand properties is a CSS property that allow you set all values together. Using a shorthand property, you can write more accute style sheets.
To disable/prevent text selection in your pages you can use CSS user-select property. By using this property you can specifies whether the text of an element can be selected or not.