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
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.
<img src="/upload/email-autocomplete.png" style="width:100%;bord.....
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.....
Today, i going to give you pretty interesting example of autocomplete websites lists with name, logo and domain using clearbit API. we simply use free clearbit API and get lists of websites. You can simply use it in your PHP and also any framework(Laravel, codeigniter, zend etc).
clearbit website provide us several other API too like Reveal, Discovery, Website Logo and etc.
In this example i used following library as bellow listed:
Above library through we can make autocomplete of current websites in your .....
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:
<pre class="prettyprint lang-html">
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:
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:
<pre class="prettyprint lang-html">
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.....
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:
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.
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.....
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.....