Author: <span class="vcard">Yogesh Singh</span>

With the use of Speech Recognition API, you can enable the web browser to take speech input on the page and convert it into text.

For accessing this on the page need to allow microphone access by the user.

In this tutorial, I am creating an example where allowing the users to search posts by speech. On the basis of speech recognition display response on the screen using jQuery AJAX.

How to Add Speech Recognition to the website - JavaScript

AJAX How To Javascript JQuery PHP

In CodeIgniter Model are the PHP classes where all database related manipulation is done e.g. fetching records, insert, update, and delete records.

Within this, all data processing logic is done.

All model files are managed in application/models directory and they are load and access by the controller.

How to create and load Model in CodeIgniter

How To PHP

It is time-consuming to delete records one by one from the list.

To make deletion process easier for the users by allowing them to select multiple records using checkboxes.

Execute delete query according to the selected checkboxes.

In the demonstration, I am displaying records from the MySQL database table and add a checkbox on each row. Use single submit button to delete selected records with PHP.

Delete multiple selected records with PHP

DataBase PHP

If there is the registration form on the website then you need to make sure that the username or email must be unique.

The user will login with the selected username next time when it comes to the website.

You can either check it after submitting the form or while entering it.

In the demonstration, I am creating a simple registration form in CodeIgniter where check the entered username with Angular and insert the record if the username is available.

Live username availability check with AngularJS in CodeIgniter

AngularJS PHP

You can easily enable date selection to the form element using Bootstrap datepicker if you are already using Bootstrap in your page.

You need to add external Bootstrap datepicker library.

This allows the users to select any from the datepicker and they are not restricted.

To restrict the date selection you can use startDate and endDate option while initializing it on the HTML element.

Bootstrap Datepicker start and end date validation

JQuery

The array_unique() method is used to remove repeated or duplicate values from the array and return an array.

It is better to use this method on the array if there is some possibility of same values or the later code in the program depends on it for example – selecting records based on ids and displaying on the screen.

In this tutorial, I show how you can remove duplicate values from –

  • An Indexed,
  • Associative array and
  • Remove index by key name in the associative array.

Remove Duplicate values from an Array in PHP

PHP

In TinyMCE editor to view image and media options in the menu or in toolbar need to load them by using plugins option while initializing.

This adds them to the editor but you can load external file by passing the source path. It does not allow to browse any file within the system.

The browse button easily added by defining file_picker_callback option.

This only adds browse button but not allow file selection.

Within the file_picker_callback function need to write the script to enable file selection and upload the file to the server.

For upload the file to the server I am using PHP.

Add Browse Button and Upload File in TinyMCE

How To Javascript

AngularJS How To PHP