JavaScript

This project will teach you how to create a simple jquery tabs using jquery and css. I used fragment identifier this.hash for the href values in the navigation. this.hash is equivalent to #about, #faqs and #contact. By clicking each tab, the older vissible tab will be hidden and the new tab will show. Hope you learn from this.

This is a simple project on how to upload files using Ajax. This will upload the files without reloading the page. As you will see in the code, I created a new FormData object and append each file into it. This will pass the data as a request to the server. Hope this example will help you on your future projects.

This project is an example of WYSIWYG rich text html editor using Javascript. You will see in the code that I used textarea in the body field and replaced it with iframe which I enabled. This project has a capability to change font, font color, font size, font color, align text or images to left, center and right, has an option to make text bold, italic and underlined, create horizontal line

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.

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.