JavaScript - Double Action Php/javascript Button?

I'm finishing up an e-commerce website, and I can't quite figure out why the shopping cart feature is acting all screwy in Internet Explorer. It works fine in Firefox, but in IE, when you add a product to the cart it doesn't display the little pop-up notification, and when you click on the "my cart" at the top right the product quantities are incorrect about 70% of the time. For some reason IE keeps doubling the quantities; I think one of the scripts may be double refreshing the page I just can't figure out where.

If anyone has any suggestions they would be much appreciated.

The site I'm referring to is he
www.tcatvs.com

Thanks y'all!

Also I'm using the jquery framework for much of the site.

This is driving me nuts

I need to replace all instances of "zz" with 'Z'. I can easily replace other strings such as

a = a.replace(/mickeymouse/, "Z");

but

a = a.replace(/zz/, "Z");

doesn't work. Must be a double characer thing?

Hello everyone,
I have a webpage with three different search options. Each option has a radio button clicking on which enables the text fields and buttons in that option with the help of java script. The first options allows to search by PIN. Second one by SSN, DOB and DOBRange, And 3rd one by various combinations of the name. The javascript I use to do this is given below:
Code:

function chMd()
{
 // initialize form with empty field
 document.forms[0].PIN.disabled=false;
 document.forms[0].PIN.value="";
 document.forms[0].SSNfirst.disabled=false;
 document.forms[0].DOBRange1.disabled=false;
 document.forms[0].DOBRange1.value="";
 document.forms[0].DOBRange2.disabled=false;
 document.forms[0].DOBRange2.value="";
 document.forms[0].LastName.disabled=false;
 document.forms[0].LastName.value="";
 document.forms[0].FirstName.disabled=false;
 document.forms[0].FirstName.value="";
 document.forms[0].MiddleName.disabled=false;
 document.forms[0].MiddleName.value="";
 document.forms[0].Last4.disabled=false;
 document.forms[0].Last4.value="";
 document.forms[0].First4.disabled=false;
 document.forms[0].First4.value="";
 document.forms[0].DOB1.disabled=false;
 document.forms[0].DOB2.disabled=false;
 document.forms[0].Option1.disabled=false;
 document.forms[0].Option2.disabled=false;
 document.forms[0].Option3.disabled=false;
 for(var i=0;i<document.forms[0].elements.length;i++)
 {
   if(document.forms[0].elements[i].name=="dOption")
   {
    if(document.forms[0].elements[i].value=="N")
    {
      if(document.forms[0].elements[i].checked==true){

       document.forms[0].PIN.disabled=false;
       document.forms[0].SSNfirst.disabled=true;
       document.forms[0].DOB1.disabled=true;
       document.forms[0].DOBRange1.disabled=true;
       document.forms[0].DOB2.disabled=true;
       document.forms[0].DOBRange2.disabled=true;
       document.forms[0].LastName.disabled=true;
       document.forms[0].FirstName.disabled=true;
       document.forms[0].MiddleName.disabled=true;
       document.forms[0].Last4.disabled=true;
       document.forms[0].First4.disabled=true;
       document.forms[0].Option1.disabled=false;
       document.forms[0].Option2.disabled=true;
       document.forms[0].Option3.disabled=true;
      }
    }
    else if(document.forms[0].elements[i].value=="T")
    {
      if(document.forms[0].elements[i].checked==true){
    	  document.forms[0].PIN.disabled=true;
          document.forms[0].SSNfirst.disabled=false;
          document.forms[0].Last4.disabled=false;
          document.forms[0].DOB1.disabled=false;
          document.forms[0].DOBRange1.disabled=false;
          document.forms[0].DOB2.disabled=true;
          document.forms[0].DOBRange2.disabled=true;
          document.forms[0].LastName.disabled=true;
          document.forms[0].FirstName.disabled=true;
          document.forms[0].MiddleName.disabled=true;
          document.forms[0].First4.disabled=true;
          document.forms[0].Option1.disabled=true;
          document.forms[0].Option2.disabled=false;
          document.forms[0].Option3.disabled=true;
          
      }
    }
    else if(document.forms[0].elements[i].value=="R")
    {
      if(document.forms[0].elements[i].checked==true){
    	  document.forms[0].PIN.disabled=true;
          document.forms[0].SSNfirst.disabled=true;
          document.forms[0].Last4.disabled=true;
          document.forms[0].DOB1.disabled=true;
          document.forms[0].DOBRange1.disabled=true;
          document.forms[0].DOB2.disabled=false;
          document.forms[0].DOBRange2.disabled=false;
          document.forms[0].LastName.disabled=false;
          document.forms[0].FirstName.disabled=false;
          document.forms[0].MiddleName.disabled=false;
          document.forms[0].First4.disabled=false;
          document.forms[0].Option1.disabled=true;
          document.forms[0].Option2.disabled=true;
          document.forms[0].Option3.disabled=false;
      }
    }
   }
 }
}

