Skip to main content

Copy Text to Clipboard with JavaScript

Updated on: coderszine team

In this tutorial, we are going to explain how to implement Copy Text to Clipboard functionality with JavaScript in your website. We will use execCommand("copy") JavaScript command to copy content to clipboard.

The Copy text to clipboard is a special feature that allow user’s to copy contents without using any key combination. There are no need to highlight and manually copy text. User’s just need to click button to copy content to clipboard and content copied automatically.

So there are various reasons to prefer copy to clipboard feature into your website instead of manual copy. As in our previous tutorial you learned how to Refresh or Reload Page using JavaScript. Here in this tutorial, we will cover copy to clipboard using JavaScript tutorial with live demo.

(more…)

How to Refresh or Reload Page using JavaScript

Updated on: coderszine team

In this tutorial, you will learn how to refresh or reload page using JavaScript.

Sometimes we need to refresh or reload page of a website to load data. As the page refresh or reload is related to client side programming, so we can easily do this using JavaScript. There are methods in JavaScript such as location.reload(), location.href, history.go(0) in JavaScript to load page as per our requirement. We can set timeout or interval to load or refresh page on every given time.

(more…)

Live Datatables CRUD with Ajax, PHP & MySQL

Updated on: coderszine team 28 Comments

Datatables is a jQuery plguin which is used to display tables data in interactive and user friendly way. The Datatables are very feature rich as it allows searching, sorting and live data update features.

So if you’re thinking about implementing jQuery Datatables with CRUD operation with Ajax and PHP, then you’re here right place. In our previous tutorial you have learned how to create advance contact form with Ajax and PHP.In this tutorial you will learn how to implement live Datatables with CRUD operations with Ajax, PHP and MySQL.

We will cover this tutorial in easy steps to create live example of Datatables CRUD operations with dynamic data.

(more…)

Image Crop and Upload using jQuery and PHP

Updated on: coderszine team 21 Comments

Image upload and Crop is an important feature of web applications to allow users to crop the image to desired size before upload. This feature is generally implemented in user’s section to manage user profile to upload user avatar or profile photo after image crop to fit correctly to display in user profile. The functionality can be implement any where with image upload in web applications

As in our previous tutorial you have learned how to upload images with jQuery, PHP and MySQL. In this tutorial you will learn how to crop image before upload using jQuery and PHP.

We will use Croppie jQuery plugin that enables to crop the image with zoom.

We will cover this tutorial step by step with live demp to browse ithe mage and display to crop with zoom feature and upload after image crop.

crop image and upload with php and jquery

(more…)

Cross-platform Editor for Web Development

Updated on: coderszine team

With so many code editors out there, we always looking for the flexible and coder friendly editor to increase productivity. But rarely we find editor which is feature rich and lightweight. There are many feature rich editors there but these are too heavy and starts hanging systems.

Developers are checking for lightweight and feature rich editors with features such as hints for tags, functions and their parameters, selection and collapsing of code snippets, highlighting of parentheses and tags, highlighting of blocks etc.

So if you’re a developer and looking for editor with advance features, then you’re very close to this. In this article we will discuss about Codelobster editor and it’s advance features that makes it the first choice of most of developers.

(more…)