Category : jQuery



Ajax Image Upload Example with Validation in PHP Laravel Framework

Today, I am going to show you How to image or file upload using jquery Ajax in our Laravel application. In this tutorial i explain step by step example code of ajax image upload using jquery form JS. As you know today, we have basic feature image or file uploading(<a href="http://itsolutionstuff.com/post/laravel-53-image-upload-with-validation-exampleexample.html" target="_blank">Laravel 5.3 Image Upload with Validation example</a>) on our PHP Project Or Laravel application. Client always want to store image for profile, products, items, users etc. Laravel provide very simple way to store tha.....

By Hardik Savani | December 28, 2016 | | 82787 Viewer | Category : jQuery
READ MORE

Simple Example of Bootstrap Lightbox Plugin with demo

Lightbox is a very popular plugin of wordpress and it is very useful for display image gallery. Lightbox will help to make best layout for portfolio, image gallery, banner display etc. So, Bootstrap provide Lightbox by bootstrap-lightbox plugin, bootstrap-lightbox plugin through we can simply use with bootstrap application. In this post we are going to learn how to use Lightbox in Bootstrap Application like with PHP, PHP Laravel, PHP codeigniter, PHP cakephp etc. In this example i take two image and When you click on it Open Lightbox popup with big image. It is a very basic and simple example.....

By Hardik Savani | December 27, 2016 | | 12433 Viewer | Category : jQuery
READ MORE

How to get Instagram followers count using JQuery Ajax?

Today, I am going to share with you how to retrieve number of followers, media, followed by you, username, profile picture, fullname etc by using jquery ajax. You can simply get count in your PHP Project or any php framework also like laravel, codeigniter, symfony etc. When i was working on my php project and i require to get count total instagram followers of me. I did search a lot but i nothing get good on PHP, Finally i was thinking if it is possible by jquery ajax then it will be best. Again i search more and finally got something. In this solution we have to generate access token for out.....

By Hardik Savani | December 19, 2016 | | 16330 Viewer | Category : jQuery
READ MORE

How to retrieve number of twitter followers count without authentication or api ?

In this post i going to share with you How to get total twitter followers count from twitter username without api authentication or token. Yesterday i was working on my laravel 5 application and i require to get count total twitter followers from username. I did search a lot but i nothing get good on laravel or PHP, Finally i was thinking if it is possible by jquery ajax then it will be best. Again i search more and finally got something. We can simply get number of twitter followers by using cdn widgets, So we are going to use bellow cdn with screen_name = twitter username as like bellow: <.....

By Hardik Savani | December 16, 2016 | | 7920 Viewer | Category : jQuery
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 | | 12136 Viewer | Category : jQuery
READ MORE

PHP - multiple file uploading dropzone js example

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. Dropzone JS Library provide us to drag and drop multiple file uploading. Dropzone JS is a open source javascript library. Dropzone JS library is very simple to use. Dropzone JS also pro.....

By Hardik Savani | December 4, 2016 | | 46943 Viewer | Category : jQuery
READ MORE

AngularJS - convert comma separated string to array example

When i was working on my Laravel angularjs application, i require to make array from comma separated string, I was not expert in angularjs so i was thingking how is it possible ?, But Finally i was found solution using custom angularjs Filter. So, In this example, I will give you full example of how to convert comma separated string into array and how to print it. We will create array using split() of jquery. But if you know angularjs we can't do it anything directly from layout, So we should create our custom filter, as bellow you can see i created "customSplitString" filter. <strong>Filter:.....

By Hardik Savani | November 24, 2016 | | 21638 Viewer | Category : jQuery
READ MORE

AngularJS - How to create read more/less toggle using Directive?

Sometimes, We may require to make to show read more and read less functionality in our AngularJS application. We can make read more using AngularJS Directive. So, In this example i going to give you full example of read more text example. I used "dd-text-collapse" Directive for after some text it will return "..." OR "(more)" etc that as you want. You can simply customize this Directive. You can also make toggle read more and read less using this Directive. First, you can see bellow code of just Directive, i give you bellow code of Directive, you can use direct in your AngularJS application......

By Hardik Savani | November 16, 2016 | | 12896 Viewer | Category : jQuery
READ MORE

Laravel 5 - category treeview hierarchical structure example with demo

Today, I am going to share with you how to create dynamic category tree view structure in Laravel 5 application using jquery. We sometime require to make tree view structure for category and subcategory. In this tutorial i simple create "categories" table and manage end level of parents and child category with nested tree view structure in Laravel application. I use jquery for make tree view layout and child relationship with category model for hierarchical data. I also add form for create new category in tree view. If you are new in laravel then also you can do it simple and also simply cus.....

By Hardik Savani | November 9, 2016 | | 94994 Viewer | Category : jQuery
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 | | 5484 Viewer | Category : jQuery
READ MORE

    Jquery highlight search text in div using highlight JS with example

    Jquery highlight search text in div using highlight JS with example

    Open Post

    How to remove # from URL in AngularJS?

    How to remove # from URL in AngularJS?

    Open Post

    Laravel 5 - Custom Helper Facade Class Example from scratch

    Laravel 5 - Custom Helper Facade Class Example from scratch

    Open Post

    Laravel 5.3 - Customize pagination templates example from scratch

    Laravel 5.3 - Customize pagination templates example from scratch

    Open Post

    How to connect mysql database in node js with example?

    How to connect mysql database in node js with example?

    Open Post

    Crop, Resize, Frames etc on selected image in php using Aviary

    Crop, Resize, Frames etc on selected image in php using Aviary

    Open Post