There are certain scenarios where you want to change the mouse cursor when you hover over a link. By the way, when you do such a thing you put some javascript in the onclick event and with that you want to give the user a feeling that he/she’s clicking on a hyperlink.

Do you know how to change mouse pointer using CSS? Well, it’s simple and easy. This is the basic cursor type that we normally used:

i) default – Display the normal mouse pointer icon

ii) wait – The mouse icon to represent “processing”

iii) crosshair – A plus symbol

iv) text – An “I” shaped icon that is displayed when selecting text

v) pointer - A hand icon that you see when you hover

vi) help – A question mark

x) move – A cross mark

(more…)

| No Comments »

This tutorial will help you to remove spaces in a text field using Javascript. Any spaces keyed in by the user will be removed when they click on the button or anywhere outside the text field.

This string.split() is to find all the substrings in a string that are separated by one or more characters. Then, i used string.join() to join a sequence of strings.

My Sample of Codes:

You can try to copy and paste into a notepad and save it as .html to test and see the result.

(more…)

| No Comments »

Now you can learn how to convert to lower case letters by using toLowerCase() functions in JavaScript. So, in order to convert a string to lower case, then you need to call the toLowerCase() method on the string.

The toLowerCase() method will return a lower case string into a new text field called “output”.

Sample Code of Converting String to Lowercase

Place this code inside the head section.

Place this code inside the body section.

(more…)

| No Comments »

Do you know how to create a flash based text scroller to scroll a few lines of text?

This tutorial will help you to create the text scroller by just following the simple instructions:

Step 1: Create a dynamic textbox.

Step 2: Set the textbox to Multiline, and name the instance as ’scroller’.

(more…)

| No Comments »