HTML

This project will teach you how to trap your user with an unsaved work. It has only few lines of code in javascript. If the user has unsaved work and application that is not completed and attempt to close the window, the pop up message will appear asking if you want to leave the page or stay on the page. Simple yet very useful. Hope you learn from this.

This project will teach you some technique on how to create a custom search box using html/css. It has a little javascript codes to change the search button image on mouse hover and onmouseout. It also change the background color of the textfield on focus. Hope it can help you in your future project.

This project will teach you how to expand textarea when clicked using html/css. With a few lines of codes in css(most important is the transition property), you can easily include this effect in your project. We can use this effect in creating a comment box. Hope you learn from this.

This project will teach you how to create an automatic numbering using css/html. This is very useful for those websites that need to have a numbering specially when we get our data or information on the database. This is the easy and simple way to do create a numbering. Hope you learn from this simple project.

This project will teach you how to pick up keyboard using javascript. Once the user press the key, it will display what key has been pressed and its keycode. It can also detect keyboard properties. You will notice that when the user press the key and hold, it has a status onkeydown event for whatever key user pressed and on released, it changes to onkeyup event. This is very useful in creating

This project will teach you how to dynamically center and align canvas object. No matter what the size of your canvas is, the object inside it will dynamically centered and aligned. Try yourself this code and see what the result is. Hope you learn from this.

This project will teach you how to create a tab control using html/css. On my previous project Tab Control, I used jquery, but this time it is pure html/css. It has the same function as the tab control which uses jquery. Hope you learn from this.

This project will teach you how to create a link that open in a new window using javascript. It is easy and useful with just a few lines of codes attached. There are options to modify the new window opened. You can either display the status bar, menu bar, directories bar, you can also either put a scroll bar, where to position the new window in your screen and the size of the new window. Hope you

This project will teach you how to draw text in canvas using javascript. Let's see the parameters that the filltext method and stroketext method intake. context.fillText('This is the text!', 20, 60); context.strokeText('This is the text!', 20, 60); The first parameter is the string of text, second is the x position, and the third is the y position. You can also maximum width. It is optional. We

I have this system that enables costumer reserve seats or movie online. I uploaded this system to help programmers/students who have system like this. Hope this will help a lot. It includes: CSS HTML 5 JAVASCRIPT database:reservation