Javascript

Simple Dropdown Menu Using Javascript and CSS

Submitted by GeePee on
This tutorial we’re going to create a simple drop-down list using javascript and css. This element or sometimes refers as “widget” or “control” same with a listbox, which allows the user to select one value from a list. Drop-down list or menu provides a hierarchical overview of the subsections contained within the menu item that spawned it. All the subsections within a section of a site when you hover your mouse cursor over it.

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.
Subscribe to Javascript