Text Field on top of a Button

I'm using buttons to display an image dependent on a dropdown and need to include a text form on top of the images. When I put another drop down on top of the button it is still accessable but when I put a text field on top of the button the text field disapears and can't be selected to put type in. Is there a way to move it on top of the button?
(function () {
if (!event.willCommit) {
var v = event.changeEx;
this.getField("FlangePic").display = (v=="Flange") ? display.visible : display.hidden;
this.getField("Dropdown4").display = (v=="Flange") ? display.visible : display.hidden;
this.getField("PinionPic").display = (v=="Pinion") ? display.visible : display.hidden;
//I would like to display "Number of Splines" text field on top of the picture of the spline
this.getField("SplinePic").display = (v=="Spline") ? display.visible : display.hidden;
Thanks

TSN has a point, but since forms were introduced the tab order is also the z-order of fields. But if they are not read-only, they can recieve the focus, and a field that has the focus will appear to be on top. So if you set the button to read-only and set the tab order so the button is before the text field, it should work OK.
Another option is to take advantage of the button label, which can have a number of placements. When the button is clicked it could prompt the user (e.g., app.response) to enter some text and then update the button label. You'd use the field.buttonSetCaption JavaScript method for this: http://livedocs.adobe.com/acrobat_sdk/9.1/Acrobat9_1_HTMLHelp/JS_API_AcroJS.88.738.html

Similar Messages

Laying text fields on top of a graphic

I thought the reason to use Fireworks was it's enhanced image
compatibility with Dreamweaver.
Is there a trick to laying a form object like a text field on
top of a Fireworks image that was imported into dreamweaver as
HTML?
Thanks
jerry H

And either approach is troublesome, which is why you don't
often see it done
by experienced developers.
Change the text size in the browser, and both methods can
break your careful
alignment.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"P@tty Ayers ~ACE"
<[email protected]> wrote in message
news:fluolr$d5m$[email protected]..
>
> "dream_kitchen" <[email protected]>
wrote in message
> news:flum2q$amb$[email protected]..
>>I thought the reason to use Fireworks was it's
enhanced image
>>compatibility
>> with Dreamweaver.
>
> It is. But once the image is brought into an HTML page
(in Dreamweaver, or
> any editor), it still has to fit within the way HTML
works. You generally
> can't just stack things on top of each other in HTML.
>
>> Is there a trick to laying a form object like a text
field on top of a
>> Fireworks image that was imported into dreamweaver
as HTML?
>
> There are two ways I know of that you could do that. (1)
Make the image
> into a background image, or (2) put the text field in an
absolutely
> positioned div ("layer") on top of the image.
>
>
> --
> Patty Ayers | Adobe Community Expert
> www.WebDevBiz.com
> Free Articles on the Business of Web Development
> Web Design Contract, Estimate Request Form, Estimate
Worksheet
> --
>
>

Making a text field required when a radio button is clicked

Hello all, I am very new to designing PDF forms, and I want to implement this requirement but have no idea how to go about doing it. I am designing an order form, and in a few different sections of the form are text fields that I want to be required, but only if a certain radio button on the form is clicked. So for example, I have a radio button group on the page consisting of two buttons, and then immediately to the right is a text field. If the user selects button 1, the text field is not required, but if they select button two, the text field is required. How do I implement this? I am using Livecycle ES3. And when I say required, I am referring to the field value/property of "User Entered - Required". Also, I cannot accomplish this by hiding and unhiding the field depending on which button is clicked, as this form will also be printed and filled out by hand, so all fields must be visible at all times. This form does have a submit by e-mail button and that is how it will be used primarily.
Also, I have searched around the forums a bit, and have tried some Javascript I have found, tying it to a mouseup event on the radio button, for example "getField("Text1").required = (getField("Radio1").value == "Yes");" and "getField("Text1").required = true;" with the names changed for my fields, but no matter what I try it has no effect
Thanks!

i hope this helps u.You can always optimize tht code a bit more , it's coded roughly but it works.
<html>
<head>
<script>
var cursel='r1';
function radioClick(x)
     if(cursel!=x)
          cursel=x;
     if(cursel=='r2')
          var z=document.getElementById('mydiv');
          mydiv.innerHTML='<input type=text name=ss size=20/>';
          mydiv.style.display='inline';
     else
          var z=document.getElementById('mydiv');
          mydiv.innerHTML='';
          mydiv.style.display='inline';
</script>
</head>
<body>
<form>
<input type=radio name=rtt onClick="radioClick('r1');" checked />Radio 1
<br>
<input type=radio name=rtt onClick="radioClick('r2');"/>Radio 2
<br>
<div id=mydiv></div>
</form>
</body>
</html>

How do I set focus to a text field after I click a button that calls a webservice?

I have a web service that returns back a table. In order to show the values in the table I had to check the re-merge Form Data on the Webservice Button. My question is , How do I set focus to a field on the screen after re-merge happens.

I was reading SetFocus documentation and it says
You cannot use setFocus with the form:ready, layout:ready, or initialize events.
What I need is an event like doc:ready or someother event where I can put the set focus code in. doc:ready was triggered when the form first loads which is great and I was able to put my Initial setfocus. When I pressed the button that calls the webservice and thr re-merge happened doc:ready event was not triggered so now I am not sure where to put the set focus.

How do you grey out a radio button if a text field is blank in Adobe Acrobat XI Pro?

How do you grey out a radio button if a text field is blank in Adobe Acrobat XI Pro?
So this what I'm trying to do:
(     )   |TEXT FIELD|
(     )   |TEXT FIELD|
(     )   |                  |
(     )   |TEXT FIELD|
I have a radio button: (     )
and a text field: |TEXT FIELD|
The third text field is blank, and I would like for the radio button next to it greyed out (user can't click on it) since the text field is blank. Is this possible to achieve? I'm assuming I'll have to use javascript, but what would the code be and would it be entered in the javascript editor for the text field or the radio button?
Thanks in advance guys

Hey, thanks, but it didn't work
I have the text fields as read only. Could that be why it's not working? Should I make the fields not read only?
Thanks,

How to display a text field if yes selected in radio button

Does anyone know how to hide/show a text field based upon a
radio button selection? What I want to do is ask a question with
yes or no as radio buttons. Then, if the user selects "YES" I want
to display a required text field. If the user click no, there isn't
a need for the text field.

Try this...
<html>
<head>
</head>
<script>
function ShowField(){document.MyForm.MyField.style.display =
"inline";}
</script>
<body>
<form name="MyForm">
<input type="radio" name="MyCheckBox"
onClick="ShowField()">
<input type="text" style="display: none"
name="MyField">
</form>
</body>
</html>

Filtering responses in different text fields from different radio buttons.

Once again I need some guidance with my form please.
I have a form (audit report) with numerous radio buttons with 4 options each, NA, CN, PC and C.
Each represents a different answer to the question associated with the radio button.
This answer this then passes through to a text field next to the radio buttons.
In turn at the beginning of my form I have an executive brief giving a run down on findings from the different questions asked. These are a reflection of the text fields associated with the radio buttons.
These are represented as 2 text fields namely, Non-compliant (NC), partial – compliant (PC).
What I am getting now is a whole lot of “null” answers that change when one of the radio buttons are selected and reflects that answer associated with the selection, both NC and PC text fields are the same and I then have to edit it and delete the PC from the NC section and the same for the PC section.
What I would like to happen is that all the “nulls” are hidden and only when the answer representing the NC or PC buttons are selected, that those answer get represented through to the Non-compliant (NC), partial- compliant (PC) text fields in my executive brief. IE some sort of filter for each text filed that only displays the NC or PC answers.
Any help or guidance will be appreciated.

I will explain this through an example.
In my application I have created two Select Lists.
The first select list is a select list with a submit
P3_X allows selection of 1,2,3
The page branch sets the value of P3_X with &P3_X. so that way the second select list knows what value it will be using.
The second select list P3_Y is a dynamic query that says
Select SCOL d, SCOL r from TEST1 where FCOL=:P3_X
If you were to have a third select list you would make the second Select List also a submit and have the page branch also set P3_Y with &P3_Y.
The third Select list would say select from where item=:P3_Y
Does this answer your question?

I have created an editable PDF via Adobe Indesign. When I open the PDF in Adobe Acrobat Pro DC, is there a way to specify a font style? Or is there a way in InDesign to make sure when someone type in that text field it is a certain font?

I need to make sure the text that is entered is a certain font to keep it continuous with the rest of the document. Thank you!

To go into form editing mode, select "Prepare Form" in the right hand pane. You'll then get a toolbar along the top that contains the various form-related tools. The first thing to do is add a temporary button. You'll use this to determine the name of the font for use with the script as well as place the script that will change the font properties of the text fields. So create a button anywhere, double-click it to bring up the field properties dialog, and on the Actions tab add a JavaScript action to the Mouse Up event that is:
// Mouse Up script for temporary button
app.alert(event.target.textFont);
On the Appearance tab, select the font that you want to use for the text fields. Once you've done that, close form editing mode and click the button. It will display a popup that will list the font name. This may be different than the name that appeared in the dropdown on the appearance tab, so write it down. For example, when I chose "Minion Pro" from the dropdown, the popup showed "MinionPro-Regular".
The next step is to replace that Mouse Up script with the following:
// Mouse Up script for temporary button
// Change the font and font size for all text field in this document
for (var i = 0; i < numFields; i++) {
    var f = getField(getNthFieldName(i));
    if (f.type === "text") {
        f.textFont = "MinionPro-Regular";
        f.textSize = 9;
Replace "MinionPro-Regular" with the font name that you wrote down before and set the font size to whatever you want. Use 0 to specify a font size of "Auto".
This script will change the font of all text fields to whatever you specify. When you've confirmed that the text fields are set up as you want, you can go ahead and delete or hide the button. If you think you'll be doing a lot of forms work, you can create custom tools in Acrobat to speed up this process, but this should get you started. InDesign won't let you specify a lot of field properties and actions, so you have to work this way, and using automation scripts is an accessible way to significantly speed up the process and avoid mistakes.

Is there a way to link text fields in an interactive form in ID CS6?

I'm recreating a form where they had several text fields on top of each other. If the form were not interactive, that would be so the user could use it to fill out longer, more detailed responses to the questions.
But since it's supposed to be interactive, I question the need for this, unless I could link them somehow, so that a user's long answer would flow from one field to the next as needed.
Is there a way to do that? Or would it work better to combine the 3 text fields into one big text field?
If the latter, is there a way to change a text field back into a text or picture box? I can't seem to find that option.

You cannot link PDF fields to each other.
Make a text field Multiline and Scrollable to allow for extra input (in Acrobat, but not in InDesign, you can also set a limit on the number of characters).
As I said elsewhere, choose Object > Interactive > Convert to Object to change a field to a regular object.

Remove text field from Array via for loop

Hi,
i have a problem to remove text fields added via for loop.
That im doing is, via for loop im dynamically creating menu with 10 buttons.
Each button contain, dynamically created, background (shape) and text field.
And everything is fine.
But when im try to remove text fields then i got this error:
- Im using button to remove text fields - lang_btn.addEventListener(MouseEvent.CLICK, clickHandler);
ArgumentError: Error #2025: The supplied DisplayObject must be a child of the caller.
          at flash.display::DisplayObjectContainer/removeChild()
          at Loading_Img_fla::MainTimeline/xmlLoaded()
          at flash.events::EventDispatcher/dispatchEventFunction()
          at flash.events::EventDispatcher/dispatchEvent()
          at flash.net::URLLoader/onComplete()
In the script bellow marked with red is what should remove text fields from an Array, instead giving me error.
Here is my script
// Create for loop
for (var i:int = 0; i < 10; i++)
          for each (xml in listItems)
                    if (i == xml.attribute("Id"))
                              // Add MovieClip to stage to hold the data
                              addChild(lmHolder);
                              lmHolder.x = 0;
                              lmHolder.y = 0;
                              // Create new MovieClip to hold buttons
                              lmButtonsMCArray[i] = new MovieClip();
                              lmButtonsMCArray[i].buttonMode = true;
                              lmButtonsMCArray[i].mouseChildren = false;
                              lmButtonsMCArray[i].x = 20;
                              lmButtonsMCArray[i].y = 20 + btCount * buttonSpace;
                              // Add each button MovieClip to lmHolder MovieClip
                              lmHolder.addChild(lmButtonsMCArray[i]);
                              // Create Background to buttons
                              lmButtonsArray[i] = new Shape();
                              lmButtonsArray[i].graphics.beginFill(lmBgColor0, 1);
                              lmButtonsArray[i].graphics.drawRect(0, 0, 230, 85);
                              lmButtonsArray[i].x = 0;
                              lmButtonsArray[i].y = 0;
                              // <<-- Add Background shape to the buttons MovieClips
                              lmButtonsMCArray[i].addChild(lmButtonsArray[i]);
                              // Create a new array to preserve data from XML List
                              lmNameArrayEG = new Array();
                              lmNameArrayUS = new Array();
                              // Create local variable to hold
                              var lmTxtFieldContentUS:String;
                              var lmTxtFieldContentEG:String;
                              var lmTxtContent:String;
                              // If clicked button is EG then make array with Arabic text
                              // If clicked button is US then make array with English text
                              if (footer.lang_btn.langState == "EG")
                                        for each (var leftMenuName:XML in egLanguageList)
                                                  lmNameArrayEG.push(leftMenuName);
                                        lmTxtFieldContentEG = lmNameArrayEG[i];
                                        lmTxtContent = lmTxtFieldContentEG;
                              else
                                        for each (var leftMenuNameUS:XML in usLanguageList)
                                                  lmNameArrayUS.push(leftMenuNameUS);
                                        lmTxtFieldContentUS = lmNameArrayUS[i];
                                        lmTxtContent = lmTxtFieldContentUS;
                              // Setup new text field each time script is executed
                              lmTxtFieldsArray[i] = new TextField();
                              lmTxtFieldsArray[i].width = 110;
                              lmTxtFieldsArray[i].border = false;
                              lmTxtFieldsArray[i].wordWrap = true;
                              lmTxtFieldsArray[i].multiline = true;
                              lmTxtFieldsArray[i].selectable = false;
                              lmTxtFieldsArray[i].embedFonts = true;
                              lmTxtFieldsArray[i].antiAliasType = AntiAliasType.ADVANCED;
                              lmTxtFieldsArray[i].autoSize = TextFieldAutoSize.CENTER;
                              lmTxtFieldsArray[i].text = lmTxtContent.toUpperCase();
                              lmTxtFieldsArray[i].x = 10;
                              lmTxtFieldsArray[i].name = "lmTxtFieldName" + i;
                              // <<-- Add Text fields to the Movie Clip
                              lmButtonsMCArray[i].addChild(lmTxtFieldsArray[i]);
                              // If clicked button is EG then set Arabic text format, and make array with Arabic text fields
                              // If clicked button is US then set English text format, and make array with Egnlish text fields
                              if (footer.lang_btn.langState == "EG")
                                        lmTxtFieldsArray[i].setTextFormat(txtFormat_lm_eg);
                                        // Make array from text fields;
                                        pushEgTFintoArray.push(lmTxtFieldsArray[i]);
                              else
                                        lmTxtFieldsArray[i].setTextFormat(txtFormat_lm_us);
                                        // Make array from text fields;
                                        pushUsTFintoArray.push(lmTxtFieldsArray[i]);
                              // If clicked button is EG then loop thrue the for loop and remove English text fields from array
                              // If clicked button is EG then loop thrue the for loop and remove Arabic text fields from array
                              if (footer.lang_btn.langState == "EG")
                                        for (var rNr_us:Number = 0; rNr_us < pushUsTFintoArray.length; rNr_us++)
                                                  //remove the text field array from the display
                                   removeChild(pushUsTFintoArray[rNr_us]);
                                        //clear the array
                                        pushUsTFintoArray = [];
                              else
                                        for (var rNr_eg:Number = 0; rNr_eg < pushEgTFintoArray.length; rNr_eg++)
                                                  //remove the text field array from the display
                                   removeChild(pushEgTFintoArray[rNr_eg]);
                                        //clear the array
                                        pushEgTFintoArray = [];
          btCount++;

it looks like those tf's are children of lmButtonsMCArray[i], not the current scope. use:
if (footer.lang_btn.langState == "EG")
                                        for (var rNr_us:Number = 0; rNr_us < pushUsTFintoArray.length; rNr_us++)
                                                  //remove the text field array from the display
                                    lmButtonsMCArray[rNr_us].removeChild(pushUsTFintoArray[rNr_us]);
                                        //clear the array
                                        pushUsTFintoArray = [];
                              else
                                        for (var rNr_eg:Number = 0; rNr_eg < pushEgTFintoArray.length; rNr_eg++)
                                                  //remove the text field array from the display
                                    lmButtonsMCArray[rNr_eg].removeChild(pushEgTFintoArray[rNr_eg]);
                                        //clear the array
                                        pushEgTFintoArray = [];

How to move the cursor to a text field

Hello,
I have a log in window with Username (Text field) and password (Secure Text field). The 'Log In' button is not enabled if I use the Set command. So I wish to use the Keystroke.
But I need to make sure that Cursor is in the text field and then to keystroke. So how can I move the cursor to the required text filed?
Note:
+Why the cursor is not blinking in the text field where I just 'SET' (command)+
+the value?+

Well, for a start you can identify the application you're working in. That's kind of important.
In most cases you can just emulate a press of the tab key but it's kind of a crude a approach (there's no guarantee that you're in the field you expect). Certain applications, though, may have better ways of achieving it, but since we don't know what application you're using we can't say if that's the case here.

Filtering responses in a text field

Once again I need some guidance with my form please.
I have a form (audit report) with numerous radio buttons with 4 options each, NA, CN, PC and C.
Each represents a different answer to the question associated with the radio button.
This answer this then passes through to a text field next to the radio buttons.
In turn at the beginning of my form I have an executive brief giving a run down on findings from the different questions asked. These are a reflection of the text fields associated with the radio buttons.
These are represented as 2 text fields namely, Non-compliant (NC), partial – compliant (PC).
What I am getting now is a whole lot of “null” answers that change when one of the radio buttons are selected and reflects that answer associated with the selection, both NC and PC text fields are the same and I then have to edit it and delete the PC from the NC section and the same for the PC section.
What I would like to happen is that all the “nulls” are hidden and only when the answer representing the NC or PC buttons are selected, that those answer get represented through to the Non-compliant (NC), partial- compliant (PC) text fields in my executive brief. IE some sort of filter for each text filed that only displays the NC or PC answers.
Any help or guidance will be appreciated.

This method works for a Text Field but can you text wrap and expand to fit the height of a cell that is a Drop-down List. The Expand to fit check box on the Layout palette is greyed out for all my Drop-down boxes. I have also tried using the following JavaScript:
var newHeight = xfa.layout.h(DropDownList, "in");
Textbox.h = newHeight + "in";
but it doesn't work. Any suggestions?

Problem hiding a text field

Hi,
For some reason I am unable to hide a text field by clicking on a button. This is what I'm doing:
txtField.presence = "hidden";
I'm using javascript and I can hide other buttons if I set their presence to "invisible", but I cannot hide a text field at all. Am I missing something here?
Thanks,
Chad

Make sure the reference path to your text field is relative to the button's location on the hierrachy tree. The way you have it, I assume the button and the text field is under the same parent container or level.

Taking info from text fields

I am trying to sut this game up so that if the text "NateTheWizard" are typed in a text field, then the 'new game' button will load level 3 instead of level one.
with this text, no matter what is in the field, it loads level one:
public void startButton_actionPerformed(ActionEvent e) {
if((password.getText() == "NateTheWizard")){
DotStealthFrame.contentPane.removeAll();
DotStealthFrame.contentPane.add(new Level3(), BorderLayout.CENTER);
DotStealthFrame.contentPane.updateUI();
DotStealthFrame.contentPane.getComponent(0).requestFocusInWindow();
lvl3Popup level3Pop = new lvl3Popup();
level3Pop.setModal(false);
level3Pop.setLocation(300, 300);
level3Pop.setVisible(true);
else{
DotStealthFrame.contentPane.removeAll();
DotStealthFrame.contentPane.add(new Level1(), BorderLayout.CENTER);
DotStealthFrame.contentPane.updateUI();
DotStealthFrame.contentPane.getComponent(0).requestFocusInWindow();
lvl1Popup level1Pop = new lvl1Popup();
level1Pop.setModal(false);
level1Pop.setLocation(300, 300);
level1Pop.setVisible(true);
}

http://access1.sun.com/FAQSets/newtojavatechfaq.html#9

Bug? Text field & Button are still visible when solid-filled rectangle is placed on top of them

Adobe Live Cycle 7.1
It cannot work when i tried to make the text field and button invisible without JavaScript:
1. Create a text field with any default value and button.
2. Create a filled color rectangle.
3. Set the rectangle on top of all objects (right click it and select "bring to front")
4. View in Pdf.
5. Result:
Text field's caption and border are invisible (covered by rectangle) ,but the text field's raw value and the button are visible.
Is this a bug?

It's difficult to tell. I can see what you're trying to accomplish but it's possible that Acrobat is giving priority to fillable fields over static objects (such as the rectangle) regardless of z-order (i.e. "bring to front", "send to back"...).
You can make objects invisible without having to write any script by selecting the objects which should be invisible and setting the Presence property, on the Object palette's Field tab, to
Invisible or
Hidden - Exclude from Layout. The former means the objects won't be visible but they will still be a factor in the way in which objects are placed on the form while the latter means they're totally hidden from the form.

Text Field on top of a Button

Similar Messages

Maybe you are looking for