JavaScript

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.

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

This project will show you how to create modal dialog box in an embedded YouTube video. The dialog box will automatically appear at the end of the clip. This event is usually used if we want the user to take an action after playing the video like sharing it to the other social networking sites.

In this project, you will learn how to control an object using the keyboard keys. I used the arrow keys to move the spaceship image up, down, left and right. Feel free to edit this code if you want to change the control keys or if you want to improve this project. Hope you learn from this simple project.

HTML5 Multiple File Uploader API allows you to upload multiple files with drag and drop into any folder of your choice. The code can be modified to work with a database or any other need. See examples. Demo and Download working examples here: http://www.jpmalloy.com/upload/

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.

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

Drag and drop was created using javascript. In this project, I used different types of event like dragstart, dragend, etc. Hope you can use it on your projects. This features dragging and dropping image into another div. Once image is dragged into the other div, border color and background will change. Hope you learn from this project.

A very simple image animation yet a very interesting one. This animation is what we mostly see in web designs and can also be used in making image gallery. The code is very simple and easy to understand. I change the opacity of the image into .5 and when the user hover on it, image opacity change into 100%. Hope you learn from this simple project.

This project teaches you how to create analog clock using Javascript. The code is more on mathematical analysis; from the clock's face to it's function. Hope you will learn something from this simple-looking yet difficult project.