Change The Hidden Field Value For One Of The Buttons When It Is Clicked
Apr 14, 2011
Here is some sample code from my html page:
<script language="javascript" type="text/javascript">
function setProperties(formElement)
{
formElement.form.elements["customerID"].value=1;
alert(formElement.form.elements["customerID"].value);
}
</script>
There are two submit buttons and I would like to change the hidden field value for one of the buttons when it is clicked. I have tried various ways to assign a value to the hidden field in the javascript but none of them works including the above. I have tried "formElement.form.customerID.value", "formElement.form.getElementById "customerID"); etc but it does not work. What is the right way of assigning the hidden field value in javascript.
View 1 Replies
ADVERTISEMENT
Sep 11, 2011
[URL]. Users fill in a form which has items of furniture, so they enter a number next to each item of furniture. The HTML uses text fields. When the form is submitted, the form is submitted to a php script that emails the results to myself. I am trying to also have a javascript function which runs before the php script runs. This javascript works out the cubic footage of all the items. If a user put "3" in the sofa text field, and I have defined that a sofa is 45 cubic feet, then the javascript will multiply 3 * 45. It will do a similar thing for all items of furniture, then add them all up to give a total cubic feet. I want that total field to then sent as a variable to the php script, along with all the other variables.
My code so far (which doesn't work)
<script language="JavaScript">
function calculate(){
var sofa_3_seater = document.getElementById('sofa_3_seater').value*45;
var sofa_2_seater = document.getElementByID('sofa_2_seater').value*30;
var armchair_large = document.getElementByID('armchair_large').value*15;
var total=sofa_3_seater+sofa_2_seater+armchair_large;
document.getElementByID('total').value = total;
}</script>
I have used a hidden field for the total value:
<input type="hidden" name="total" value="">
I want the javascript result to change the value of the hidden field that is called total. Then I want it all to be posted to the PHP script and email everything to me, including this newly calculated total field!
View 9 Replies
View Related
Sep 1, 2010
I have a JavaScript function for swapping the values of rows in a table. I have a hidden field in each row to carry a record ID. As I switch the rows the function will update the hidden field but doesn't do it correctly if I switch a number of rows. I dynamically set the values to switch when the page loads but how can I change these values when the rows are moved.The idea is to change the order of a recordset by clicking on an up or down arrow and then save the values on the record id and sort order, the two hidden fields in each row.
function swapCells(idA,idB,id1,id2)
{
var cellA=document.getElementById('menu'+idA);
[code]....
View 2 Replies
View Related
Aug 24, 2009
I want to change the value of hidden input field when radio buttons selected :
HTML Code:
For example when user click on one the buttons the value of hidden field change to that value.
View 1 Replies
View Related
Oct 31, 2009
On my site people are able to change hidden input fields values into one of their own. I don't know how they do it but how do you prevent it?
View 4 Replies
View Related
Dec 9, 2011
What happens is the user selects the number of buttons depending on the number entered in the text box. If the number is 3 in the text box, then the user can only select 3 buttons, if more buttons are selected then it comes with an alert message saying user is beyond limit deselect a button to be able to choose another button.
But these are the problems I have encounted: If I type in "2" in the textbox for example, it allows me to select 2 buttons and comes up with alert if more buttons clicked.
problem 1: but if I change the figure in text box from "2" to "5", then it only allows me to select 3 buttons (I think it is adding 2 from the previous value and 3 to make the current value 5)
problem 2: If I enter a value less than current value, so in this example if I enter in 1 in the textbox which is obviously less than 2, then it lets the user select unlimited number of buttons.
So does anyone know how to fix these problems so that the amount of buttons selected matches correctly to the value in the textbox?
View 1 Replies
View Related
Jul 13, 2010
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?
View 2 Replies
View Related
Dec 12, 2011
I just don't see any possibility to change the height of a button. I am developing an application to list many articles. The height of the collapsible buttons/select buttons is therefore to large, i want the buttons to be as small as possible.
View 7 Replies
View Related
Apr 2, 2009
I have created a html purchase request form that people will fill out and submit to make purchase requests within my company. In this html form, I have a text field that is automatically populated when the page is pulled up. The text field is populated with the name of the person who is logged in and it is read only so they cannot be deceitful or anything.To get to this HTML Request form, you must log in through a webclient thus the server knows to populate your name because you are the one logged in. The text field populates because of its <input NAME = "OBProperty_CurrentUserRealName", which is a keyword the program identifies and knows to populate with the logged in users name into that particular text field.
That works all fine and dandy, so here is where the problem lies. When submitting the overall form request, the populated name isnt being saved/ carried over to the admin page so we do not know who it was submitted by.To make the persons name carry over and save, another field name keyword must be used.
Which is OBKey__163_1. Which it was suggested to me to make that the input name of a hidden field. I need "text field A" to continue to populate the form with the persons name using OBKey_CurrentUserRealName, then pass the persons name off to a hidden field containing the input name=OBKey__164_1, which will thus save/pass the persons name on with the rest of the filled out request form when its submitted.
Here is what I have:
<input name="OBProperty_CurrentUserRealName" type="text" id="buyer" style="width:100%" readonly="readonly">
<input name="OBKey__163_1" type="hidden" id="OBKey__163_1">
View 3 Replies
View Related
Jan 21, 2011
Two buttons - "Calculate" and "Start" do not seem to be executing the code associated with them. I cannot figure out why -- code is below...
View 1 Replies
View Related
Apr 23, 2010
I have a page with a div that is hidden until clicked on, and can be hidden if clicked on again (at least that is the goal).
The html looks like:
HTML Code:
I currently have the following javascript:
Code:
My goal being to click on the main <div> and show the content in the <span> and change the image, and then clicking again returns it to it's original (hidden) state. I have been able to successfully show the <div> but can't get it to hide again. And when troubleshooting it using Firebug it shows that clicking on the <div> is simply removing the class that hides it, leaving no class, and definately not replacing it like I am trying to do. Any ideas why the second click is not producing ANY results? Also, if I get it working I have thought that by making the entire <div> have the onClick handler if someone tries to click inside the unhidden <span> (for links or to click in a search box) would result in hiding the <span> rather than following the link or focusing on the input box. Is there any possibility for that?
The main reason handled the <div> is because there will be multiple sections that I would like to reuse the function on, and creating an id for the <div> and then referencing this.id was the first way I was able to get the functionality that I currently have.
View 2 Replies
View Related
Nov 2, 2009
The <a> is a list of menu items that when clicked.... a specific gallery-slider-images should been shown in relation to the galleryId....<div class"gallery" is hidden in CSS> I'd like to use jQuery to complete this task if at all possible, i can't seem to .show() the selected 'gallery' w/o showing them all...........
View 1 Replies
View Related
May 10, 2011
I'm just learning javascript. I need to create an onclick event for a three-state rollover. I just can't figure out where to place the event. I know it needs to go in my setup rollover function, but can't figure out where to place it so an alert pops up when one of the buttons is clicked. Anyone have any guidance for me? HTML code is (JS is below and button 1 images attached):
[Code]...
View 1 Replies
View Related
Mar 15, 2011
<script language="JavaScript">
function changeColor(cell_id){var state1="#dde6ed"; var state2="#ffc20e"; var cellid = new Array ("id1", "id2", "id3", "id4", "id5", "id6"); for(var i = 0; i < cellid.length; i++){var nav = document.getElementById(cellid[i]); if(cellid == nav.id){nav.style.backgroundColor=state2;} else {nav.style.backgroundColor=state1;}}}
</script>
what is wrong with this script. I put an onClick= changeColor(this);" in my <td> tag to call the script but still not working.
View 4 Replies
View Related
Jun 10, 2011
Seems to me this would be a fairly common situation (if not commonly asked and answered), but the posts I did find about this subject didn't seem to
Given this basic code:
<form id="form" action="">
<input id="submit1">
[code]....
View 4 Replies
View Related
Jan 10, 2010
right now im using a percent bar to redirect the page when all buttons are clicked but i want a more efficient way of doing the redirect there will be a total number of buttons on my page, for examply 5 every time one is clicked, is there a possible way of subtracting 1 and when buttons = 0 the page redirects
View 1 Replies
View Related
Dec 8, 2009
I currently have some buttons representing letters and a textbox. When a button is clicked, its value is copied into the text box. I have an onkeyup event which means that every time a button is clicked, a function is called which searches some arrays using the current text box value.
However, the problem I am currently having is that the onkeyup event which calls the function works if I type the value in using my computer keyboard, but not when using the buttons (even though the buttons enter values into the textbox).
How I can make it so that when I press a button, the onkeyup event triggers and the function is called?
View 2 Replies
View Related
Apr 22, 2007
so I have a form page for a cart to checkout, on the first page, I am using the form action get and the page to pass the variables in the url to...
on the next page, I have grabbing some of them using the document.indexOf function...works great just using document.write(what is returned from the indexOf function); obviously, this just outputs the value in text, however, I need to set the value of a specific hidden field on the same page/form to that of what is returned by what I described above:
View 1 Replies
View Related
Oct 24, 2010
I am still learning jquery but I am wondering why this code does not work. I have a select field called item_name and a hidden field called amount. Based on the selection in item_name, I want to set the value of the hidden field (amount) to a set value. For example:
$(document).ready(function () {
$('#item_name').change(function () {
var value = $('#item_name').val();
if(value == "institutional memberhip"){
$("#amount").val("$349.00");
[Code]...
View 7 Replies
View Related
Oct 6, 2006
I want to have a window pop up with a form. When the form is submitted,
it needs to pass along the URL of the original window. If find on th
web eight gazillion descriptions of how to pass data from one page to
another via hidden fields, but not a word about how to pass that data a
second time. Code:
View 2 Replies
View Related
Feb 21, 2009
Have a javascript in which i am trying to assign the value to a hidden field and getting the below msg:
I am getting the value in the alert box but not able to assign it o teh control
View 2 Replies
View Related
Apr 9, 2009
I have a little bit of Javascript that runs fine, but I am trying to write some XML out so that it is the value of a hidden field. When I put it in the hidden field, it just shows the javascript instead of the value.
So, instead of showing the value of i++ it is showing <script>i++</script>
What I want it to show:
What it is showing
It works in the regular page, just not when I make it the value of the hidden form field. Sorry, kinda new to javascript.
View 4 Replies
View Related
Sep 21, 2009
I have the following hidden field within a form:<input type="hidden" name="test12" value="test12" />I also have the following function which does something if that field exists:
if(document.formName.test12.value == "thisdata")
{
//do something
[code]....
View 7 Replies
View Related
Feb 21, 2009
have a javascript in which i am trying to assign the value to a hiden field and getting the below msg'document.Form1.H_ROWID' is null or not an objecti am getting the value in the alert box but not able to assign it o teh control alert("row " +M_ROWID)document.Form1.H_ROWID.value = M_ROWID
View 3 Replies
View Related
Jan 20, 2010
I am currently working on a small Ajax image upload script using some clever iframes, php and a lytebox to create a seamless application. a small link on a page starts my lytebox that essentially opens a new page inside this. this page takes a file upload and using an iframe posts to a php script that will validate the file and upload to the server, the location of this file is then posted back to the iframe for viewing. Once this completes I have a cropping tool available for users to make final adjustments to their image before saving this and sending the new cropped image location to a value of a hidden text box. Once the user is happy with this they can click close to return to the parent page, upon doing this the value of the hidden filed is passed back to parent page and saved into another hidden filed to use. ( To clarify, i use hidden values as the parent page is the actual upload script.
My lytebox version was created to allow usability for users to re-size and crop their image before upload, all this happens in the lytebox to appear like its just a cropping tool.) Its at this point I am having some difficulty. I want to alert the user that the upload has been successful and all that is required is the user to hit save. This was ultimately save the finished image with all the users date in the database. I thought I could use an onchange event to trigger a function that would insert text into a div but this wont work. My code for the parent page and the hidden field is:-
[Code]..
View 1 Replies
View Related
Mar 30, 2011
I saw this on a website, and I'm confused as to what the possible purpose could be for this.
Code:
<input id="myIDNAME" name="myIDNAME" type="hidden" value="0" />
<input id="myIDNAME" name="myIDNAME" type="checkbox" value="0" />
I thought repeating an ID would return an error.
View 3 Replies
View Related
