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.




Jquery highlight search text in div using highlight JS with example

Jquery highlight search text in div using highlight JS with example

If you want to highlight search text in your page using jquery then you have to choose highlight JS Jquery plugin. highlight JS Plugin is very simple to use and more simple. In this example i give you example using highlight JS. So, you can also check preview you can see after run bellow example. <s.....

By Hardik Savani | Views: 43609 | June 4, 2016 | Category : HTML

Jquery - input tags plugin example using jquery.tagsinput.js plugin

Jquery - input tags plugin example using jquery.tagsinput.js plugin

If you require to add multiple tags from input then you can do it using XOXCO plugin. In this example you can do it quickly. jquery tagsinput will help to add multiple tags with good layout. After run bellow example you will found like preview. In this example i use cdn js path that way you don't re.....

By Hardik Savani | Views: 47073 | May 25, 2016 | Category : HTML


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 | Views: 59513 | 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 | Views: 86560 | 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 | Views: 181913 | 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 | Views: 306418 | 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 | Views: 37509 | 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 | Views: 32884 | 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 | Views: 33732 | 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 | Views: 33212 | March 26, 2016 | Category : HTML