JavaScript - Need Help With Button

I have 4 rows in a table.

Each row consist of 4 radio buttons.

Each radio button per row has different values in it but has the same name (group)
ex:
<input type="radio" name="a" value="1">
<input type="radio" name="a" value="2">
<input type="radio" name="a" value="3">
<input type="radio" name="a" value="4">

<input type="radio" name="b" value="1">
<input type="radio" name="b" value="2">
<input type="radio" name="b" value="3">
<input type="radio" name="b" value="4">

and so on..

If I click radio button A with value 2, I want to output the total at the bottom as "2"..

Also, if I click radio button B with value 3, I want to output the total of A and B as 5

and so on..

How can I automatically calculate the answer based on which radio button was click?

update: I got my answer from this site: http://stackoverflow.com/questions/1...s-using-jquery

can anyone give me a sample code for this situation ?
- button A = labeled as Unlocked
- when I on mouse over button A the label should turn into "Lock me ?"
- and then when I click the button, the label will change to "Locked"

Hello.
I have created a Bold button - when i click the button it applies it into my textarea.

The Problem is if i want to apply the bold style only to a single line and the rest of the written text will be normal and not bold it doesn't work.
How can I add to the function that when i select a certain line and click on the button to make it bold only the selected line will be bold??

This is the script :
PHP Code:
<script type="text/javascript">
function bold(id) {
  var element = document.getElementById(id);
  element.style.fontWeight = ( element.style.fontWeight == "bold" ) ? "normal" : "bold";
}

</script> 


And this is the button :
PHP Code:
<img src="Bold.bmp"width="42" height="39" title="Bold Font" onclick="bold('bodytext')"  style="cursor:pointer;"  /> 

Code:

<td class="x-btn-mc"><em class="" unselectable="on"><button class="x-btn-text " type="button" style="position: relative; width: 49px;" tabindex="0" aria-describedby="x-auto-5" aria-disabled="false">Next<img onload="this.__gwtLastUnhandledEvent=&quot;load&quot;;" src="http://tweepi.com/js/tweepigxt/clear.cache.gif" style="width: 16px; height: 16px; position: absolute; left: 0.15625px; top: 0px; background: url(http://tweepi.com/js/tweepigxt/67791A54F68E6C387B9AEF4E96FFB252.cache.png) -274px 0px no-repeat;" border="0" role="presentation" class=" x-btn-image"></button></em></td>

I have tried this:
Code:

 document.getElementsByid('x-auto-51').click()
  document.getElementsByClassName('x-btn-text ').click()

I need to use javascript in a way in which it will keep clicking a button. The source code for that button is below:
Code:

<script type="text/javascript"> 
function set_opacity(id, opacity) {
  element = document.getElementById(id)
  if (/MSIE/i.test(navigator.userAgent)) { element.style.filter='alpha(opacity='+opacity+')'; }
  else { element.style.opacity = opacity/100; }
  }
</script> 
 
 
  <div class="recruiter_enabled"> 
    <table cellspacing="0" style="width: 100%"> 
      <tr> 
        <td> 
          
            <p> 
              <script type="text/javascript"> 
//<![CDATA[
recruiter_clicks = 1
//]]>
</script><a href="/recruiter/recruit/3p5tjd4pdnbg0" id="recruit_link" onclick="return(submit_link_as_post_with_opacity(this, 'recruit_image'))"><img alt="" class="start_recruiting" id="recruit_image" src="/A.gif?1221518016" /></a><script type="text/javascript"> 
//<![CDATA[
 
      link = document.getElementById('recruit_link');
      link_href = link.href;
      link.href = "#";
      set_opacity('recruit_image', 50);
      
      setTimeout("link = document.getElementById('recruit_link'); link.href = '" + link_href + "'; recruiter_clicks = 0; set_opacity('recruit_image', 100)", 2000);
    
//]]>
</script>

Therefore, I need javascript to keep clicking the button until it has clicked it 375 times.

How would I be able to do this?

I have this line of code:

