Tag : JS


Laravel 5 - category treeview hierarchical structure example with demo

Today, I am going to share with you how to create dynamic category tree view structure in Laravel 5 application using jquery. We sometime require to make tree view structure for category and subcategory. In this tutorial i simple create "categories" table and manage end level of parents and child category with nested tree view structure in Laravel application. I use jquery for make tree view layout and child relationship with category model for hierarchical data. I also add form for create new category in tree view. If you are new in laravel then also you can do it simple and also simply cus.....

By Hardik Savani | November 9, 2016 | | 21576 Viewer | Category : PHP Laravel Javascript Bootstrap CSS jQuery
READ MORE

Bootstrap - Input multiple tags example using Tag Manager Jquery Plugin

Today, we are going to learn you how to use tagmanager plugin for input tag in bootstrap project. Now days, we know bootstrap is very popular framework and they provide us several plugins for small things like autocomplete, datepicker, colorpicker etc. Tag Manager is jquery plugin but we can simply integrate with bootstrap. So, in this post i give you very basic example of tagmanager.js plugin for input tags. Tag Manager plugin through we can make input tags function and it's provide by maxfavilli.com. Input tags will help to add multiple tags with good layout and better way. If you need t.....

By Hardik Savani | October 13, 2016 | | 2476 Viewer | Category : Javascript Bootstrap jQuery
READ MORE

Jquery email autocomplete example with demo using jquery.email-autocomplete.min.js

Today, i am going to show you how to make autocomplete email address using Jquery. email-autocomplete plugin through we can simple email autocomplete in our PHP, .net or etc project. In this example i use bellow js and css <strong>1) jquery.js</strong> <strong>2) jquery.email-autocomplete.min.js</strong> <strong>3) bootstrap.min.css</strong> I also use bootstrap for better layout. I created very simple and full example so you don't have to do anything. So, you can run bellow example and also see demo. <strong>Preview:</strong> <img src="/upload/email-autocomplete.png" style="width:100%;bord.....

By Hardik Savani | October 7, 2016 | | 1296 Viewer | Category : Javascript Bootstrap jQuery
READ MORE

How to implement lazy loading image with example for your website?

Today, we learn how to use lazy load images in our website. In todays market you can see it's very important if your site not take more time in loading. jquery.lazyload.js plugin provide us to forces page images to pause the loading process until the reader has viewed that specific area of the page. lazyload js is very helpful for make less load your web page. In this post i give you very simple and basic example of lazy load images in my html page. Sometimes you see take a long time to load our web images, that's way taking lot's off time to load, But This example through you can prevent im.....

By Hardik Savani | October 4, 2016 | | 3240 Viewer | Category : Javascript Bootstrap jQuery
READ MORE

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() : </strong> Stop set interval. You can see bellow full example, how to stop setinterval after 1 minute, You can also check demo, how work this example: <strong>index.html</strong> <pre class="prettyprint lang-html"> <!DOCTYPE html> <html> <head> <title>Jquery setinterval.....

By Hardik Savani | October 1, 2016 | | 690 Viewer | Category : Javascript jQuery
READ MORE

AngularJS - update bind ng-model input value from Jquery Code

Sometimes, we require to set value of input box from js code, But if you bind with ng-model of angular then you can't set value directly with "val()" of jquery. As Bellow example: <pre> $("#my-name").val('test'); </pre> But of you set this way then it will display in your text box layout, but you can't get from on submit function. So, you have to also trigger input that way AngularJS can get on controller method. You can see bellow full example that way you can understand how to solve this issue: <strong>Example:</strong> <pre class="prettyprint lang-html"> <!DOCTYPE html> <html>.....

By Hardik Savani | September 27, 2016 | | 2764 Viewer | Category : Javascript jQuery AngularJS
READ MORE

How to call AngularJS controller function in Jquery?

Today, i am going to show you how to call angular function in your js file. Sometimes we need to call angular controller function in our jquery code because we can make single function in all project. It is very simple post but it important because many times we require to call angularjs function from jquery. So, i given bellow example will help you how to call angularjs function in jquery. It is from scratch that way you can simply understand. In this example i created one function "$scope.makeAlert()" In my AngularJS controller. This function have one argument that way we can also pass a.....

By Hardik Savani | September 22, 2016 | | 3664 Viewer | Category : Javascript jQuery AngularJS
READ MORE

Twitter typeahead press enter key go to search page.

When i was working with Twitter typeahead auto-complete on my laravel 5 application, But when i press enter key, it's not redirect on my result page. I want to redirect on my result page that way i can display all records of matching search text. I did try to solve many way but i can't solve simply. At last i found way using jquery "on keypress" event. You can see bellow code how it is work. So let's see bellow example: In this example when you press enter on search input box. it will redirect on search page like bellow path: <pre> http://test.hd/search?q=Ala </pre> <strong>Example:</strong.....

By Hardik Savani | September 18, 2016 | | 705 Viewer | Category : Javascript Bootstrap jQuery
READ MORE

Codeigniter 3 - select2 ajax autocomplete from database example with demo

Today, I am going to show you how to make select2 dynamic autocomplete from database table in your Codeigniter application. In this post you can lean how to implement ajax autocomplete in your Codeigniter 3 project. Select2 is a Jquery plugin and it is a very famous jquery plugin, using select2 plugin we can do several thing like select box with search, select option with check box, ajax auto-complete etc. sometimes we require to do autocomplete task with select box when we have large amount of data like products, items, category, tags, users etc. so we can't load all the data at the same ti.....

By Hardik Savani | September 15, 2016 | | 18747 Viewer | Category : PHP jQuery Codeigniter Ajax
READ MORE

How to integrate google map using gmaps.js in php example?

Today, i am going to show you how to create simple google map in PHP. In this example i use gmaps.js plugin for integrate google map with marker of your location. You can simply generate google map in your any php framework like laravel framework, codeigniter framework, zend framework, cakephp framework etc. Gmaps.js plugin provide us map events, markers, Geolocation, Geolocation etc. you can use very simply and use your project. Bellow example you can see i added one marker on my location and also setted title, so you can also see demo and preview after bellow example file. <strong>Preview.....

By Hardik Savani | August 30, 2016 | | 1709 Viewer | Category : PHP Javascript HTML jQuery Google Map
READ MORE

    How to add multiple markers in google map

    How to add multiple markers in google map

    Open Post

    Solved - opencart this merchant is not enabled for auth/settle

    Solved - opencart this merchant is not enabled for auth/settle

    Open Post

    AngularJS - convert comma separated string to array example

    AngularJS - convert comma separated string to array example

    Open Post

    Ajax Image Upload Example with Validation in PHP Laravel Framework

    Ajax Image Upload Example with Validation in PHP Laravel Framework

    Open Post

    Laravel 5 Repository Pattern Tutorial from scratch

    Laravel 5 Repository Pattern Tutorial from scratch

    Open Post

    Laravel 5 - Generate Captcha code and Validation example using BotDetect package

    Laravel 5 - Generate Captcha code and Validation example using BotDetect package

    Open Post