Using JavaScript to change field in a Form

I have a form with few fields. When a field 1 changes, I want field 2 automatically changes to "TBD". Can I do that with Javascript OnChange?
Obviously I tried that but it doesn't work. I don't know much about javascript. Any help is appreciated.
650-604-3035
[email protected]

Hi,
Since in forms the fields are named diffently you cannot directly access the variables by the name. For example the column "EMPNO" in a form "EXAMPLE_FORM" is named as "EXAMPLE_FORM.DEFAULT.EMPNO.01"
In the onChange event of field 1 the code would be something like this.
for (i=0;i<document.forms[0].elements.count;i++)
//gets the value of <field_name_1>. <field_name_1> can be copied from the html source.
if (document.forms[0].elements.name == "<field_name1">)
l_value = document.forms[0].elements[i].value;
//sets the value of <field_name_2>. <field_name_2> can be copied from the html source.
if (document.forms[0].elements[i].name == "field_name2")
document.forms[0].elements[i].value = l_value;
Hope that helps.
Thanks,
Sharmila

Similar Messages

Use Javascript to disable fields in tabular form built by wizard

i know this type of disable question has been asked before and i have searched the forum thoroughly but the solutions always seem to be for items i.e P1_NAME and i do not have these as my form is built by a select statement
i have worked out the syntax (i think)
<script language="javascript" type="text/javascript">
function desactiverElement(item)
var x = document.getElementById(item);
if (x)
x.disabled = true;
</script>
to disable and think it goes in the html header or a html region before footer but i cannot work out how to disable the field because i cannot work out how to reference them
i.e get the value for 'item' in the code
any help i would be extremely grateful for
cheers Chris

the CENTRE_NO field has to be unique , and when i am doing my validation check ,if the user amends the field by accident and then replaces the value it gets an error when it shouldn't
wish it was as simple as forms just change property to update_allowed = false !!

Using javascript to change the "Overall Result" cell in WAD

