Category : 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() : </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 | | 2810 Viewer | Category : 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 | | 10982 Viewer | Category : jQuery
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 | | 13880 Viewer | Category : jQuery
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 | | 1920 Viewer | Category : jQuery
READ MORE

AngularJS - simple image upload with preview example in PHP

Sometimes, we require to make image uploading with preview selected image before upload using AngularJS. So, This post will help you how to image or file upload in AngularJS and PHP. In this example i didn't user any plugin or directive for image upload. It is very simple so you can use very simple and anywhere. For front-end code write in AngularJS and back-end code write in PHP(for image upload code). It will also display preview of image before upload. Example is working on bellow listed three things, you can see. <strong>1)index.php</strong> <strong>2)upload.php</strong> <strong>3)images.....

By Hardik Savani | September 16, 2016 | | 49122 Viewer | Category : 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 | | 74574 Viewer | Category : jQuery
READ MORE

AngularJS - How to call function on page load example with demo?

Today, I am going to show you how to call controller function when page will load in AngularJS. We sometimes require to run function when page load like for example if you need to check user is login or not in AngularJS, It is possible by fire one Ajax request When Page Load. There are several way to you can do this. I have two example for execute function on page load. In this example i give you very simple example, so you can simply understand and use it properly. First Example using "data-ng-init" attribute and Second example "$window.onload" function. So, Let's check both example and tr.....

By Hardik Savani | September 5, 2016 | | 102431 Viewer | Category : jQuery
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 | | 3632 Viewer | Category : jQuery
READ MORE

How to remove comma from string in jquery with example ?

Sometimes, we require to remove comma, semicolon, colon etc from string in your jquery code At that time you can simply remove comma using js replace(). Jquery replace() through we can replace comma into empty string that way comma will be remove from jquery string. In this example you can see how it works. It small thing but helpful because this you can also delete semicolon ,colon ,dot etc. So, let's try bellow example and see.. <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <head> <title>Jquery remove comma from string</title> &l.....

By Hardik Savani | August 27, 2016 | | 5981 Viewer | Category : jQuery
READ MORE

How to implement infinite ajax scroll pagination in Laravel 5?

We always want to see auto load more data on page scroll on your home page or other pages for posts, news, listing etc like on facebook, twitter, linkedin etc. If you implemented infinite scroll on your php application then you don't require to give pagination and also not require to page refresh every time when page scroll. So, Today, i going to give you simple example of infinite scroll using jquery ajax on page scroll in laravel application from scratch. I use jquery scroll event for page scroll. this example is pretty simple, you can customize simply for your development. You have to jus.....

By Hardik Savani | August 23, 2016 | | 52116 Viewer | Category : jQuery
READ MORE

    Laravel 5 Ajax CRUD with Pagination example and demo from scratch

    Laravel 5 Ajax CRUD with Pagination example and demo from scratch

    Open Post

    How to make read more link from string in PHP?

    How to make read more link from string in PHP?

    Open Post

    AngularJS - How to render HTML value in ng-repeat ?

    AngularJS - How to render HTML value in ng-repeat ?

    Open Post

    Laravel 5 notification alert using bootstrap notify plugin example

    Laravel 5 notification alert using bootstrap notify plugin example

    Open Post

    Laravel 5.5 custom validation rules example

    Laravel 5.5 custom validation rules example

    Open Post

    Simple Add remove input fields dynamically using jquery with Bootstrap

    Simple Add remove input fields dynamically using jquery with Bootstrap

    Open Post