Tag : Typeahead JS


PHP - Input multiple tags with dynamic autocomplete example

In this post i am going to give you the example of Add Multiple input tags with autocomplete from MySQL database table using typeahead bootstrap JS and tagmanager JS. Sometimes we require to make multiple input tags on our form. At that time we require to use jquery plugin for input multiple tags. But here we are going to use tagmanager.js plugin for add multiple input tags. I already added one simple tutorial for tagmanager.js here : <a href="http://itsolutionstuff.com/post/bootstrap-input-multiple-tags-example-using-tag-manager-jquery-pluginexample.html" target="_blank">Bootstrap - Input mu.....

By Hardik Savani | January 24, 2017 | | 6794 Viewer | Category : PHP Bootstrap HTML jQuery MySql Ajax
READ MORE

PHP - autocomplete websites with domain and logo using clearbit API

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: <strong>1)clearbit</strong> <strong>2)bootstrap</strong> <strong>3)typeahead</strong> Above library through we can make autocomplete of current websites in your .....

By Hardik Savani | October 2, 2016 | | 2814 Viewer | Category : PHP Bootstrap jQuery Ajax
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 | | 693 Viewer | Category : Javascript Bootstrap jQuery
READ MORE

Laravel 5 Autocomplete using Bootstrap Typeahead JS Example with Demo

Autocomplete is must if you are dealing with big data table, like you have products table and thousands of records so it's not possible to give drop-down box, but it is better if we use Autocomplete instead of select box. In this example i use Bootstrap Typeahead JS plugin for auto-complete, Typeahead.js plugin provide good layout using bootstrap so it pretty good. You can implement autocomlete in your laravel application just following few step. After this example finish you will find out layout as bellow: <strong>Preview:</strong> <img src="/upload/laravel-autocomplete.png" style="width:10.....

By Hardik Savani | July 9, 2016 | | 23924 Viewer | Category : Laravel Bootstrap Typeahead JS
READ MORE

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 red" src="/upload/Bootstrap-Typeahead-with-Ajax-Example.png"> First we will create ajax.html file for html layout in this file i added jquery and Bootstrap Typeahead code. When you write on input box then you can find Dynamic Autocomplete search using ajax requiest. So, first create aja.html file an.....

By Hardik Savani | May 13, 2016 | | 29628 Viewer | Category : PHP Bootstrap HTML jQuery Typeahead JS
READ MORE

    Laravel 5 - How to prevent browser back button after user logout?

    Laravel 5 - How to prevent browser back button after user logout?

    Open Post

    Select box with search option example in Jquery using Chosen Plugin

    Select box with search option example in Jquery using Chosen Plugin

    Open Post

    AngularJS - Display Default image if original image does not exists with example

    AngularJS - Display Default image if original image does not exists with example

    Open Post

    Laravel 5.3 Image Upload with Validation example

    Laravel 5.3 Image Upload with Validation example

    Open Post

    Laravel 5 - Full Text Search Example using Scout and Algolia Packages

    Laravel 5 - Full Text Search Example using Scout and Algolia Packages

    Open Post

    Bootstrap - Jquery multiple select with checkboxes example using bootstrap-multiselect.js plugin

    Bootstrap - Jquery multiple select with checkboxes example using bootstrap-multiselect.js plugin

    Open Post