Hi experts,
I am trying to use javascript to change the text of the "Overall Result" cell in my web template using BI 7.0. I am not familiar with javascript, but I this is what I have done so far.
I dragged the web item "Script" into my web template and I inserted the following code:
function change_overall_result_to_average() {
var cell = document.getElementsByTagName("TD");
var cellText;
for (i = 0; i < cell.length; i++)
      cellText = cell<i>.innerText;
           if (cellText == "Overall Result")
                 cell<i>.innerText = "Average";
In the XHTML view I am using added the onload function to start the javascript every time the web template is loaded. The code works fine when the web template is first loaded and the cell text is changed to "Average". However, if I navigate in my web template, the javascript function is not triggered, and the cell is therefore changed back to "Overall Result". For example, this happens when I pick another selection from one of my dropdown boxes, such as changing the selection from year 2008 to year 2007.
I don't really know how to solve this problem in an easy way, and the current solution is not good enough. I hope one of you guys can suggest an easy way of fixing this:-)
Best Regards,
Morten

Woodstock apparently renders some Javascript/DOM with some homegrown widget framework which on its turn renders the HTML DOM tree instead of plain vanilla HTML. Correct me if I'm wrong, to confirm this, just view the generated HTML source of the page.
After some Googling I found out that you need getProps() and setProps() to get and set element attributes respectively.
[http://google.com/search?q=webuijsf+domnode+site:sun.com].
If you stucks with this, I recommend you to post this question at a forum or mailinglist devoted to Woodstock, e.g at their own homepage at dev.java.net or the Netbeans forum at nabble.com. You're here at a Sun JSF forum, not at a Woodstock forum.

Using javascript to change styles and such

I want ot use javascript to change the "display" style of a
div tag
whatDiv.style.display = "block"
This works fine if the div tag has an inline style defined:
<div style="display:none"> ...</div>
But if the tag has a class attached to it and the display
:none is attached
to that class, then it doesn't work
<style...>
div.hidden{ display:none; }
</style>
<div class="hidden"> ... </div>
... how can I remedy this?

On Thu, 15 Jun 2006 17:20:54 +0000 (UTC), "jeremyluby"
<[email protected]> wrote:
>What gary is saying is that you should not use a class,
but an ID only to
>define the region.
Nope. That's not what I'm saying. Regardless of whether
you're using a
class or not, if you get an object reference using an ID, you
can change
the properties. Consider this example:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>Demo</title>
<style type="text/css">
.demo {
background-color: #000099;
border: 1px solid #000;
color: #ffffff;
text-align: center;
height: 60px;
width: 500px;
</style>
<script type="text/javascript">
var bg="#009";
function changeColor(x){
o=document.getElementById(x);
bg=(bg=="#009"?"#900":"#009");
o.style.backgroundColor=bg;
</script>
</head>
<body>
<div id="test" class="demo">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing
elit.</p>
</div>
<p><a href="javascript:;"
onClick="changeColor('test')">Change
Color</a></p>
</body>
</html>
Gary

Using Javascript to change multiple text field names

I have a pdf with multiple text fields. I need to change all the text field names (General -> Name) so that they are unique so that when I combine multiple pdfs together, the text fields will stay intact. Is there anyway to do this using javascript? Thanks!

I'm new to javascript too...it will be very helpfull for me too...Thanks
poltrone
prodotti chimici

Using javaScript to change a field from required to not required

Hi,
I have what seems like a simple question .I would like to know if it is possible to have a function call from my jsf code to a javascript function which could change a text field input from required to not required .
I can do this through the server but would prefer to do it in the front end .
e.g . I have a pull down list and when I click on one of the values it calls a function in javascript which changes a text field from required to not required .
Hope this is clear .
Thanks for your help.

Instead of having the field required on the component defeiniton, put that requirement on code.
Either way you can't do that on javascript. If you could do that then you could fool the aplication...

It possible using javascript to change the value of another jsf text field?

In my case, I have an input text field and would like to copy it's value on the onchange() event into another text field. Using the destination text field's Id and assigning some content with it's .value property

Woodstock apparently renders some Javascript/DOM with some homegrown widget framework which on its turn renders the HTML DOM tree instead of plain vanilla HTML. Correct me if I'm wrong, to confirm this, just view the generated HTML source of the page.
After some Googling I found out that you need getProps() and setProps() to get and set element attributes respectively.
[http://google.com/search?q=webuijsf+domnode+site:sun.com].
If you stucks with this, I recommend you to post this question at a forum or mailinglist devoted to Woodstock, e.g at their own homepage at dev.java.net or the Netbeans forum at nabble.com. You're here at a Sun JSF forum, not at a Woodstock forum.

Using Javascript and ScriptUI to create a form that brings in a symbol from library

Hello everyone,
I've been trying to pull together the right info to use javascript to create a form to bring in particularsymbols from the symbol library based on the variables taken from the form. I've taken bits and pieces from various sample scripts and tried to make this work, but my problem appears when I try to use conditionals.
This is a limited version of what I want to do, but it is enough to get the point across.
1. I want to select a script that has various dropdown boxes. I would like the first dropdown to give me 3 options: 10, 13, 18
2. I would also like another drop down box that gives me three more options: single needle, double needle, and knife edge.
3. I would then like it to have an "ok" button and "Cancel" button.
4. From here when I click the ok button, a symbol is brought in from the library depending on what parameters were given to the form.
ex. If I selected 10 in the first drop down and double needle in the second, I would like "SYMBOL A" to be pulled from the library and centered on the artboard.
ex. If I selected 13 in the first drop down and double needle in the second, I would like "SYMBOL B" to be pulled from the library and centered on the artboard.
I've gotten the UI to pop up and it works as planned as well as bringing in a symbol, my problem comes when I try to incorporate conditionals and functions.
Here is my script. Please let me know what I'm doing wrong.
var myDoc = app.activeDocument;
var Pallette = new Window ("dialog", "Create a Shell");
Pallette.add ("statictext", undefined, "Fill Opening in Inches:");
Pallette.orientation = "row";
var myDropdown = Pallette.add ("dropdownlist", undefined, ["10", "13", "18"]);
myDropdown.selection = 1;
var myButtonGroup = Pallette.add ("group");
myButtonGroup.orientation = "column";
var btnCreate = myButtonGroup.add ("button", undefined, "OK");
MyFillSelection = myDropdown.selection
btnCreate.onClick = function () {
    if ( MyFillSelection = "13") {
               symbolRef = myDoc.symbols["SYMBOL A"];
        symbolItemRef1 = myDoc.symbolItems.add(symbolRef);
       redraw();
var btnCancel = myButtonGroup.add ("button", undefined, "Cancel");
Pallette.show ();
If anyone has any input, it would be much appreciated.
thanks,

MyFillSelection = myDropdown.selection is outside the function, so it will always read "13", nothing is making the value change.
move that line into your function and add the text property to it...MyFillSelection = myDropdown.selection.text;
then do your if comparisons, that will do it.

Using Javascript to calculate monthly payments on form

I have a single page form where I would like to be able to
allow the user to choose between making a one time payment or
monthly payments for a user defined amount. I could easily break
the form into two pages and calculate the value of the monthly
payments and display it on the second page if the user selected the
monthly payment option. What I would like is a single page where
the monthly payment is determined on the fly when either the user
selects the monthly payment radio button or when the user defined
dollar amount is entered.
I think I have the function determined to do the calculation
for the monthly payment but I'm unsure as to how to get cf to read
or display the value. I was trying to use the following with no
luck:
<input type=radio name=Installments value="Yes" tabindex=1
onClick="calculatemonthlypayment(document.forms[0].DonationAmount)">
<script type="text/javascript">
function calculatemonthlypayment(donation)
monthlypayment=(donation/12)
return monthlypayment
</script>
Then trying to output the result like this:
<cfoutput><input type="text" readonly="yes"
value="#dollarformat(monthlypayment)#"></cfoutput>
Any idea what I'm doing wrong or missing? Or is there a much
better way to accomplish this?

> <cfoutput><input type="text" readonly="yes"
value="#dollarformat(monthlypayment)#"></cfoutput>
You cannot do that. CF code is executed on the server
(first). The resulting javascript (html, css, ...) code is then
sent to the browser where it is executed. Since javascript code is
executed in the client browser,
after the CF code is already finished, the variable
"monthlypayment" doesn't exist as far as CF is concerned.
You can use javascript to both read the donation text field
amount and calculate the "monthlypayment" amount to display. Here
is a simple example. You'll need to add validation and number
formatting.

Using Javascript to disable field "Planned"

Hi every one,
I want to use javascript to disable "Planned" checkbox in Project Server 2013 because we want that user can not see this planned time and be confused with the Project Server's automatic changes for the planned time.
<script type="text/javascript">
document.getElementById("Ribbon.ContextualTabs.MyWork.Home.ShowHide.PlannedWork-Medium-checkbox").checked = false;
</script>
I found this code in this subject :
http://social.technet.microsoft.com/Forums/projectserver/en-US/0beeed2d-bebc-4217-981a-41b1252c7cc2/disable-field-planned-in-timesheet?forum=projectserver2010general
But I don't understand where to use it. If i create a custom webpart with this code, I've got a null exception when the page is loading.
So, can you help me ? Maybe I need to use it in an other file ?

Hi Patmol6,
Basically, to add javascript to a PDP (or timesheet page for instance),
edit the page
add the content editor webpart
set it as hidden
copy paste the code
Note that you can also point from the content editor webpart to a js file embedding the javascript code
Here are few examples (some are in PS2007, but the process is similar):
http://epmsource.com/tag/content-editor-webpart/
http://badalratra.wordpress.com/2013/05/04/how-to-disable-pdp-custom-fields-using-javascript/
http://badalratra.wordpress.com/2013/02/03/javascript-code-to-add-custom-descriptions-underneath-project-field-on-the-pdp-page/
http://epmcorner.wordpress.com/tag/content-editor-web-part/
Hope this helps.
Guillaume Rouyre - MBA, MCP, MCTS

Using JavaScript to Print and Overwrite Active Form Files

Hello all,
I have zero knowledge of JavaScript and I am hoping someone can help me
quickly solve an issue I am having with active forms. I tried using the flatten
feature in the action wizard but it is not working. I also tried using
"this.flattenPages()" but I can still edit the fields in my PDF file.
What I am looking for is a JavaScript command that allows me to overwrite the existing
PDF file using the PDF printer and overwrite the active form so it is
finalized. Maybe there is an easier more efficient way to accomplish this? Any
input or help would be much appreciated. I am using Adobe Acrobat XI
Pro. Thanks.
P.S. I realize I can manually selected the Adobe PDF printer and finalize my
active form that way but I am looking for a one click solution.

Have you seen these?
A tutorial on how to flatten form fields:
http://acrobatusers.com/tutorials/how-to-flatten-form-fields
And a free "Flatten Page Content" tool:
http://www.pdfscripting.com/public/Free_Acrobat_Automation_Tools.cfm

Field Segregation using JavaScripts : (Filtering particular field types)

Hi,
     I've used large no of Dropdown ListBoxes (with same set of list items) in my document. Now I need to segregate the field (Dropdown ListBox) names based on selected option.
Help me with a javascript to filter all the Fields of Type: DropdownList.
Example: Consider all Dropdown ListBoxes has the below options:
                                                              i) Pen
                                                              ii)Pencil
                                                              iii)Paper
      (list of DropdownListboxes carrying 1st option "Pen")
                   DropdownList1, DropdownList3, DropdownList4, DropdownList15.........
      (list of DropdownListboxes carrying 2nd option "Pencil")
                  DropdownList2, DropdownList5, DropdownList8, DropdownList9.........
     (list of DropdownListboxes carrying 3rd option "Paper")
                     DropdownList6, DropdownList7, DropdownList10, DropdownList11.........
Please suggest me with exact solution(javascript).
Thanks.

To differentiate between select lists, give each one a unique ID.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<form action="path/form-processing-script.php" method="get">
<select id="myselectlist1">
<option value="0">--Select one--</option>
<option value="1">Pen</option>
<option value="2">Pencil</option>
<option value="3">Paper</option>
</select>
<select id="myselectlist2">
<option value="0">--Select one--</option>
<option value="1">Pen</option>
<option value="2">Pencil</option>
<option value="3">Paper</option>
</select>
<select id="myselectlist3">
<option value="0">--Select one--</option>
<option value="1">Pen</option>
<option value="2">Pencil</option>
<option value="3">Paper</option>
</select>
<p><input type="submit" name="submit" value="Submit"></p>
</form>
</body>
</html>
Nancy O.

LOV to update text field in a form

Hello,
I have a select LOV in a form and a number field (Dep_ID). Based on the selection in the LOV, the number field has to be updated to reflect the value from the LOV.
For example,
LOV: Department, DepartmentID
Upon selecting a department, the dept_id number field on the same page should automatically update according to the departmentid produced by the LOV.
Can you please point in the right direction for how to go about accomplishing this -
Thank you.

Igor:
You could use Javascript to achieve this
In the 'Form Element Attributes' of the LOV field add
onChange='$x("DEP_ID").value=this.value;'
Varad

Set client var using javascript

i have a form where a user enters a line of info, and i want
to save that as a client variable without having to post the form.
is it possible to set a CF client variable using javascript?

> cookies can be created/edited/deleted using js, so i just
need
> to know how i would go about editing a cf created
cookie using js.
You've inched away from your original question. It was about
how to use Javascript to save form data in Coldfusion without
having to send the form from the browser. The answer is, you can't.
> i used javascripts document.cookie to make changes to the
correct coldfusion
> client variables..works like a charm
You've not changed any Coldfusion variable at all. What
you've simply done is use Javascript to write a new cookie, which
Coldfusion then reads later. To see that, do this test.
Save and run the following code as the page
testCookieJS.cfm
<html>
<head>
<title>testCookieJS</title>
<script type="text/javascript">
document.cookie="JS test cookie";
</script>
</head>
<body>
Coldfusion cookie struct dump:
<cfdump var="#cookie#">
</body>
</html>
You will find that the "JS cookie" is not dumped. However,
you will find that the cookie is actually present in the browser.
Now, close the browser and delete all cookies. Save and run
the following code as the page
testCookieCF.cfm
<cfcookie name="CFCookieTest" value="CF test cookie">
<cfdump var="#cookie#">
You will find that the "CF cookie" is dumped. The difference
in the result of the two tests shows that one cannot use Javascript
to change the cookie that Coldfusion sets. In fact, generally
speaking, you cannot use Javascript to modify any Coldfusion
variables. If you could, anyone would be able to use an HTML page
to rewrite your Coldfusion site.

Dynamically validating datatable elements using javascript

Hai, iam using jsf, and having Xml mapping to the form elements to display the data . Iam using <h:datatable> inside which iam haveing repeated elements, i need to do a javascript validation before displaying the form element present inside the <h:datatable> columns.Iam also using <j4j:idproxy> , the java script is working for 1 iteration but it is the dataof the form element is not getting overridden in the 2nd iteration, It is somethinglike this below.
<TR id="buiCoverRowId" style="display:none;">
<TD height="9" width="200"></f:verbatim> <h:outputText
styleClass="outputText" id="text7"
value="Buildings Cover"></h:outputText><f:verbatim></TD>
<TD height="9" width="516"></f:verbatim> <h:outputText
styleClass="outputText" id="buildCoverId"
value="#{pathPart.xpathMap['./BuildingsCover/CoverDetail/SumInsured/Amount']}">
</h:outputText> <f:verbatim></TD>
</TR>
<TR>
<TD></f:verbatim><f:verbatim>
<h:inputHidden id="hidBuiCoverId"
value="#{pathPart.xpathMap['./BuildingsCover/CoverDetail/SumInsured/Amount']}">
<j4j:idProxy id="hidBuiCoverId_" />
</h:inputHidden>
</f:verbatim><f:verbatim></TD>
<TD></f:verbatim><f:verbatim>
<h:inputHidden id="hidExBuiCoverId"
value="#{pathPart.xpathMap['./BuildingsCover/ExcludedInd/Value']}">
<j4j:idProxy id="hidExBuiCoverId_" />
</h:inputHidden>
</f:verbatim><f:verbatim></TD>
</TR>
<SCRIPT>
alert("HAI");
var buidcover = document.getElementById('hidExBuiCoverId_').title;
var buidcoverR =document.getElementById(buidcover).value;
alert("the value of buildcover----->"+buidcoverR);
var buId =document.getElementById('hidBuiCoverId_').title;
var entitybuId1 = document.getElementById(buId).value;
entitybuIdT1 = trim(entitybuId1);
alert("entitybuIdT1"+entitybuIdT1);
var buExId = document.getElementById('hidExBuiCoverId_').title;
var entitybuExId1 = document.getElementById(buExId).value;
entitybuExIdT1 = trim(entitybuExId1);
entitybuExIdU1 = entitybuExIdT1.toUpperCase();
alert("entitybuExIdU1"+entitybuExIdU1);
if(!(entitybuIdT1 == null || entitybuIdT1 == '') && ((entitybuIdT1 == "0")) && (entitybuExIdU1 == 'FALSE'))
document.getElementById("buiCoverRowId").style.display="block";
</SCRIPT>
The form element is mapped to the xml. the above code is written within a datatable, iam using javascrpt within this to display the datat or not, it is working for first iteration but its not working for second iteration. Plz help me with this . Is there any way that i can use javascript so that it vvalidates the form elements even for the 2 iteration of the datattable. I am having thesame values (of the 1iteration) even during the 2 iteration. Plz help me with this asap.

Got the solution.
$("div.ms-acal-rootdiv div div div a").html().replace('Replace this text only.','Replaced Text');

Using JavaScript to change field in a Form

Similar Messages

Maybe you are looking for