Category: Javascript

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

TinyMCE is a WYSIWYG editor where you can edit and preview the end result of the document.

In TinyMCE by default, all labels are in US English (en_US) but it is customizable to any other language using language option.

There is more than 50 languages script package is available which can be downloaded and use in language defining.

How to change language in TinyMCE editor

How To Javascript

By enabling the social login on the website it is easier for the user to easily register or sign in on the website without entering its details.

In this tutorial, I am adding LinkedIn Login on the webpage.

LinkedIn provides a very simple JavaScript API for developers to fetch the user details after successfully authorization and use it for registration or login.

How to Login LinkedIn with JavaScript API

How To Javascript JQuery PHP

It is not always mandatory that for submit form requires adding the submit button.

You can do this with any other elements e.g. checkbox, radio, select, etc. using Client side script.

In this quick tutorial, I show how you can use JavaScript and jQuery to submit element.

How to submit form with JavaScript and jQuery

Javascript JQuery

The pace.js is an automatic page load progress bar. You don’t need to write any code to initialize the script during page load.

It is easy to implement and not dependent on any other external JavaScript libraries.

You can also use this with AJAX request to show the progress bar when the request is been triggered.

Several themes with different-different colors are available that you can use.

Automatic page load progress bar with Pace.js

Javascript JQuery

How To Javascript JQuery

Javascript

The Siema is a lightweight JavaScript plugin that adds carousel slider on the page. It is not dependent on any other plugins and not require to do any styling.

It is easy to setup on the page.

Few options and methods are available for customization.

Make Carousel slider with siema plugin - JavaScript

Javascript

PullToRefresh.js is a JavaScript plugin that lets you implement pull to refresh functionality on your web page. The plugin is not dependent on any other libraries.

You can define your own action when the user performs pull down action on the web page.

It has various options for customizing the default behavior.

Pull down to refresh with PulltoRefresh.js

Javascript JQuery

Mainly the external script or CSS files are added in the <head> section or at the end of the <body> section.

The included script or CSS files take the time to load and it may slow down your site if they are more in numbers.

With the use of JavaScript, you can dynamically add external file reference in your page on the Client side.

Dynamically include script and CSS file with JavaScript

Javascript