This works fine but the problem is we have 3 submit buttons with differnt actions using the normal <s:submit> works fine but when I use <s:submit action="Search1"> the javascript does not render. Here is an example of my jsp code:
Code:

<s:form id="Search" name="units" action="Search1">
....
...

<Table>
<tr><td> <input name="dOption" value="T" onClick="chMd()" type="radio">
  Option 2 <br /></td></tr>
<tr> 
<td>
<s:textfield  name="crssn" label="SSN:" size="9" maxlength="9" disabled="true" value="xxxxxxxxx" onclick="clearText(this);"onblur="clearText(this);"  required="true"/></td>
<td><br><s:checkbox name="last4" label="Last 4" labelposition="bottom" disabled="true"/></td></tr>
<tr><td><s:textfield label="DOB:" name="crdob1" size="10" maxlength="10" disabled="true" value="mm/dd/yyyy" onclick="clearText(this);"onblur="clearText(this);" /></td>
<td><s:textfield name="crrange1" label="+/- months" size="1" disabled="true" /></td><td>&nbsp;</td><td>&nbsp;</td>
<td>
<s:submit action="Search2" name="Option2" value="Search"/></td></tr>
</Table>

Similarly for the other options. This does not seem to work. However if I use the same code without specifying an action it works.
e.g.
Code:

<Table>
<tr><td> <input name="dOption" value="T" onClick="chMd()" type="radio">
  Option 2 <br /></td></tr>
<tr> 
<td>
<s:textfield  name="crssn" label="SSN:" size="9" maxlength="9" disabled="true" value="xxxxxxxxx" onclick="clearText(this);"onblur="clearText(this);"  required="true"/></td>
<td><br><s:checkbox name="last4" label="Last 4" labelposition="bottom" disabled="true"/></td></tr>
<tr><td><s:textfield label="DOB:" name="crdob1" size="10" maxlength="10" disabled="true" value="mm/dd/yyyy" onclick="clearText(this);"onblur="clearText(this);" /></td>
<td><s:textfield name="crrange1" label="+/- months" size="1" disabled="true" /></td><td>&nbsp;</td><td>&nbsp;</td>
<td>
<s:submit name="Option2" value="Search"/></td></tr>
</Table>

Code:

<Table>
<tr><td> <input name="dOption" value="T" onClick="chMd()" type="radio">
  Option 2 <br /></td></tr>
<tr> 
<td>
<s:textfield  name="crssn" label="SSN:" size="9" maxlength="9" disabled="true" value="xxxxxxxxx" onclick="clearText(this);"onblur="clearText(this);"  required="true"/></td>
<td><br><s:checkbox name="last4" label="Last 4" labelposition="bottom" disabled="true"/></td></tr>
<tr><td><s:textfield label="DOB:" name="crdob1" size="10" maxlength="10" disabled="true" value="mm/dd/yyyy" onclick="clearText(this);"onblur="clearText(this);" /></td>
<td><s:textfield name="crrange1" label="+/- months" size="1" disabled="true" /></td><td>&nbsp;</td><td>&nbsp;</td>
<td>
<s:submit action="Search2" name="Option2" value="Search"/></td></tr>
</Table>

