I found this one somewhere then i tried to tweak it and submitted to Dynamic Drive script sharing website and they did kind of a tweak as well to make it.

How it works :

When you click on a link or button it will start from top left corner by expending horizontally then vertically. It loads quite fast so you don’t have to sit back and watch it dancing in front of you.

Code to place between head tags

Code to place in body tag:

Yahoo.com

Example:

Rizfolio.com

Please note this was developed in 2004.

Anchor HTML Code

<a name="mystory"></a>

Anchor Link

<a href="#mystory">Test HTML Code</a>

Example: Test HTML Code

Javascript function to jump to the anchor

function goToAnchor(nameAnchor){
     window.location.hash=nameAnchor;
}

How to call javascript function to jump to anchor

<a href="javascript:goToAnchor('mystory')">Test Javascript Code</a>

Example: Test Javascript Code

Anchor is here –> <–

function checkOptionValue(inputObj){
var objLength = inputObj.length;
if(objLength == undefined){
if(inputObj.checked)
return inputObj.value;
else
return "";
}else{
for(var i = 0; i < objLength; i++) {
if(inputObj[i].checked) {
return inputObj[i].value;
}
}
}
return "";
}

Another way to find out if object exists or not

function objExists(objToTest) {
if (null == objToTest) {
return false;
}
if ("undefined" == typeof(objToTest) ) {
return false;
}
return true;
}

function explained

Pass the radio option as form object not the only the name of the radio button.
Example: function like checkOptionValue(document.form1.myoption);

var objLength = inputObj.length; – It gets the length of the radio options.
Example if there are 2 radio input like (male, female) its length will be 2.

if(objLength == undefined){ – Check if there is only one radio option, then length method will return undefined.

if(inputObj.checked) “checked” function returns true or false, true if option is checked/selected.

return inputObj.value; return the value of checked option.

Else return “”; if its not check return empty string.

Else do a loop based on the length of the radio object

Keep checking if any option found checked return its value.

Working Example

NEXT: Setting the radio option value with javascript.

I will be writing tutorials and articles starting from start. easy and friendly way.

keep visiting this blog for latest updates and tutorials.