<input type='text' id='fCode' style="width:875px; height:22px;"/><br /><br />

Does anyone know how to add a copy button to so when you click it it copies everything in the box to your clipboard?

Thanks

-Wardman

Hey all im getting used to using .js still and I am trying to figure out how to create a button to move a selected field within a box of fields to the top, instead of just moving it one-by-one to the top. Here is what I currently have that moves the selected just up one. Can someone expand on this and make it so it will move to the top instead of just one?

SearchFieldsWindow.prototype.cmdMoveUp_OnClick =
function()
{
var searchFields = this.__searchFields;
var items = this.__lstSelected.get_Items();
var selectedIndices = this.__lstSelected.get_SelectedIndices();
var count = selectedIndices.get_Count();

for (var i = 0; i < count; i++)
{
var selectedIndex = selectedIndices.get_Item(i);
// Don't allow when first item selected
if (selectedIndex == 0)
break;

var uniqueID = items.get_ItemValue(selectedIndex);
var label = items.get_ItemLabel(selectedIndex);
searchFields.MoveUp(uniqueID);

items.RemoveAt(selectedIndex);
items.Insert(selectedIndex - 1, uniqueID, label);
this.__lstSelected.SetSelected(selectedIndex - 1, true);
this.__lstSelected.SetSelected(selectedIndex, false);
}
};

hi its me again.
i was using the data that I pulled out from my db and then provide a push button weather to lock it or not but the problem is, the js code doesn't mouse over on the next button,

here's the js code

Code:

var once = true;
function asktolock(){
  if(once){
    document.getElementById('locker').value = "Lock Me ?";
  }
}

function lockme(){
  document.getElementById('locker').value = "Locked";
  once = false;
}

and here's my html with php/js code
PHP Code:
      <?php foreach($task->result() as $row): ?>
   <tr>
        <td><?php echo $row->title; ?></td>
        <td><input type="button" id="locker" value="unlocked" onmouseover="asktolock()"  onclick="lockme()" /></td>
        <td><?php echo $row->assign_to; ?></td>
   </tr>
     <?php endforeach; ?>

if I will put an "onmouseout" and feed it with a function like this
Code:

function passby(){
   document.getElementById('locker').value = "unlock";
}

the clicking function won't work anymore, what's the best thing to do?

Dear Seniors

I am facing a problem. it entangled me by the last almost three days. actually i am new to programming. i need ur help.
what i want to do is that

I enter a value in text box and click on submit button. the entered value prompts using alert or prompt function. No further sending of value anywhere.
the code is below for HTML and JavaScript. I know i would be making some drastic blunder. plz help me.

<form name="mainqryfrm" method="post" action="">
<label></label>
<table width="100%" border="0" cellpadding="15">
<tr>
<td width="20%"><label><span class="style2">Query Title:</span></label></td>
<td colspan="2"><input name="txtqrytitle" type="text" id="txtqryTitle" size="40"></td>
</tr>
<tr>

<tr>
<td>&nbsp;</td>
<td width="30%"><div align="right">
<input type="submit" name="BtnSubmit" id="button" value="Submit Form" onClick="submitqry(This)">
</div></td>
<td width="50%"><input type="reset" name="BtnClrtxt" id="BtnClrtxt" value="Clear Form"></td>
</tr>
</table>
</form>





Function submitqry()
{
var qryfrm;
var qrytitle;


qryfrm = document.form("mainqryfrm");
qrytitle = document.elements("txtqrytitle").value;


document.alert(qrytitle);
// return true;
}

Hi, i have the next code:
PHP Code:
Code:

<span id="review-buttons-container" class="a-center">
            <input type="image" src="<?php echo $this->getSkinUrl('images/btn_place_order.gif') ?>" onclick="review.save();" value="<?php echo $this->__('Place Order') ?>" />
        </span>
    </p>
</div>
<script type="text/javascript">
//<![CDATA[
    var review = new Review('<?php echo $this->getUrl('checkout/onepage/saveOrder') ?>', '<?php echo $this->getUrl('checkout/onepage/success') ?>', $('checkout-agreements'));
