I create a table containing radiobuttons in client script depending on
what choices the user makes.
It works fine the radio buttons appear *but* they are *not clickable*.
Why? Is there a solution? I'm using IE 6.0 Code:
I create buttons from an array of objects that such as:
buttons = [{ text: "button 1", action: 1}, {text: "button 2", action: 2}];
I then loop thru the array to assign the text and bind the click event after having created the buttons with IDs of "button_<index>".
for( var index in buttons ) {
$("#button_"+index).html ( buttons[index].text )
.click( function() { clickButton( buttons[index].action ) } );
}
The text appears correctly in the button, but every button defined only fires the list bound click, in this example the action equal to'2'whether I push "Button 1" or "Button 2".My actual case has four buttons, all firing the event for the fourth button.I've tried not chaining the .click(), going thru the loop twice once for the .html and once for the .click, neither of which made a difference. If I hard code each button .click, it works fine.
Below I have dynamical generated radio buttons, the names($approve variable is the name) per radio button pairs are different(dynamically created names using looping). When I create two buttons, one is for if you click it, all the radio button with the label approve will be selected all, and the other button is for the disapprove label button that will select the radio button with the label disapprove.
Code:
<script>
function selectAll()
{
[Code]....
I have a little checkbox that when checked is suppose to "check" a number of radio buttons.
Problem is I get a js error ("Object doesn't support this property or method") when I click the checkbox that calls my check all function.
HTML Code:
<tr bgcolor="#eeeeee" class="form_header">
<td align="center" valign="middle">Database</td>
<td align="center" valign="middle">Primary <input type="checkbox" name="checkPrimaryAll" onClick="checkPrimaryAll();" style="background-color: #EEEEEE;"></td> <--- This is the line in error
<td align="center" valign="middle">Backup <input type="checkbox" name="checkBackupAll" onClick="checkBackupAll();" style="background-color: #EEEEEE;"></td>
<td align="center" valign="middle">Remove <input type="checkbox" name="checkall" onClick="checkAll();" style="background-color: #EEEEEE;"></td>
<td align="center" valign="middle">Current DBA(s)</td>
</tr>
...
<script type="text/javascript">
function enableDisable(objectNme, myId)
{
var remCheck = document.getElementById(myId);
if(remCheck.checked == true)
{
eval("document.forms[0]." + objectNme + "[0].disabled = true;");
eval("document.forms[0]." + objectNme + "[1].disabled = true;");
}
else if(remCheck.checked == false)
{
eval("document.forms[0]." + objectNme + "[0].disabled = false;");
eval("document.forms[0]." + objectNme + "[1].disabled = false;");
}
else
{
alert("Error");
}
}
function checkAll()
{
var lng = document.AssociateDBAForm.remove_dba.length;
var select_all = document.AssociateDBAForm.checkall.checked;
var myForm = document.AssociateDBAForm;
var value;
for(var i = 0; i < lng; i++)
{
if(select_all == true)
{
myForm.remove_dba[i].checked = true;
myForm.checkall.title = "Unselect all rows";
value = myForm.remove_dba[i].value;
value = "ADD_" + value;
eval("myForm." + value + "[0].disabled = true;");
eval("myForm." + value + "[1].disabled = true;");
}
else if(select_all == false)
{
myForm.remove_dba[i].checked = false;
myForm.checkall.title = "Select all rows";
value = myForm.remove_dba[i].value;
value = "ADD_" + value;
eval("myForm." + value + "[0].disabled = false;");
eval("myForm." + value + "[1].disabled = false;");
}
}
}
function checkPrimaryAll() <--- This is the function it calls
{
var myForm = document.AssociateDBAForm;
alert("myForm " + myForm);
var lng = myForm.elements.length;
alert("lng " + lng);
var select_all = myForm.checkPrimaryAll.checked;
alert("select_all " + select_all);
for(var i = 0; i < lng; i++)
{
if(select_all == true)
{
myForm.checkPrimaryAll.checked = true;
myForm.checkPrimaryAll.title = "Unselect all rows";
thisElement = myForm.elements[i];
if(thisElement.name.substring(0, 4).equals("ADD_"))
{
thisElement[0].checked = false;
}
}
else if(select_all == false)
{
myForm.checkPrimaryAll.checked = false;
myForm.checkPrimaryAll.title = "Select all rows";
thisElement = myForm.elements[i];
if(thisElement.name.substring(0, 4).equals("ADD_"))
{
thisElement[0].checked = true;
}
}
}
}
</script>
As you can see I tried putting in alerts to try to debug, but it never hits them, even if it's the first line in the function.
I'm trying to create a questionnaire style series of radio buttons which are hidden and then a different set of radio buttons displayed depending on the previous answer. eg
Q1 Is it a man? (if select yes then display)
Q2 Is he called John? (if no then display)
Q3 Is he called Gary? and so on...
I've been testing using the code below but wondered if anyone had any ideas on how this could be done easily?
I'm trying to get a radio button validation for different sets of radio buttons that simply contains Yes & No buttons.
Here's what I'm trying to do:
Question 1: if Yes, then (Alert 1) if No, then (Alert 2) (if Yes, then Question 2 appears) *Up to here I'm happy- can't figure out the rest*
Question 2: if Yes, then (Alert 1) if No, then (Alert 2) (if Yes, then Question 3 appears)
I need the Alerts to be swapped from this point*
Question 3: if Yes, then (Alert 2) if No, then (Alert 1) (if NO, then Question 4 appears)
Identical for Question 5, and for Last Question 6 Alerts swapped back again.)
Here's the script that I managed to piece together:
Im trying to configuere a form that a.a radio buttons that allow the user to choose between quarters, nickels, dimes and pennies and show image when click on my radio button.how to get the image to display whenthey click on the radio button?
View 3 Replies View Relatedhow I can make each radio button call a different page. For example If i click on radio button 1 and click submit it will take me to [url].... and if I click radio button 2 and click submit .
View 7 Replies View RelatedI have a set of radio buttons each with an onclick event that has a numeric value. When the button is clicked an input box called "Total" is updated with the new value. The problem I'm having is that if a radio button is checked and one clicks on it again then the onclick event is triggered.
Is there any way to prevent the onclick event from triggering if the radio button is already checked?
I have 3 radio buttons with the same name ("myradio"). The value of each is a different URL (eg. value="http:[url]...)I have a link underneath these (<a href="#">Send</a>). I would like the selected radio button's value to be inserted into the href of the link, and if the user selects a different radio button that this changes.
View 1 Replies View RelatedI have a form with 4 radio buttons, the scenario is, when a user click on a radio button a hidden content will be displayed and the other three radio buttons will be disabled so that at one time a user can only click and view single radio button and the hidden content.Here is my code to show hide the hidden content but i need when the user select one radio button the other radio buttons should disable.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />[code]......
Im sure this is a very silly problem, but im trying to create a li and then set its class in jquery but it doesn't seam to be working
Code:
var listid = field + "_errormessage";
if (errorMessage != "")
[code]....
what i need to do to add all the radio botton and check box. i already finish the add formula on the checkbox but i do not know how to add the two selected radio buttons to my checkbox buttons.for example:
O selected is 80
O 60
O 60
O selected is 15
O 15
O 25[code].....
I want my radio buttons to become submit buttons as well. So when a user clicks on a radio button it submits the action and refreshes the page accordingly. As of now using only using onclick="this.form.submit()" the page only refreshes with no change. Here is a copy of the entire form. It is a custom shipping options form (I did not create it).
<!-- Custom shipping form -->
<form action="" method="post" name="update_shipping">
<table width="300">
<tr>
<td><label>
<input <?php if (!(strcmp($_SESSION['shippingmethod'],"1"))) {echo "checked="checked"";} ?>
[Code]...
I want to create back and forward buttons on my web page. I didn't havena problem with that... the thing I am having trouble with is I would like to display "disabled" images when there if there isn't a page to go back/forward...how would I go about doing that?
View 3 Replies View RelatedI am trying to use the jquery radio buttons and everything looks well until I press the submit button.What is passed on in my POST variable for the radio buttons is the string "on" and not at all the name of the button. All of the buttons just returns "on".[URL]
View 3 Replies View RelatedIf I do this:
el = document.createElement("iframe");
el.src = "test.htm";
el.name = "frm"; // or el.setAttribute("name","frm");
document.body.appendChild(el);
the iframe gets created but the 'name' attribute is not added under IE
6. I tried setting the 'name' after appending the iframe but still no joy.
How can I add a 'name' attribute to an iframe so that IE 6 sees it?
I have an input box "product" besides it there is an add input button which adds another input box product upon clicking.This array of input boxes I have created is through document.createElement('input').My autocomplete is working for the initial input box..now when I click add Input button for the generated box also the autocomplete shld work...how do I make it work? Autocomplete script is working so I didnt post it here..I just want it to make it working dynamically created i/p boxes
View 1 Replies View RelatedI have an input box "product" besides it there is an add input button which adds another input box product upon clicking.This array of input boxes I have created is through document.createElement('input').
My autocomplete is working for the initial input box....now when I click add Input button for the generated box also the autocomplete shld work...how do I make it work??
PS:Autocomplete script is working so I didnt post it here.... I just want it to make it working dynamically created i/p boxes
I add a new row to a table using something like this:
[Code]...
So if I add 1 rows, I get 2 text boxes with the ID of 1-medication as I already have a row in place (static) This works fine. However when I try to get the value of 1-medication, I thought I'd get something like value1,value2 but instead I just get value1 If I change the function above to putput a text box with ID of 2-medication, I can get the value of that by itself just fine. why if I have more than 1 item with the same ID, I can't concatenate each value?
There seems to be some strange behaviour when trying to get the
scrollHeight and scrollTop of an iframe in IE6.
I have tried several ways of getting these values when the iframe is
written into the html. The following return the correct values in IE6,
where the iframe's id is 'f':
f.document.body.scrollHeight
f.document.body.scrollTop
window.frames['f'].document.body.scrollHeight
window.frames['f'].document.body.scrollTop
document.frames('f').document.body.scrollHeight
document.frames('f').document.body.scrollTop
The following give a strange value for scrollHeight (definitely not
the length of the contents of the iframe) and scrollTop is always 0:
document.getElementById('f').document.body.scrollH eight
document.getElementById('f').document.body.scrollT op
document.all.f.document.body.scrollHeight
document.all.f.document.body.scrollTop
When I dynamically create the iframe, using myFrame =
document.createElement('IFRAME'), I get the same strange values as
above when I do this:
myFrame.document.body.scrollHeight
myFrame.document.body.scrollTop
However this works as correctly in Opera 7. I find this all very
confusing. Can anybody shed light onto how I might get the correct
values in IE6 when using the createElement() method?
I want to give the user the abillity to add extra fields as needed.
I've got it working in IE (surprsingly this works in IE but not in
Firefox), however, basically I have an input field for a paragraph. If
the user decides they want two paragraps then they can click an image
and a new textarea field is show that allows them to add another
paragraph. The fields are named as an array for example name="para[0]"
the next one would then be name="para[1]". Firefox creates the field
and shows it to the user however when you submit the form the new field
does not come through. My array of paragraphs consists only of the
original number I started with. Any added by the javascript are lost.
Again IE this works fine, Firefox it works till you submit the form.
Any ideas?
I dynamically create a textbox as follows, but I cannot retrieve the value entered by the user:
bp_boards = '
<tr id="hwNumberBoards">
<td>No. of modules:</td>[code]....
The dynamically created textbox shows up on the page but after the user enters a value, I cannot retrieve it from jquery(alert ($("#hwNumberBoards").val()) is "undefined")
i have a button that helps me creating more than one dynamic text box and dropdownlist... how it possible to capture the values in those dynamic comtrols ?
i am trying the following but did not work ..when the code is excuted it gives me [object]
// Create Text box 1
var newStartDate = document.createElement('input');
newStartDate.setAttribute("type","date");
[Code]....
im trying to create a script for greasemonkey but its still written in javascript. so here is what im trying to do. Ive got a dynamically created division that aligns to the right of the browser window. Now im trying to put links inside it as you normally would with like a document.write statement or other methods. The only problem is, any method i try wont work for me. heres my code, maybe someone could give me some things i could try.
[Code]....
This is my first time here so I hope I'm not posting to the wrong forum. If this has been answered before, please direct me to the corrent post.I've created several dynamic checkboxes with with following code:
<code>
var pnl = document.getElementById("pnlSalesPeople");
for (i = 0; i < sales.length; i++)
[code]....