Categories
HTML Jquery

How to expand the text-area using Jquery?

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.

How to expand the text-area using Jquery?
How to expand the text-area using Jquery?
Categories
Jquery

Select All checkboxes using jQuery

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.

Select All checkboxes using jQuery
Select All checkboxes using jQuery
Categories
CSS HTML Jquery

Adding space/padding between options of select tag in IE browser

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.

Adding space/padding between options of select tag in IE browser
Categories
Iframe Jquery

Insert HTML content into an iFrame using jQuery

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.

Categories
Iframe Jquery

Make iframe automatically adjust height according to the contents in it using javascript (Support Cross-Domain)

In some pages in your application you may need to feed content form other domain or other pages from same domain using iFrame . We normally set width and height for the iFrame so if the content is bigger than iFrame, scroll will appear automatically. Here is the JavaScript that can fix height dynamically using window.postmessage() method.

Categories
Jquery

Show/Hide form elements based on radio button selections using jQuery

In this post we can see how to  show or hide certain form fields when a radio button selection happen  in your web form using jquery. To do this  you need a different DIV associated with that radio button to hide or show certain fields in the form. You can achive this very easily and efficiently using jquery.

Categories
Background CSS Jquery

Background Image Change on every 5sec using Jquery

In this article, will show you how to change background image on some period of time . So here is the tutorial to apply this kind of effect to your web project. You can achieve it in few lines of jquery. Use it and make  your website more beautiful.