//]]>
</script>

and i add the follow JavaScript code to create checkbox (the idea is that only when you with the checkbox checked, the button work)

i try:
PHP Code:
Code:

<span id="review-buttons-container" class="a-center">
        <form action="" onSubmit="return check(this);">
            <input name="chkbox" value="please make sure i'm checked" type="checkbox" />
            <input type="image" src="<?php echo $this->getSkinUrl('images/btn_place_order.gif') ?>" onclick="review.save();" value="<?php echo $this->__('Place Order') ?>" />
        </form>    
        </span>
    </p>
</div>
<script type="text/javascript">
//<![CDATA[
function check(form){
                if( form.chkbox.checked )
                    return true;
                else{
                    alert("please check the checkbox");
                    return false;
                }
            }
            
            
    var review = new Review('<?php echo $this->getUrl('checkout/onepage/saveOrder') ?>', '<?php echo $this->getUrl('checkout/onepage/success') ?>', $('checkout-agreements'));
//]]>
</script>

but its not work for me my javascript knowledge is not so good, please help me to create this checkbox) Thanks.

I'm tryingto make a button where, when you click the button, a variable will increase and refresh (reload the number displayed, but one number higher.
Here is what I have:

Code:

<html>
<head>
</head>
<body>
<script type="text/javascript">
x=1
document.write(x)
</script>
<input type="button" value="Up" onclick="document.write (++ x) ">
<input type="button" value="Down" onclick="document.write (-- x)">
<input type="button" value="Reload" onclick="history.go(0)">


</body>
</html>

The problem with this is: When you hit the "up" button, everything on the page dissapears and it just outputs "2". All the buttons and stuff dissapear?
There must be a better way to do it. And would I need to use a database.

Any help?

Hi,

I was trying to add some simple javascript (toggle visibility function of a div) to the FB 'like' button and 'Google +1' button. This to simply create some more visitor interactivity by showing a thank you message for doing so.

I've tried by just adding 'onclick=' to the element that actually shows the button, with a <a href="#" onlcick="..."> --element--</a> manner, and with a <span> and a <div> element around it.

Neither of them work. The toggle script is 100% correct (using it actively with <a href="javascript:void(0);" onclick="javascript:toggleVisibility('feedbackform')">feedback</a> ) Of course I made sure the div id had correct name and it is unique for the toggle function.

Anybody got any ideas on how to go with this?

JS:
Code:

function toggleVisibility(controlId) {
	if (document.getElementById) { // DOM3 = IE5, NS6
		var control = document.getElementById(controlId);
		if(control.style.display == "")
			control.style.display = "none";
		else
			control.style.display = "";        
	}
	else {
		if (document.layers) { // Netscape 4
			if(document.controlId.display == "")
				document.controlId.display = "none";
			else
				document.controlId.display = "";        
		}
		else { // IE 4
			if(document.all.controlId.style.display == "")
				document.all.controlId.style.display = "none";
			else
				document.all.controlId.style.display = "";        
		}
	}
}

hye every1,
can someone checkout my code because it is not working.at first the form is working until i add reset button then i suddenly not working anymore.thank you for your help.
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Radio Group Calculation</title>

<script type="text/javascript">
var brand=0;


   function calc()
{
    var form = document.forms.Calculator;
    var bdpr = Number( getSelectedValue(form.elements.a) );
    var bdft = Number( getSelectedValue(form.elements.b) );
    var bdbs = Number( getSelectedValue(form.elements.c) );
    var prft = Number( getSelectedValue(form.elements.d) );
    var prbs = Number( getSelectedValue(form.elements.e) );
    var ftbs = Number( getSelectedValue(form.elements.f) );

	if ( isNaN(bdpr)||isNaN(bdft)||isNaN(bdbs)||isNaN(prft)||isNaN(prbs)||isNaN(ftbs) ){

  alert("Please answer the question."); }

else{

	brand=1+bdpr+bdft+bdbs;
	price=1+1/bdpr+prft+prbs;
	feature=1+1/bdft+1/prft+ftbs;
	basic=1+1/bdbs+1/prbs+1/ftbs;

if(brand>price && brand>feature && brand>basic)
window.open('syg.html');
elseif(price>feature&&price>basic)
window.open('syg.html');
else(feature>basic)
window.open('syg.html');

}

 
}
   	
    
function getSelectedValue(flds) {
    var i = 0;
    var len = flds.length;
    
    while (i < len) {
    if (flds[i].checked) {
     return flds[i].value;
    }
    i++;
    }
    
    return "";
}

