In CKEditor by default file browser option is not enabled.
You can only add a file to an editor with URL.
To add file browser option require to update CKEditor configuration and use options while initialization.
In this tutorial, I show how you can add file browser option in CKEditor and upload it with PHP.
In infinite page scroll pagination data load dynamically and append at the end of existing content when the user reaches to the bottom while scrolling.
The user doesn’t have to click any button.
I am using ngInfiniteScroll directive for implementing with AngularJS.
With this directive detect page scroll and send AJAX request to get content.
Also, need to include the jQuery library for using it.
In this tutorial, I show how you can load content on page scroll using the ngInfiniteScroll directive in AngularJS.
Autopopulating values require when need to load records on child element based on parent element value.
Element values replace with new items whenever parent element value changes.
In this tutorial, I show how you can auto-populate dropdown with jQuery AJAX in Laravel.
DataTables makes pagination implementation easier.
For allowing searching it adds a search box and also adds up & down arrow on the column header for sorting.
By default, sorting has added on all columns.
This can remove from a column where it is not necessary with the columnDefs option while initializing.
Nowadays mainly in every e-commerce websites, there is a rating option on the product page.
The user can rate the product based on its quality, usefulness, etc.
This rating is helpful for the other user who wants to purchase the product.
There are many jQuery plugins are available to add a rating bar on the page.
In this tutorial, I am using Bootstrap star rating plugin to create rating system in the CodeIgniter project.
The number of records displays on the page affect the load time of a webpage.
To improve response time you can show limited records at a time using pagination.
There are various types of pagination available.
One of them is a load-more type.
It adds new records at the end when it gets clicked until records are found.
In this tutorial, I show how you can implement load more functionality on your webpage with Vue.js and PHP.
Autocomplete search make easier to find an item from the long list of available items.
It displays suggestion based on the typed searched text.
If your data available in XML format then also you can use it for autocomplete searching.
With the use of XPath navigate on XML data node and search the value.
In this tutorial, I am using the select2 plugin for autocomplete data with jQuery AJAX.
© 2016-2019 Makitweb, All rights reserved