Any idea what I need to change in my javascript or jsp to get this to work?

Hey all -
I've searched high and low for this through Google, and tried piecing together some solutions, but 1) I'm way too incompetent from a Javascript perspective to take two ideas and make them work and 2) I've spent close to 2 hours and dont have a solution. SOOOO I thought I'd ask the geniuses here for some ideas:

I have a page with an iFrame called portalCalcFrame that I'm trying to submit data to to do some calculations and preview in the iFrame before actually submitting the page to the next...well...page (both the "Recalculate" button to send to iFrame and the "Next Step" button to submit it further into the process are on the main frame). So I've got two problems.

A) I need to submit a form to a different target, aka portalCalcFrame

B) I need to submit the form to a different "action" page than my form actually submits to. (The form submits to a page called step2.php, whereas the iFrame needs to load page calcframe.php and have the form submit to that)

I don't really know where to start, Javascript is far from my forte. I've taken it a couple of different ways.

Any ideas guys? I love you long time. Thanks in advance!
JE

Hey guys. This is vague because I dont know what exactly to tell you but please reply with me so I can fix this.

I want to add something to my forum. Specifically, I want to add a HTML and Picture button for when you go to reply. Like posting an article here, there are also these options (font, alignment, insert image)

I do not know how to achieve this but shouldnt be too hard.

Here are the two sources you will need to look through to help me fix the forum.

http://neoweather.com/FWFORUM.JS
http://static.websimages.com/JS/fw.js

THANKS

Hi,

I am not entirely sure what I am doing wrong here, and I have been looking at this for ages, so apologies in advance if I have become so bleary eyed I can't see something simple.

I use php to create buttons based on values pulled for a table. The problem I have is when you click on the first button the javascript function works great, when you click on the next button you get the same output even though it should be different results. I am working in ff and I can see on my firebug console that the javascript function is being called, but it is not passing the new value of the second or third button, it just keeps repassing the value of the first button. So not entirely sure where I am going wrong here.

My page is:
Code:

<script type="text/javascript">
function loadXMLDoc2(File,ID,Msg){
if (window.XMLHttpRequest)  {
  xmlhttp=new XMLHttpRequest();
  }
else {
	try{
  xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }	
}

xmlhttp.onreadystatechange=function(){
  if (xmlhttp.readyState==4 && xmlhttp.status==200){
    document.getElementById(ID).innerHTML=xmlhttp.responseText;
    }
  }

var params=Msg;
xmlhttp.open("POST",File,true);

xmlhttp.setRequestHeader("Pragma", "Cache-Control:no-cache");
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.setRequestHeader("Content-length", params.length);
xmlhttp.setRequestHeader("Connection", "close");
xmlhttp.send(params);
}
</script>
<head>
<body>
<?php

	$con = mysql_connect("localhost","user","password");
	if (!$con)		{
		die('Could not connect: ' . mysql_error());
		}
	mysql_select_db("mydb", $con);

	$result = mysql_query("SELECT DISTINCT theme FROM goods	WHERE category='{$_POST['category']}'
	ORDER BY theme DESC");
	

	while($row = mysql_fetch_array($result)){
		echo '<input type="text" class="hidden" name="theme" id="theme" value="' . $row['theme'] . '" ><input type="button" class="button3" name="product" id="product" value="' . $row['product'] . '" onClick="loadXMLDoc2(\'getShow.php\',\'txtHint\',\'theme=\'+encodeURI(document.getElementById(\'rtheme\').value))" >&nbsp';
		}
echo '<br /><br />

<div id="txtHint"><div>
<br />
<br />';

	mysql_close($con);
?>

And getShow.php produces a table with a list of product images, names and prices, based on theme.

So basically not sure where I am going wrong here?

Hi Guys,
I am new at JavaScript and start to do some tutorials.What I am trying to do here is prompting user to input a name and if the name was valid the page(document) will display with all objects like the button.But if user enter a wrong name then the button will be disabled!
I create the following code but it did not work

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New Web Project</title>
<script language="JavaScript" type="">
function changeColor(){
document.bgColor = "Gray";
}
</script>
</head>
<body>
<script language="JavaScript" type="text/javascript">
var person = "";
person = prompt('What is Your Name:');
if (person == "Foo") {
document.write("<h1 />Welcome " + person);
document.bgColor = "Yellow";
}
else {
document.write("<h1 />Access Denied!!!!");
document.bgColor = "Red";
document.getElementById("gree").disabled = true;
}
</script>

<div>
<p/><input id="gree" type="button" value="Gray " onClick="changeColor();">
</div>
</body>
</html>

as you can see I used the:
document.getElementById("gree").disabled = true;
but it did not work , could you please give an idea how I can solve this problem?
Thanks

i am trying to achieve a JS driven button for a cms. for example i have a text in a textarea so i select the text and add the bold attribute to this text.
my text before : text
my text with bold added : <b>text</b>
what the function to achieve this ?
thanks

Trying to build a timer for an image array, it works, I've created also a stopTimer on hover event. But, what I wish to do Is create buttons so the users can press previous or next and see the sliding images as they wish.

here'S my code so far :

<script type="text/javascript">

var currPic=1;

var totPics=8;

var keepTime;

function setupPicChange()

{ keepTime=setTimeout("changePic()", 15000); }

function changePic()

{ currPic++; if(currPic>totPics) currPic=1;

document.getElementById("picture").src="/images/services/picture"+currPic+".png";

setupPicChange(); }

function stopTimer()

{ clearTimeout(keepTime); }

function startTimer()

{ keepTime=setTimeout("changePic()", 5000); }

function prevTimer()

{ currPic-1 }

function nextTimer()
{currPic+1}

</script>


I've created the nextTimer and prevTimer functions but they do not seem to work. I do not know how to integrated these functions in CSS sor my button, which are designed with CSS hover, down and active states...

can you guys help me out ? am pretty basic here with codes...

hello everyone

I am working on a quiz which marks the user and displays to different screens when the total has been calculated. If the user gets over 80% a congratulations page is shown but if you score less your told to go back and look at some of the material again.
I would like the congratulations page to show a button to let the users continue on to the next section of the tutorial. Does any one have any ideas how I could do this? im stumped. I have inserted the code below, any help would be much appreciated as I'm a little stuck :/

Code:

// Function to create arrays.
function makeArray(len) {
    for (var i = 0; i < len; i++) this[i] = null;
this.length = len;
}

// creates objects for this question.
function makeQuestion(question, correctAnswer) {
var args = makeQuestion.arguments;
this.question = question;
this.correctAnswer = correctAnswer;
this.userAnswer = null;
this.isCorrect = isCorrect;
this.showForm = showForm;
this.userChoices = new makeArray(args.length - 2);
   for (var i = 0; i < args.length - 2; i++) { 
   this.userChoices[i] = args[i + 2];
   }
}

// determins if the questions answered correctly
function isCorrect() {
if (this.correctAnswer == this.userAnswer) return true;
else return false;
}

// Method to display contents of question object.
function showForm(n) { //argument n is the number of the question.
document.write((n + 1) + '. ' + this.question + '<BLOCKQUOTE><FORM>'); //n+1 = the number of the question in the array (has to add one because the array starts with 0 or the first question would be number 0, this question displays the questions text, blockquote off sets the answer making them indented.
    for (var i = 0; i < this.userChoices.length; i++) { //goes through the questions one by one.
        document.write('<INPUT TYPE = "RADIO" NAME = "q' + n + //create the radio buttons.
                       '" onClick = "quiz[' + n + '].userAnswer = ' + i + '">');
        document.write(this.userChoices[i] + '<BR>');
    }
document.write('</FORM></BLOCKQUOTE>');
}

// 	This corrects the quiz, dispays the correct answers and the score.
function correctQuiz() {
var correct = 0; // sets the correct page to a score of zero
correctPage = '<HTML><TITLE>Corrections</TITLE><BODY BGCOLOR = "#FFFFFF">'; // sets the attributes of the correction page
    for (var i = 0; i < quiz.length; i++) { //loop runs through questions
    if (quiz[i].isCorrect()) correct++; // the is correct starts at 0 every time is correct returns true (an answer is correct) it adds 1 to the number adding up correct answers.
    }
var score = Math.round((correct / quiz.length) * 100); // find out the % of correct answers by using math and the % equation
correctPage += 'Sco  <STRONG>' + score + '</STRONG> %';
    if (correct < (quiz.length / 100) * 80) {  //if the correct number is less than the quiz length then not all the answers were correct if it is the same then all ansers were correct.
    correctPage += ifWrong; // if there were wrong answers
        for (var i = 0; i < quiz.length; i++) {  // starts a for loop through the answers
            if (!quiz[i].isCorrect()) { // if quiz doesn't = to iscorrect.
            correctPage += (i + 1) + '. ' + // this shows what number was wrong.
            quiz[i].userChoices[quiz[i].correctAnswer] + '<BR>'; // displays the correct answes for the questions that were wrong
            }
        }
    }
    else correctPage += ifAced;  // this is the correct page displayed if all the answers were right.
correctPage += '</BODY></HTML>'; // opens the window of correct page
correctwin = window.open ('', '', 'height=300,width=300,scrollbars=yes'); 
    if (correctwin.opener == null) correctwin.opener = window;
correctwin.location = 'javascript:opener.correctPage';
}

// Message to display if quiz is aced.
var ifAced = "<P>Well done! you have passed the test. You can now move on to the next section of the tutorial<P>"; 
// Message to display if any are wrong.
var ifWrong = "<P>Check below to see the answers that you got wrong. It maybe helpful if you go back and read the bits your unsure of.<P>";

// Create seven question objects...
quiz = new makeArray(8); // this is how many questions there is in the quiz 
quiz[0] = new makeQuestion("What is the correct name for the leg marking found in picture 1?", // 1st question  starts at 0 because thats the first number in an array
                            2,                             // correct answer           
                           "Sock",                // choice 0
                           "Stocking",                // choice 1
                           "Coronet band",                    // choice 2         
                           "half cannon");    // choice 3        

quiz[1] = new makeQuestion("What is the correct name for the leg marking found in picture 2?",         // 2nd question 
                            0,                             // correct answer
                           "Sock",    // choice 0
                           "Stocking",        // choice 1
 	        			   "Coronet band", //choice 2
                           "half cannon"); //choice 3

quiz[2] = new makeQuestion("What is the correct name for the leg marking found in picture 3?",         
                            1,                             // correct answer
                           "Sock",    // choice 0
                           "Stocking",        // choice 1
 	        			   "Coronet band", //choice 2
                           "half cannon");

quiz[3] = new makeQuestion("What is the correct name for the leg marking found in picture 4?",
                             3,                             // correct answer
                           "Sock",    // choice 0
                           "Stocking",        // choice 1
 	        			   "Coronet band", //choice 2
                           "half cannon");

quiz[4] = new makeQuestion("What is the correct name for the face marking found in picture 5?", 
                            2, 
                           "Bald",
                           "Star", 
                           "Snip",
                           "Blaze");

quiz[5] = new makeQuestion("what is the correct name for the face marking found in picture 6?",
                              0, 
                           "Bald",
                           "Star", 
                           "Snip",
                           "Blaze");

quiz[6] = new makeQuestion("what is the correct name for the face marking found in picture 7?",
                              3, 
                           "Bald",
                           "Star", 
                           "Snip",
                           "Blaze");
quiz[7] = new makeQuestion("what is the correct name for the face marking found in picture 8?",
                             1, 
                           "Bald",
                           "Star", 
                           "Snip",
                           "Blaze");

I have a basic Javascript slideshow that flicks through a series of 6 jpg images very quickly.
I also have a button that i need coded so that when a user clicks on the button, the script for the slide show slows down the speed of the flicking images slowly over the coarse of ten seconds and stops on an image.
How do i go about coding the button in javascript?
I hope this makes sense.

Thankyou

Here is my code so far.

var i, imgs, pic;

function rotate()
{
pic.src=imgs[i];
(i===(imgs.length -1))? i=0:i++;
setTimeout(rotate,500);
}




function diceroll()
{
pic=document.getElementById("yes");
imgs=["photo1.jpg", "photo2.jpg","photo3.jpg","photo4.jpg","photo5.jpg"];

var preload=new Array();
for(i=0;i<imgs.length;i++)
{
preload[i]=new Image();
preload[i].src=imgs[i];
}

i=0;
rotate();
}

I'm trying to make radiobuttons with a javascript function that gets called when a button is selected to make an image appear depending on what they click. However, after looking it up for a while I have nothing since some tell me to do document.formName.name.value; some tell me to use an id with my buttons and just use a document.getElementByID(""); etc.

This is for a project and we havent used parameters yet and I dont know how to implement them in the HTML as well

This is my code:

function classchoice()
{
if(document.getElementById('mage') == true)
{
classtype = "<img class='display' src='mage.jpg'>";
document.getElementById("picture").innerHTML=classtype;
}
if(document.classes.classes.paladin == true)
{
classtype = "<img class='display' src='paladin.jpg'>";
document.getElementById("picture").innerHTML=classtype;
}
if(document.classes.classes.hunter == true)
{
classtype = "<img class='display' src='hunter.jpg'>";
document.getElementById("picture").innerHTML=classtype;
}
if(document.classes.classes.rogue == true)
{
classtype = "<img class='display' src='rogue.jpg'>";
document.getElementById("picture").innerHTML=classtype;
}
}

This is the HTML:

<form name="classes">
<input type="radio" name = "classes" id="mage" onmousedown="classChoice();"> <img src = "mage.jpg" />
<input type="radio" name = "classes" id = "Paladin" onmousedown="classChoice();"> <img src = "Paladin.png" />
<input type="radio" name = "classes" id = "hunter" onmousedown="classChoice();"> <img src = "hunter.PNG" />
<input type="radio" name = "classes" id = "rogue" onmousedown="classChoice();"> <img src = "rogue.jpg" />
</form>


I hope it's readable because I copy and pasted my code and the indentations are a bit messed up

Good afternoon.

I'm trying to make it so a 'radio button' in a 'form' will 'collapse' a Div that I have hidden.

I'm using the JavaScript to control the collapse, and google's Jquery for the rest of it.

here's the code.

Code:

<head>
<script type="text/javascript" src="SpryAssets/collapse.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
animatedcollapse.addDiv('test', 'fade=1, group=test, speed=400')

animatedcollapse.ontoggle=function($, divobj, state) { //fires each time a DIV is expanded/contracted
		//$: Access to Jquery
		//divobj: DOM reference to DIV being expanded/collapsed. Use "divobj.id" to get the ID.
		//state: "block" or "none", depending on the state.
	}
	
	animatedcollapse.init()
</script>
</head>

and the body code...

Code:

<form action="myform.php" method="post">
<a id="collapsable" href="javascript:animatedcollapse.toggle('test')"> [+]
        Testing the Collapsability of this Scripting.</a>
	<div id="test" style="display:none;">	
    	<h1> You can see that if you toggle the 'Image Display' Button. This will display Properly.</h1>
    </div>
</form>

You can find a completely working version (When not using Radio buttons and forms) located at My Toggle Works Here.

Alternatively, you can find the NON working version, which is what I'm attempting to get to work, located at My Toggle Doesn't Work.

you can see that in the version that doesn't work, if you hit the 'Radio button', it will collapse, and immediately uncollapse the Div, I don't get why it does this.

Any help is greatly appreciated.

Hi all. Can someone tell me why I can select both HTML AND another radio button, but when I unselect, and select a # of 1 through 4, I can switch between the radio buttons, but I can't if I select HTML first?

Also, what's wrong w/ this code?

Code:

<html>
<head>
<title>Webpage Teacher - V 1.0</title>
</head>
<body>
<script>
// set the radio button with the given value as being checked
// do nothing if there are no radio buttons
// if the given value does not exist, all the radio buttons
// are reset to unchecked
function setCheckedValue(radioObj, newValue) {
	if(!radioObj)
		return;
	var radioLength = radioObj.length;
	if(radioLength == undefined) {
		radioObj.checked = (radioObj.value == newValue.toString());
		return;
	}
	for(var i = 0; i < radioLength; i++) {
		radioObj[i].checked = false;
		if(radioObj[i].value == newValue.toString()) {
			radioObj[i].checked = true;
		}
	}
}
function getCheckedValue(radioObj) {
	if(!radioObj)
		return "";
	var radioLength = radioObj.length;
	if(radioLength == undefined)
		if(radioObj.checked)
			return radioObj.value;
		else
			return "";
	for(var i = 0; i < radioLength; i++) {
		if(radioObj[i].checked) {
			return radioObj[i].value;
		}
	}
	return "";
}
</script>
<form name="radioExampleForm" method="get" action="">
<p>
<label for="code1"><input type="radio" value="HTML" name="code" id="code1"> HTML</label>
&nbsp;<label for="number0"><input type="radio" value="0" name="number" id="number0"> Zero</label>
&nbsp;<label for="number1"><input type="radio" value="1" name="number" id="number1"> One</label>
&nbsp;<label for="number2"><input type="radio" value="2" name="number" id="number2"> Two</label>
&nbsp;<label for="number3"><input type="radio" value="3" name="number" id="number3"> Three</label>
&nbsp;<label for="number4"><input type="radio" value="4" name="number" id="number4"> Four</label>
</p>
<p>
<script>
var thevar='';
if(document.forms['radioExampleForm'].elements['number']){
thevar='number';
}else{
thevar='code';
}
document.write(''
+'<input type="button" onclick="alert(\'Checked value is: '+getCheckedValue(document.forms[\'radioExampleForm\'].elements[\''+thevar+'\']));" value="Show Checked Value">');
</script>
&nbsp;<input type="button" onclick="setCheckedValue(document.forms['radioExampleForm'].elements['code'], 'HTML');" value="Set Checked to HTML">
&nbsp;<input type="button" onclick="setCheckedValue(document.forms['radioExampleForm'].elements['number'], '1');" value="Set Checked to One">
&nbsp;<input type="button" onclick="setCheckedValue(document.forms['radioExampleForm'].elements['number'], '2');" value="Set Checked to Two"> 
&nbsp;<input type="button" onclick="setCheckedValue(document.forms['radioExampleForm'].elements['number'], '3');" value="Set Checked to Three">
&nbsp;<input type="button" onclick="setCheckedValue(document.forms['radioExampleForm'].elements['number'], '4');" value="Set Checked to Four">
&nbsp;<input type="button" onclick="setCheckedValue(document.forms['radioExampleForm'].elements['number'], ''),setCheckedValue(document.forms['radioExampleForm'].elements['code'],'');" value="Uncheck All">
</p>
</form>
</body>
</html>

I simply want it to display the Check Value button and detect 2 different id's for 2 different radio buttons (which is 'code' and 'number')

Thanks!

when creating a button with javascript, is it possible to change the blue color when you mouse over it? I know its a stupid question but I am curious... I'm new to this javascript stuff..