Demo Post




Angularjs nl2br(textarea newline and linebreak conversion) example with demo

Angularjs nl2br(textarea newline and linebreak conversion) example with demo

Sometimes we require to display message conversion in your angularJS App, But if you are using textarea for write comment or something then text display on same like without line break. But we can display text with likebreak using nl2br(). we can use directly in nl2br() if we work on PHP But if we .....

By Hardik Savani | Views: 52081 | November 8, 2016 | Category : Bootstrap jQuery AngularJS

Dynamic Form Validation in VueJs with PHP Laravel 5.6

Dynamic Form Validation in VueJs with PHP Laravel 5.6

today market, vue js become more popular. so today i want to share with you how to add dynamic input form validation using php laravel in vue js app with demo. here we will use form validation with axios api call and display errors using vuejs. in this example, we will create two routes in laravel .....

By Hardik Savani | Views: 50951 | April 26, 2018 | Category : PHP Laravel Bootstrap Vue.JS


How to hide div after some time using AngularJS?

How to hide div after some time using AngularJS?

Sometimes we require to do like hide div or text or any tag after some time using AngularJS. In this example i am going to show you how to do it. AngularJS have $timeout variable, $timeout variable through we can set specific time after hide. We can easily set time for hide or show. In this simple .....

By Hardik Savani | Views: 50913 | September 9, 2016 | Category : AngularJS

How to stop setinterval() after sometimes in jquery?

How to stop setinterval() after sometimes in jquery?

Sometimes we require to stop setInterval() after a while few time, so today i am going to give you simple example with setinterval stops after a while. In this example i used two function as listed bellow: <strong>setInterval() : </strong> Call on specified intervals time. <strong>clearInterval() :.....

By Hardik Savani | Views: 50822 | October 1, 2016 | Category : Javascript jQuery

PHP Codeigniter 3 - Jquery Ajax Autocomplete Search using Typeahead

PHP Codeigniter 3 - Jquery Ajax Autocomplete Search using Typeahead

In this post. i will explain how to create step by step dynamic autocomplete using typeahead js ajax in codeigniter application. we will take simple bootstrap text box and make it dynamic real time search using typeahead jquery ajax in codeigniter application. As we know, codeigniter is famous fram.....

By Hardik Savani | Views: 49851 | June 13, 2018 | Category : PHP Bootstrap jQuery MySql JSON Codeigniter Ajax Typeahead JS

How to disable right click on div using context menu jquery?

How to disable right click on div using context menu jquery?

Today, i am going to tell you how to disable mouse right click on div. this example thought you can learn how to disable right click on page or image or any html tag. jquery provide contextmenu event that way we can prevent right click on specific html element. In this example i used contextmenu ev.....

By Hardik Savani | Views: 48979 | August 8, 2016 | Category : Javascript jQuery

Confirm Box Before Delete Item in Codeigniter

Confirm Box Before Delete Item in Codeigniter

We always require to add conformation box before delete mysql rows in our codeigniter 3 application. now what i will do, when user will click on delete button or link i want to pop up messages or jquery confirm box with message like "Are you sure want to remove this item ?" If user click Yes proceed.....

By Hardik Savani | Views: 48388 | April 21, 2018 | Category : PHP Javascript jQuery MySql Codeigniter

Ajax Autocomplete Textbox in Laravel 5.8 Example

Ajax Autocomplete Textbox in Laravel 5.8 Example

In this tutorial, i will tell you how to create dynamic jquery autocomplete search from database table in laravel 5.8 project. we can create manual ajax autocomplete textbox in laravel 5.8 using Typeahead.js plugin. Bootstrap Typeahead JS provide way of user interface so, we can easily write code o.....

By Hardik Savani | Views: 47433 | March 13, 2019 | Category : PHP Laravel Bootstrap jQuery MySql Ajax

How to change view mode in bootstrap datepicker like yyyy-mm?

How to change view mode in bootstrap datepicker like yyyy-mm?

When i was working on my laravel application and i need use datepicker picker but i require only select year and month because i have to filter with onlt selected month and year. I did search lot and also check options of datepicker js but i can't do it that because i was wrong maybe. But at last f.....

By Hardik Savani | Views: 46550 | June 20, 2016 | Category : Javascript Bootstrap jQuery

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: 46277 | June 4, 2016 | Category : Javascript Bootstrap HTML jQuery