document.forms.Calculator.reset();
</script>
</head>
    

<body>


<br/><b>Please rank the functionality based on your preferences</b><br/><br />
 
<form name="Calculator" action="">
  
<label>Is brand important that price of a phone?</label><br />
    <input name="a" type="radio"  id="a_1" value="1">Not important<br />
    <input name="a" type="radio"  id="a_2" value="2">A little of important<br />
    <input name="a" type="radio"  id="a_3" value="3">Moderate important<br />
    <input name="a" type="radio"  id="a_4" value="4">Important<br />
    <input name="a" type="radio"  id="a_5" value="5">Very important<br />
<label >Is brand important than features of a phone?</label><br />
    <input name="b" type="radio"  id="b_1" value="1">Not important<br /> 
    <input name="b" type="radio"  id="b_2" value="2">A little of important<br />
    <input name="b" type="radio"  id="b_3" value="3">Moderate important<br />
    <input name="b" type="radio"  id="b_4" value="4">Important<br /> 
    <input name="b" type="radio"  id="b_5" value="5">Very important<br/>
<label >Is brand important than basic functions of a phone?</label><br />
    <input name="c" type="radio"  id="c_1" value="1">Not important<br /> 
    <input name="c" type="radio"  id="c_2" value="2">A little of important<br /> 
    <input name="c" type="radio"  id="c_3" value="3">Moderate important<br /> 
    <input name="c" type="radio"  id="c_4" value="4">Important<br /> 
    <input name="c" type="radio"  id="c_5" value="5">Very important<br />
<label >Is price important than features of a phone?</label><br />
    <input name="d" type="radio"  id="d_1" value="1">Not important<br /> 
    <input name="d" type="radio"  id="d_2" value="2">A little of important<br /> 
    <input name="d" type="radio"  id="d_3" value="3">Moderate important<br /> 
    <input name="d" type="radio"  id="d_4" value="4">Important<br /> 
    <input name="d" type="radio"  id="d_5" value="5">Very important<br />
<label >Is price important than basic function of a phone?</label><br />
    <input name="e" type="radio"  id="e_1" value="1">Not important<br /> 
    <input name="e" type="radio"  id="e_2" value="2">A little of important<br />
    <input name="e" type="radio"  id="e_3" value="3">Moderate important<br />
    <input name="e" type="radio"  id="e_4" value="4">Important<br />
    <input name="e" type="radio"  id="e_5" value="5">Very important<br />

<label >Is features important than basic func. of a phone?</label><br /></td>
    <input name="f" type="radio"  id="f_1" value="1"> Not important<br />
    <input name="f" type="radio"  id="f_2" value="2">A little of important<br />
    <input name="f" type="radio"  id="f_3" value="3">Moderate important<br />
    <input name="f" type="radio"  id="f_4" value="4">Important<br />
    <input name="f" type="radio"  id="f_5" value="5">Very important<br />	

</form>

  <input type="button" onclick="calc()" value="Next" />
<input type="reset" value="Clear"> 

</body>
</html>

Have been trying to make a button to close a web page but every time i try to get it validated "strict" it fails. I have used the following code.

Code:

<form action="">
<input type="button" value="Close Window"
onclick="window.close()">
</form>

Would really appreciate any help. Thanks

I need an timed button. When you come to site, you must wait in that site ?? seconds and then button comes pressable.