JavaScript

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.

This is a simple project of audio player with equalizer. In this project, you will learn how to create a controller which include play and pause button, volume control, time duration and a slider. I also placed an equalizer to add life to the music player. Have fun learning while listening to my music!

You may be familiar with "Memory Game". Here, you will learn how to create a fun game that challenges your visual ability to remember numbers. The puzzle is composed of 24 checkered tiles with hidden numbers (12 pairs). When you click two consecutive tiles with the same corresponding number, it steadily appears; if not, the tiles flip to back. And when the puzzle is solved, the game automatically

A simple stopwatch/timer using JavaScript. It has a capability to pause and resume timer. It has also a reset button so that user can automatically set the timer back to zero. Hope you can learn from this.

Auto Scroll Animation using JavaScript. In this project, I also used PHP to lessen the codes and MySQL so that I can grab all the contents of the topics that I placed in the page. One feature of the project is that, once you click a topic, it automatically slides down to its content. And by clicking Go Back To Top, it will automatically slide to top. Hope you learn from this.