Category : HTML

ItSolutionStuff.com have tutorials for HTML, here you can study articles of HTML, HTML posts collection, most popular and useful tutorials of HTML, here you can find list of all relevant posts and example about HTML, we have lists of tutorials and examples about HTML.very simple and quick example collection of Latest HTML category.




How to remove all whitespace from string in JQuery?

How to remove all whitespace from string in JQuery?

Sometimes we require to remove white space from given string. So at that time you can delete spaces from string using replace() of core php. replace() will help to replace your blank space or empty space or extra space or trailing space from string that way we can remove. you can do it from bellow e.....

By Hardik Savani | May 24, 2016 | Category : HTML

Select box with search option example in Jquery using Chosen Plugin

Select box with search option example in Jquery using Chosen Plugin

There are several plugins available in google like select2,selectbox etc, But i found Chosen Plugin for select box with search option. You can also use with bootstrap. I give you full example of select box with search option. After run this example you will find bellow preview. <strong>Preview:</str.....

By Hardik Savani | May 18, 2016 | Category : HTML


Display preview selected image in input type file using JQuery

Display preview selected image in input type file using JQuery

Sometimes we need to show preview of image before image upload. I mean when user will select new image from input="file" then it will display preview of image. In this example you can see before upload it will display preview using jquery. <strong>Example:</strong> <pre class="prettyprint lang-html.....

By Hardik Savani | May 16, 2016 | Category : HTML

Dynamic Autocomplete search using Bootstrap Typeahead JS Example

Dynamic Autocomplete search using Bootstrap Typeahead JS Example

In this post i am going to show you how to add dynamically Autocomplete using typeahead dynamic. In this post i give you full example that way you can run this example easily in your project. after run this example you can see output like bellow preview. <img width="100%" style="border:2px solid r.....

By Hardik Savani | May 13, 2016 | Category : HTML

word wrap break word not working table

word wrap break word not working table

If you try with tr or td tag to give word-wrap: break-word style css then it will not affect. When i was try to give word wrap css on my td tag it was not working same as for i did try with span tag but same result. But when i take div tag it was working so if you are give directly on td or span the.....

By Hardik Savani | May 13, 2016 | Category : HTML

How to add dialog box in bootstrap?

How to add dialog box in bootstrap?

We always need to dialog box in our project because modal is very interesting and specially for GUI. Always we like to use modal for creating data or editing data and also for conformation. So if you think how to set modal in my project then it is very easy you have to just copy bellow example and r.....

By Hardik Savani | April 27, 2016 | Category : HTML

Fadein Fadeout example in Jquery

Fadein Fadeout example in Jquery

fadein and fadeout is very interesting concept in jquery. fadein and fadeout method through you do hide show without add stylesheet like display none or something. In this example i didn't explain more but i add example for both fadein and fadeout in js. This example is very simple to undestand how .....

By Hardik Savani | April 20, 2016 | Category : HTML

How to create scroll to top of the page by jquery animate ?

How to create scroll to top of the page by jquery animate ?

However you want the scrolling process to have animated effect. you have to follow bellow example. in this post you can add button for scrolling top with animate effect. Most of website you can see with one button left side or right side for scrolling top of the page. so, if you want to create on yo.....

By Hardik Savani | March 26, 2016 | Category : HTML

How to add multiple markers in google map

How to add multiple markers in google map

In this post we have to learn hoe to add a multiple location marker in google map. add following code for add multiple location marker. <img width="100%" style="border:2px solid cadetblue" src="/upload/Google map.png"> <strong>Add Google map canvas HTML code</strong> <pre class="prettyprint lang-.....

By Hardik Savani | March 9, 2016 | Category : HTML

Multi select autocomplete jquery example with code

Multi select autocomplete jquery example with code

In this post i show you how to use autocomplete with multiple select option by jquery. I think you will did autocomplete for single option using jquery ui plugin. but in this post you can learn multi selection autocomplete using jquery ui. In bellow preview you can see how will output of your multis.....

By Hardik Savani | March 8, 2016 | Category : HTML