Using javascript to show/hide buttons

I need to show a hidden button on a slide, but I need to do it from within a javascript that is being called. Does anyone know how to do this? I know there are functions you can use to get/set variables (cpEIGetValue) but I don't know how to access &/or manipulate objects...
Help?
Thanks - Monica

Hello,
I'm sure this could work with advanced actions
Since I have been blogging and writing a lot about advanced actions, perhaps I could help to debug? If this is acceptable to you, I will have a look at your actions, and try to understand what you want to realize. What do you think?
Here is a link to my blog, just to prove my credibility:
lilybiri's posterous
Lilybiri

Similar Messages

How hard is it to use javascript to show/hide fields. Is it easier to use the action builder?

I know nothing about javascript and all that ive been using so far has been stuff ive found on here (thank you everyone).
Using the action builder seems like its gonna be very tedious to do since i have so many subforms that hide, would it be esier to use javascript?

I know nothing about javascript myself but I just created a form with about 10 different subform that show or hide depending on what the user chooses from a drop down list and I used Action Builder. If we don't know javascript, how can we use it? But Action Builder did a fine job of hiding/showing wherever I needed it. And Action Builder can do more than one thing by clicking that + sign when you are building an action.
For instance, I needed to place a button in each subform that would close both the field that the person was working in and also the subform on the next page where the information was going into floating fields in a text block that was only visible thru a drop down list text select. I could have never figured out how to do that based on my knowledge of javascript. Thank Adobe for including Action Builder in this version of LiveCycle and I use it all the time. I find it extremely easy to use but it takes a little mental training to think thru the steps of how you can use the menu in Action Builder to make your form do what you need it to do.
And if all else fails, ask this forum. I struggle for just so long before I come here and ask for help. I always get the answer I need. I hope you will too.
Good luck,
Jeanette

Captivate: Using Javascript to show/hide text captions

Hello,
I want to show/hide a text caption using javascript. I can't find the way of doing it with advanced actions. I dont know if it's because it belongs to a question slide in a pool. Does somebody knows if it's possible and how it can be done??

You can set the length of the variable when you insert it.
15 characters is just the default setting.
What I meant by COULD is that the kind of thing you are asking about here (using JavaScript to hide objects inside a Captivate movie at runtime) is not as simple as you'd like it to be.
JavaScript is not my particular area of expertise, but there are some people that chime in on this forum that ARE experts at JS. But I think they would also be the first to say that it's not as simple a thing to pull off as just "knowing the command to hide/show an object".
The easiest tool to use in Captivate for showing or hiding objects is Advanced Actions. The next easiest thing to use is ActionScript 3, and that's hard. JavaScript is a very useful programming language, but it spends all of its life outside the Captivate movie looking in through AS3's External Interface. So JS alone is not going to solve all your issues.

Using JavaScript to show/hide fragments

Hi,
Can anyone point me in the direction of information or an example of JavaScript being used to show or hide fragments within a form?
I'm looking to add JavaScript to the XDP content of my fragments so that these fragments will be shown or hidden depending on the evaluation of certain conditions.
If I create a form, and reference a fragment within that, then I can hide the fragment using this JavasScipt embedded within the form:
xfa.form.MyForm.MyForm.MyFragment.presence="hidden"
However, I'm looking to add the JavaScript to my fragment. I've used similar JavaScript but when the form and fragment are assembled the fragment is always displayed.
Can anyone help here please?
Thanks,
Ray.

Hi,
Can anyone help here at all?
All that I need for now is how to get JavaScript included in my fragment invoked when a form that includes that fragment is assembled.
When the fragment is rendered by itself the JavaScript is invoked. But not when it's rendered from within another form. Why is this?
Thanks,
Ray.

Interactive PDF show/hide button not working properly

