Javascript

JavaScript 5 Seconds Countdown

Submitted by GeePee on
This code will allow you to add a 5 seconds countdown to the download page of your site. Depending on how you code your download page, the following will simply add a label within your body tag as: "Download will start in 5 seconds" Controlled by JavaScript using the span tag. This is similar to the site at sourceforge.net. When you download something on that site, you will be redirected to another page and give you a countdown before you receive the file. Here's the full code for you to play with.

Search Highlight in jQuery

Submitted by GeePee on
This project will teach teach you how to include a search highlight in your website in an easy way using jQuery. What we'll do is to download highlight jQuery plugin and customize the codes. Here is the sample code that I created using highlight jQuery plugin: $(document).ready(function() { $('#search_btn').click(function(){ var search_str = $('#str_search').val(); $('body').unhighlight()

Button Sound Effects

Submitted by GeePee on
This project will teach you how to put a sound effects on your button. This is what we usually encountered in other social media sites. Every click of each buttons, the sound effect played. In my last project, I created a Drop down menu. Let's make it as an example again and add some sound effects. With a very few lines in javascript, we can get this done. var effect = new Audio(); effect.src =

Dynamic Dropdown List

Submitted by GeePee on
This project will teach you how to create a dynamic dropdown list using php, javascript and jquery. Here in my example, there are two dropdown lists (Brand and Model). The user needs to select an item on the Brand list. The items on the Model list then automatically changes to the corresponding brand of cars. When the user has chosen an item on the Model list and clicked on the "Go" button, the

Automatically Convert String to Upper Case in Javascript

Submitted by GeePee on
This project will teach you how to convert string to upper case automatically using javascript. We can use these if we have a textfield requirements to capitalized all inputted data or just the first letter of the word. It is more convenient for the users while inputting data at the same time we can make sure that it meets system requirements. Hope you learn from this.

Validate Decimal Number in Javascript

Submitted by GeePee on
This project will teach you how to validate decimal number in javascript. It is important to validate first the input data before submitting. The user must meet the requirements to be able to proceed with the next procedure. There are textfield which requires numbers only, so we have to block the non-numeric characters to avoid errors. Hope you learn from this.

setAttribute/removeAttribute in Javascript

Submitted by GeePee on
This project will teach you how to use setAttribute and removeAttribute method in javascript. setAttribute adds an attribute to a specified element and give it a value. Like in my example, I add an attribute of class and the value is animate which I give an animation. So, by pressing the setAttribute button, the element starts to animate and by clicking removeAttribute, the animation stops
Subscribe to Javascript