Demo Post


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 | | 3608 Viewer | Category : PHP Bootstrap jQuery Ajax
READ MORE

Bootstrap Color Picker Example using mjolnic colorpicker plugin

In this post i give you example of how to set simple Bootstrap color picker using mjolnic plugin. We don't use often color picker but maybe we require sometimes. So, if you used bootstrap then you have to choose Bootstrap color picker for select color. mjolnic Bootstrap colorpicker provide several way to use like we can get color code when select color in hex code and also it provide user friendly layout that way it's pretty good. So, let's run bellow example or you can check demo. <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <br/> <head> <br/> .....

By Hardik Savani | July 13, 2016 | | 3474 Viewer | Category : Bootstrap HTML
READ MORE

How to copy to clipboard without flash in AngularJS ?

In this post we are going learn how to copy to clipboard in AngularJS application using ngclipboard js plugin. I provide very simple example using CDN, so you can simply run and understand well. when require to give function of copy some text by clicking on button or any link. There are several library can do copy text using flash player, but in this example i will do it without using flash player. In this example we will use ngclipboard.js AngularJS Plugin for copy to clipboard. Now i am going to share with you full example of ngclipboard js plugin. I use cdn for jquery and ngclipboard js .....

By Hardik Savani | February 21, 2017 | | 3270 Viewer | Category : jQuery AngularJS
READ MORE

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 work on angulaJS then we can't use it directly Because it is not pre-define function. So, we require to make custom helper or something, So in this example i created custom angular filter for nl2br, that way we can use it globally in angularJS app. we will use nl2br filter add like as bellow : <pre.....

By Hardik Savani | November 8, 2016 | | 3145 Viewer | Category : Bootstrap jQuery AngularJS
READ MORE

AngularJS - sorting(using orderby filter) table data example with demo

Data sort in one of the most important and essential component in any web based projects. we can find data in order by any field then we can find any data easily from reach data. In this post, we can learn how to sort table row using AngularJS orderby filter. in bellow example you can see we have two column one for language and another for total developer. So if you click on table heading then you can sort data using orderBy filert. You can learn and see bellow example. <strong>Example</strong> <pre class="prettyprint lang-html"> <html lang="en-US"> <link rel="stylesheet" href="htt.....

By Hardik Savani | June 27, 2016 | | 3062 Viewer | Category : AngularJS
READ MORE

Twitter Bootstrap - Digital Clock picker with AM PM example using clockface plugin

Today, I am going to share with you how to implement bootstrap digital timepicker with am pm using clockface plugin. We generally require to use timepicker when we work on large application or product base application for storing time. There are several plugin for timepicker in jquery, but if you are using bootstrap and you require digital clock time picker then you have to choose clockface.js plugin. clockface plugin through we can get digital clock picker with best layout. We can also customize timepicker like we can add am pm, without ap pm etc. So, i think it is better if we choose cloc.....

By Hardik Savani | October 25, 2016 | | 2934 Viewer | Category : Bootstrap HTML jQuery
READ MORE

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 found minViewMode option of datepicker library and i did that if you also want to make format like mm-yyyy or yyyy-mm then you can set minviewmode this way : <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <head> <title>Bootstrap - datepicker chang.....

By Hardik Savani | June 20, 2016 | | 2900 Viewer | Category : Javascript Bootstrap jQuery
READ MORE

Jquery modal dialog prompt using bootstrap bootbox JS example

We sometimes need to use prompt with input in our project because if we use prompt modal is very interesting and specially for GUI. Always we like to use prompt modal for creating data or editing data and also for conformation. In this example i use bootbox JS for prompt modal with input that way we can get input value easily. You can try this: <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en"> <head> <title>Jquery - bootstrap Prompt modal using bootbox.js</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jque.....

By Hardik Savani | June 16, 2016 | | 2802 Viewer | Category : Bootstrap Bootbox.js
READ MORE

AngularJS - scroll to a specific element using anchorscroll

Sometimes, we require to scroll on specific element or div on angularjs application like scroll for go on specific comment, scroll on specific table row it. However we can do it using anchorscroll in angularjs application. anchorscroll() will help to scroll on specific "anchor" div id. anchorscroll() is provided by angularjs. We can use it simply. We don't require to write login on code jquery, because it is easy to do using anchorscroll(). $anchorScroll will use with $location variable hash. I gave you full example of how to scroll on specific element on angularjs page, We can use simple as.....

By Hardik Savani | December 15, 2016 | | 2711 Viewer | Category : Bootstrap jQuery AngularJS
READ MORE

PHP - Infinite Scroll Pagination using JQuery Ajax Example

Today, we will learn how to implement simple infinite scroll using jquery, ajax, php and mysql example. After complete this example you will get load more data on scroll of your page. Generally, sometime we require to make load more latest feed or post etc when you scroll like on facebook, twitter, linkedin etc, it is require when you have lots of data.When you reach at bottom of page it will load more data using jquery ajax. In this example you can easily built infinite scroll pagination using ajax. we will load more data using jquery ajax. In today, infinite scroll take places of traditiona.....

By Hardik Savani | April 27, 2017 | | 2702 Viewer | Category : PHP
READ MORE


    Codeigniter 3 - select2 ajax autocomplete from database example with demo

    Codeigniter 3 - select2 ajax autocomplete from database example with demo

    Open Post

    PHP - File upload progress bar with percentage using form jquery example

    PHP - File upload progress bar with percentage using form jquery example

    Open Post

    PHP AngularJS CRUD with Search and Pagination Example From Scratch

    PHP AngularJS CRUD with Search and Pagination Example From Scratch

    Open Post

    Laravel 5 Repository Pattern Tutorial from scratch

    Laravel 5 Repository Pattern Tutorial from scratch

    Open Post

    Laravel 5 - How to get difference of time in minutes?

    Laravel 5 - How to get difference of time in minutes?

    Open Post

    AngularJS - convert comma separated string to array example

    AngularJS - convert comma separated string to array example

    Open Post