I could use some help. I'm creating an interactive pdf using show hide buttons. A button is set to hidden and a second button controls it's visible on mouse enter and mouse exit. Sometimes these buttons which are set to visible turn to invisible in the general/form field propery window and stop working. I've tried replacing the buttons with new ones, but this hasn't helped. Is this a bug or do you think the document is corrupt. This is a large prototype file which has to be shown to a client and rebuilding it is not a welcome thought.
Is there a way to program this using java to create this function? (I'm a Java novice.)
Thanks

HI PAUL, WE HAVE HAD THE SAME PROBLEM. SO, IF YOUR USING INDESIGN CS2 OR 3 WE HAVE FOUND THAT BY MAKING A NEW BUTTON WITH ALL THE ACTIONS YOU WANT IN A NEW DOCUMENT ON THE MASTER PAGE AND THEN COPYING AND PASTING THE NEW BUTTON INTO YOUR ORIGINAL FILE ONTO THE PAGE MASTER THIS USUALLY SOLVES THE PROBLEM.

Why do show/hide buttons show when PDF is opened?

I've created an interactive PDF with a series of show/hide buttons with rollover actions. When I export and open the PDF, some of the target buttons show up. If I mouseover, they correct themselves and go to their correct hidden state until I mouseover. Is this a bug and is there any way to keep them hidden from the start? Note that the target buttons overlap some, and I'm wondering if that is part of the problem so I'll test that, although not having them overlap isn't a viable solution.
Thanks!

Thanks for the response. Hidden until triggered was checked. I rebuilt the buttons and they seem to work fine now. It seems like InDesign is very finicky about the order of operations.

Radio Button javascript onclick show hide textbox

Currently, if the radio button is clicked then text box is
shown else if radio button 2 is clicked then textbox is invisible.
(only one textbox being shown or being hidden)
I wish to have 2 text boxes
If radio button 1 is clicked then textbox1 is visible
If radio button 2 is clicked then textbox2 is visible.
What changes do I have to do in my code for this to work?
feel free to test this.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
function hide() {
var div_ref = document.all("id_div");
div_ref.style.visibility = "hidden";
function show() {
var div_ref = document.all("id_div");
div_ref.style.visibility = "visible";
</script>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
</head>
<body>
<tr>
<td>
Select Device Type <BR>
</td>
<td style="width:200">
<input type="Radio" name="DeviceGroup"
value="Radiobutton1" onclick="show();" checked="checked">Radio
button 1
<input type="Radio" name="DeviceGroup"
value="Radiobutton2" onclick="hide();" unchecked>Radio button 1
</td>
<td>
<div id=id_div style="visibility:hidden;">
Show Textbox1
<input type="Text" name="Textbox1">
</div>
</td>
</tr>
</body>
</html>
Thanks

thanks
YES
i will be submitting data to a field in the database.
First the vlaue of the radio Button
For example if the first radio button
then the value of the first radio button value =1
goes to the field in the database
also
the text box that will show. will have data entered in the
tesx box and the value will be submitted
to a field.
thanks
shall i still use your code????
thanks
also, instead of having 2 javascripts controlling the show
hide, just join them and assume that at each click the div is
visible.
the first part of the if statement in the js just makes sure
the div's display is none. then it displays the one you are
calling.
the else allows you to close the divs without having any
open.
i'm doing this from home, so i cant really test it, but, it
looks like it should work.
Attach Code

Show/hide buttons based on templates

Hi
1. Is there anyway for hide/show a button (button style template based button) dynamically?
2. If the button is an image (button style Image) Is there anyway for hide/show a button dynamically?
Thanks!

Hello:
I'll assume that you want to hide/show a button using javascript.
Generally, if the button template has the '#BUTTON_ATTRIBUTES#' substitution sting defined you can specify an 'id' attribute for the button in the Button Attributes field of the button definition. For an image based button you specify and 'id' in the Image Attributes field. You can then show or hide these buttons using the
$x_HideItemRow("<button_id>") and $x_ShowItemRow("<button_id>") built in javascript functions.

Show/Hide buttons

Hey everyone,
Is there a way I can create a "Show" button that would be
visible to users when they click "Hide" (or X) on the nav bar? The
team I'm working with doesn't think that making users click the
Contents, Search, or Index button to "Show" the navigation pane
would be intuitive enough.
Also, how do I hide the "Show" link in a context-sensitive
help window? Some people are thinking that we need to hide this,
thereby "forcing" them to click the "main" help button in the Help
menu, but I disagree.
Thanks,
Jim

I understand the concern but most folks seem to work it out.
If you cick X, you know you have done it and will look for ways
back. That usually involves clicking anything in site! I don't know
of a solution.
How does hiding Show, forcing the user to close that, open
the main help and start over, help them? Yes you are forcing them
but you are not helping them and I agree with you. You can hide
Show by deselecting the show navigation in the wizard but it's a
bad move. With show enabled, they can see the topic they first went
to, its place in the structure and they can navigate from their.
Much more intuitive.

Help Needed with JavaScript for show/hide subforms controlled by dropdown selection... Please!

I have created a form that depending on what is seleced in a drop down menu it should determine what subform is displayed. The code I am pasting below only works with one (4 total) of the selections in the dropdown.
I am not a scriptor by any strectch of the imagination! Can anyone see what I need to fix in the below to get this to work. It is almost like I am missing some sort of "or" statement... Any suggestions?
Here is the current javascript associated with the dropdown field:
form1.jobselection.customjob::change - (JavaScript, client)
customprint.presence = "hidden";
frontpagenote.presence = "hidden";
weprint.presence = "hidden";
preprint.presence = "hidden";
if (xfa.event.newText == "CustomPrint"){customprint.presence = "visible";}
else {frontpagenote.presence = "hidden";
weprint.presence = "hidden";
preprint.presence = "hidden";}
if (xfa.event.newText == "PrePrint"){preprint.presence = "visible";}
else {frontpagenote.presence = "hidden";
weprint.presence = "hidden";
customprint.presence = "hidden";}
if (xfa.event.newText == "FrontPageNote"){frontpagenote.presence = "visible";}
else {preprint.presence = "hidden";
weprint.presence = "hidden";
customprint.presence = "hidden";}
if (xfa.event.newText == "WePrint"){weprint.presence = "visible";}
else {frontpagenote.presence = "hidden";
preprint.presence = "hidden";
customprint.presence = "hidden";}
form1.jobselection.customjob::click - (JavaScript, client)
if (customjob.rawValue == CustomPrint)
xfa.resolveNode(form1.jobselection.customprint).presence="visible";
else
xfa.resolveNode(form1.jobselection.customprint).presence="hidden";

First of all i suggest you clean up the code a bit. Use this for example.
var strSelectedText = xfa.event.newText;
customprint.presence      = (strSelectedText == "CustomPrint") ? "visible" : "hidden";
preprint.presence            = (strSelectedText == "PrePrint") ? "visible" : "hidden";
frontpagenote.presence   = (strSelectedText == "FrontPageNote") ? "visible" : "hidden";
weprint.presence            = (strSelectedText == "WePrint") ? "visible" : "hidden";
//Optional code for checking values. You might want to put this in the exit-event.
console.show();
console.println("value = " + strSelectedText );
console.println("customprint.presence = " +customprint.presence );
console.println("preprint.presence = " + preprint.presence );
console.println("frontpagenote.presence = " + frontpagenote.presence );
console.println("weprint.presence = " + weprint.presence );
// End optional code.
What the above does is just have the same if/else you use, it just does it in much less code/scripting.
The optional code is for you to verify what actually goes on. Wich values are changed or given, etc.
What also might help is to write down the full path off the subform you want to change the presence of.
So instead of "frontpage.presence" you write down "form1.frontpage.presence".
Hope this helps.
Rien.

Using Javascript to show/unshow a field based on input in another field

I want to display/not display a field in a JSP depending on what is selected in another field.
I am using <div></div> element currently which is displayed/not displayed using a Javascript invoked by the first field.
the problem with div is that I have to put it inside a <tr><td> otherwise it doesn't work. This makes the field look aloof from the rest of the page, and is also not aligned with the other fields.
Is there anything other than <div> that can be used? or is there a way to correct the look of the field inside a div?
Thanks

You shouldn't have to put it inside a <tr><td> to get it to work. I've done what you are trying to do with <span></span> and it worked fine. I haven't tried it with a <div> but I can't image why that wouldn't work. Maybe you could post your code.

Weirdness when trying to use javascript to submit a button on a jsf page

code in question:
document.forms['logoutForm'].elements['logoutForm:_id7'].click();
alert("button clicked");
This works fine as is, the form gets submitted. I have to use this because there are multiple submits in this form for different things. Edit: What I mean is that I am submitting if the user presses the enter key from a text input and since I have multiple submits, I have to choose a particular one, I can't just use the form.submit() function.
The problem arises if I take out the alert. No alert box, it stops working - no submit. Alert popup included, I get the popup, but the page submits correctly AFTER I close the popup, even though the alert is after the submit in the code.
Anyone know what gives and how I can get the submit to work without the alert?
Message was edited by:
kdavenport
It appears that this might be an IE issue as it works in Firefox. Any thoughts?
Message was edited by:
kdavenport

This reply skirts around your actual question, but perhaps it may be useful for your situation. This link describes a JSF component that allows you to define the default action for your page, that is, the one that gets submitted when the Enter key is pressed:
http://www.jsftutorials.net/defaultActionTag.html
Note that you will see some warnings flash across the console when this component loads on the page (if you're monitoring that). As I understand it, this is because no renderer is specifically assigned for this component. Your default renderer will kindly do the job, but you'll still see the warning in development. It's nothing to worry about.

Using javascript to show all comments on startup

I would like all comments to show on all documents when a document is opened. Right now I have the following code to create a menu option. This runs fine, but when I make a simple call to showAllComments(), I get the error "this.syncAnnotScan(); is not a function" How can I get the function showAllComments() to run when Adobe Reader is opened?
if ( typeof sdkMenuItem == "undefined")
          var sdkMenuItem = false;
if (!sdkMenuItem) {
          sdkMenuItem = true;
          app.addSubMenu( {
             cName:"ACROSDK:JSSubMenu",
             cUser: "Acrobat SDK JavaScript",
             cParent: "Edit",
             nPos: 0
app.addMenuItem({
   cName:"ACROSDK:ShowAllComments",
   cUser:"Show All Comments",
   cParent: "ACROSDK:JSSubMenu",
   cExec: "showAllComments();",
   cEnable: "event.rc = (event.target != null);" // active only with docs open
* main function
function showAllComments()
    try {
                        this.syncAnnotScan();
                    var annots = this.getAnnots();
                    if (annots == null) { app.alert('not found'); }
                    for (var i=0; i<annots.length; i++)
                                        annots[i].hidden = false;
   catch(e){app.alert(e);}

You shouldn't have to put it inside a <tr><td> to get it to work. I've done what you are trying to do with <span></span> and it worked fine. I haven't tried it with a <div> but I can't image why that wouldn't work. Maybe you could post your code.

Robo v9 Show/Hide without Twisties - One button no longer working

Hey there, as stated I am using Robo v9 with Show/Hide without Twisties (One button) with javascipts. We have most of our images using DHTML drop-downs and when folks click on "Show All Images" on the page, the GIF changes to "Hide All Images" and all drop-downs (our images) and expanding text are diaplayed.
It had been working all the time, but now it only works when I right click the topic in the TOC and choose "Edit Topic", then while in the Edit Window (Display view), when I do a View (Ctrl-W) and it displays the page within RoboHelp..I can click the "Show All Images" and it works like it always had. BUT, if that page is not in the Edit Window, and I right click "Preview Topic", the click "Show All Images" (or on the DHTML dropdown itself) it will NOT show the images, *but the GIF image does properly toggle to "Hide All Images" (and if I do again, then it properly toggles to the "Show All Images" GIF, if I do it again), but now NO images are getting displayed for some reason. It also NEVER works properly when I publish to our website (even when clicking the DHTML dropdown itself), but the GIF images toggle properly.
If I right click and choose "Preview Topic" and click "View With" and use Internet Explorer 8 it still never works anymore, unless the topic is in the Edit Window (Display View), so I know the issue is not on the server. It stops working after I do a generate and run on my pc. Also when I view it IE8 within Robo (and Allow the Blocked Content to run the scripts), many instances of the same error is shown as:
Message: Access is denied.
Line: 2646
Char: 3
Code: 0
URI: file:///D:/Users/_RBH9_TPO-Generate/v9-testing/ehlpdhtm.js
...but I *do* have access to the folder system, but in checking the coding of the ehlpdhtm.js, that area show, where I believe line 2646, character 3 starts at the "values = getAttribute(element, prop );" line below...but maybe something does not exist:
==
//End HTML code invoked function
function InitEffect( element, prop )
var values = null;
if( getAttribute(element,prop))
values = getAttribute(element, prop );
else if( getAttribute( element, "currentStyle" ) && element.currentStyle.getAttribute)
values = element.currentStyle.getAttribute( prop );
else if (element.style.getAttribute)
values = element.style.getAttribute( prop );
if( !values )
return;
var functions = new Array();
==
I have a much older backup when restored, it all works properly again in all cases, but I have done so much work since then that I think would need to be manually redone. I have played with keeping those some javascipts alone (in case I changed something) and updated the rest of the data files I had added, deleted the .CPD file, but it somehow stops working again, probably with some updated file. I am not sure what specific files could be causing the negative impact that is preventing it from working. Maybe if I knew what files could impact, I couldrestore those from my old backup. The newer backups when restored do not work properly, so there was a point in time where something changed and is causing this.
All prior versions of RoboHelp (v7 and v8) have always worked and still do. I am using v9.0.1.262, as the latest version has not yet been allowed on our pcs (per security), but since my earlier backup works, I thought it may not be the issue, but wanted to tell you anyway. ;->
Any ideas on how I should proceed? What files may have impact to cause it not to work anymore? The showhide.js is the only .js to show up as a baggage file. Also, the DHTML line does exits in each html page's code, as we are still using Robo v7 as the production software and the Show/Hide always works, and I copy them into the respective Robo v9 folders (and if new, then I copy them, then import them), otherwise the newer v7 updated pages are copied over the older v9 html files while RoboHelp is closed.
Thanks in advance for any info you can provide!

I may have figured out what to fix to get v9 back to working on the Show/Hide button, but not the "why?" .
It looks to all be dealing with the Robo automatic html coding of where to locate the .js file(s)...here is a quick overview of this issue and what I did. When I view the non-working pages within Internet Explorer 8 within Robo (and Allow the Blocked Content to run the scripts), I saw many instances of the same error is shown as this in the log, which implied since I *do* have access rights, maybe the file was just not being found.
Message: Access is denied.
Line: 2646
Char: 3
Code: 0
URI: file:///D:/Users/_RBH9_TPO-Generate/v9-testing/ehlpdhtm.js
OK, here are my findings. EXAMPLE #1 and EXAMPLE #2 below are excerpts of the same file. EXAMPLE #1 is from Robo v7 and is copied to the v9 folder after it was updated so our soon to be "production" webhelp will be from Robo v9 (instead of making the same manual updates in Robo v9 as in Robo v7, I copy the updated the .html file to the Robo v9 file system). Note the direction of the directory slashes of the java scripts listed below, as they are all DOS type slashes (back slashes), EXCEPT for ehlpdhtm.js as it is the ONLY one using UNIX (forward) slashes.
EXAMPLE #1 (from Robo v7)
==
<link rel="StyleSheet" href="..\..\sty-std-topic.css">
<script type="text/javascript" language=JavaScript x-save-method=compute-relative
src="..\..\showhide.js"></script>
</head>
<body>
<robohelp><script type="text/javascript" language=JavaScript1.2 src="../../ehlpdhtm.js"
x-save-method=compute-relative></script>
<script type="text/javascript" language=JavaScript1.2>

</script>
==
EXAMPLE #2(from Robo v9)
This is from the restored backup of the Robo v9 files that always work when I restore them, and note they are ALL UNIX (forward) slashes. These backup files were generated from Importing/Upgrading a copy of the Robo v7 files into Robo v9.
++
<title>[Endpoint Protection] Symantec Overview</title>
<link rel="StyleSheet" href="../../sty-std-topic.css" type="text/css" />
<script type="text/javascript" language="JavaScript" src="../../showhide.js">
</script>
</head>
<body>
<?rh-script_start ?><script src="../../ehlpdhtm.js" type="text/javascript" language="JavaScript1.2">
</script><?rh-script_end ?>
++
Additional info: The following is from another file from the Robo v9 backup files that always WORK and once again they are ALL UNIX (forward) slashes.
~~
<link rel="StyleSheet" href="../../sty-std-topic.css" type="text/css" />
<script type="text/javascript" language="JavaScript" src="../../showhide.js">
</script>
</head>
<body>
<?rh-script_start ?><script src="../../ehlpdhtm.js" type="text/javascript" language="JavaScript1.2">
</script><?rh-script_end ?>
~~
BUT since all .js files are referenced in EXAMPLE #1 have DOS slashes (back slashes), EXCEPT for the ehlpdhtm.js, I decided to change the line in ehlpdhtm.js FROM src="../../ehlpdhtm.js" TO src="..\..\ehlpdhtm.js" and IT (this one page) BEGAN WORKING AGAIN after I published. So having all DOS back slashes DOES work in Robo v9!!!! BUT it appears that Robo v9 only generates new pages using UNIX (forward) slashes in ALL coding. I've read about issues like this occurring with the FireFox browser, but we only use IE8, and have not read anything like this related to IE8 issues.
So if all UNIX forward slashes and all DOS back slashes can work in Robo v9 in finding and using ehlpdhtm.js, (the Show/Hide buttons function properly) why is this problem existing in Robo v9 when there are mixed "slashes" (using forward and backward)? ...and the mixed slashes ALWAYS works in Robo v7! They do not have to all be in the same direction in Robo v7 as it appears to have to be in the newer/more advanced Robo v9. Why does it matter that all slashes need to be all the same direction, if Robo v9 CAN actually read and figure out the DOS back slashes (formatted by Robo v7 creation) and actually generates UNIX forward slashes for the .js files in new Robo v9 output within the .html?
More importantly will I have to always do a Global search and replace in Robo v9 to change the direction of the "back slashes" when I copy updated Robo v7 .html files into the Robo v9 folders (instead of manually reworking each change), while in transition from v7 to v9?
Thanks in advance any information, recommendations, and feedback as your time is greatly appreciated!

Why does the revealed image flicker when using the Show/Hide feature?

I started using the Show/Hide Button and Forms function in InDesign CS6 and have had some peculiar things happen. I was mocking up some samples and on the swf version if you hover over the left side of the blue rectangle all is fine but if you move to the right side of the blue rectangle the image starts to flicker. When you hover over the red rectangle the pop-up image just flickers constantly. I guess there must be some issue with having the button for a revealed image under some portion of the revealed image. See: http://www.idugsf.com/_a/FI_BookSamples.html .
The problem went away when the button and the revealed image did not overlap.
This problem didn't occur with another file I had originally created in CS5.
On the pdf version the buttons which are on their own layer behind the revealed image moved to the front in the pdf: http://www.idugsf.com/_a/FI_BookSamples.pdf
[email protected]

Remove the dimensions in the following
<div class="tooltipContent" id="sprytooltip11"> <img src="pix/1-pp-all-490x480.jpg" width="850" height="750" /></div>
Gramps

Using javascript to show/hide buttons

Similar Messages

Maybe you are looking for