Javascript

How to Crop Image

Submitted by GeePee on
This project will teach you how to crop image using php and javascript. The user will first need to upload a picture. There will be a transparent dotted box which the user will use to determine what size and angle to cut. The box can be dragged and resized.

Print Specific Parts of a Document

Submitted by GeePee on
This project will teach you how to print a specific part of a document using Javascript. Each part is wrapped with a div and that we will use the div as the element. As we see in the screenshot, each div has a print button which can determine what part needs to be printed. You also have an option to print the whole page.

Drag & Drop Files to Delete

Submitted by GeePee on
In this project, you will learn how to create a drag and drop event to delete an object by using jQuery. This can be used in image gallery system. How does it work? Simply drag and drop files on the box "Drop to Delete" and it will automatically delete your database record and the file itself. Hope you learn from this.

Creating Tabs in jQuery

Submitted by Yorkiebar on
Introduction: This tutorial is going to be teaching you how to create basic tabs using Javascript in HTML. Why Tabs? Tabs are very handy for professional looking websites, and allow you bunch a load of information in to a small space. A common use for javascript tabs is in control panels of user accounts, with different setting topics such as; Overview Billing Settings HTML: First we need the

Show/Hide Password Characters

Submitted by GeePee on
This is a simple project on how to hide and show password characters. We can use this as an option to our registration page. If the user wants to show the password characters, they just need to check the checkbox and it will automatically show the characters and by unchecking the checkbox, it will hide the characters. Hope you learn from this simple project of mine.

How to Count and Limit Characters

Submitted by GeePee on
This is the updated version of the comment box I have made previously. The main purpose of this update is to show you on how to limit the text count in the textarea. It displays the remaining text to be entered. I also added line breaks by using .replace in javascript code. Now it displays what we exactly wrote in the textarea. And I also updated the plain text url. It is now clickable and