We always require to make multiple file or image uploading function in our common website or project. We use input with multiple with image upload but it's not looks great and user does not like pretty much, so you should make it better. Image uploads is very common for all website, But if you are working on PHP or any PHP framework like laravel, codeigniter, yii etc then you can simply use dropzoneJS library.
Sometimes we need to show preview of image before image upload. I mean when user will select new image from input="file" then it will display preview of image. In this example you can see before upload it will display preview using jquery.
<pre class="prettyprint lang-html">
<title>Change image on select new image from file input</title>
<input type="file" name="file" id="profile-im.....
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.....
We mostly prefer notification in our project, because for example if admin add new record and we need to display notification with success alert, info elert etc when comes error then display error notication. So if you are using bootstrap then you can use growl js plugin, you have to just add js, no need to add css file.
In this example i use bootstrap-growl.js plugin that provide several notification type like warning, success, info, error etc and several function. In my previous post also added using toastr.js, you can also see here : <a href="http://itsolutionstuff.com/post/jquery-notifica.....
Generally we are use datepicker with dd-mm-yyyy format but sometimes we require to get only year, i mean select only year at that time we need to use datepicker option like format, minViewMode etc that way we can make datepicker into year picker for us.
In this example i give you how can you get year picker, so i use two option from datepicker function one format and other minViewMode, by default minViewMode is for datepicker, if you use 1 then it is for month picker and 2 for year picker, so let's run bellow example or you can see demo as well:
We always need to use notification in our project, because for example if user add new record and we need to display notification with success alert, when comes error then display error notication. So if you use jquery notification popup then it's better that way it's layout looks like good.
In this example i use toastr.js plugin that provide several notification type like warning, success, info, error etc and several function. toastr Jquery plugin you can use easily with bootstrap and very customize. You can run bellow example and you can see how it works and pretty good.
Contact Us Page is very basic requirement of any Website that way owner can get feedback from users. So, I am going to share with you how to create simple bootstrap contact us form using Form Request in Laravel 5.3.
In this example i create simple "contatctus" table with three simple fields name, email and message. We will simple get value of name, email and message using bootstrap form layout. So you have to just follow bellow few step and you can simple implement contact us form in your website.
So, let's follow bellow step and after complete whole example you will find bellow layout page .....
In this example you implement datepicker directive simply. In this example i used ngDatepicker plugin. It is very simple way to use and integrate. It is very flexible you can set format and other option. So If you also want to add datepicker then can do like as bellow example.
In this example i include <strong class="path">/css/ngDatepicker.css</strong> path on link so you can download css file from here : <a href="https://raw.githubusercontent.com/jkuri/ngDatepicker/master/src/css/ngDatepicker.css" target="_blank">Click Here</a> and Also i include <strong class="path">/js/ngDatepicker.min.j.....
After complete our fist part of Laravel 5 - Dynamic Dependant Select Box using JQuery Ajax Example, Now we have to do main task for Dynamic select box value. In this part we follow two step for create Controller File and Laravel Blade File.
In this part we write code for how to manage controller method and how to give response them. So let's follow this bellow remaining two step of change drop down options on change of parent dropdown. So let's follow:
<strong class="step">Step 5: Create Controller</strong>
In this point, now we should create new controller as AjaxDemoController in th.....
In this post, I am going to share with you How to integrate login with facebook in PHP website using Facebook Graph API.
In Website normally registration form for sign up, But users are not interested to filling the big registration forms. So you can implement login or register with facebook login, users don't require to fill big form. This tutorial will help to implement login with facebook in your PHP project.
In this step by step post, i give you example of sign in with facebook account from scratch. In this example facebook account details will get and store it on MySQL database.