Hide an HTML button using javascript

Hi,
I need to hide an html buttton using javascript. I have an radio button with values "YES" and "NO". If is select NO then i need hide the button without refreshing the page. Can anyone suggest me how to hide an button using javascript.
Thanks
Prashanth

Prashanth,
The exact solution will vary based on a few factors. The basic idea is to place an event handler on the radio button item that calls a function to hide/show the button. You might also want to call that function when the page loads too.
If you put an example page on apex.oracle.com and provide the workspace/username/password I'll take a look. You can create a new account for this purpose.
Regards,
Dan
Blog: http://DanielMcGhan.us/
Work: http://SkillBuilders.com/

Similar Messages

Disable button using javascript

Hi,
I'm sorry if this is a relatively simple problem, but I have tried several things and have searched the forum, but still no luck!
I am trying to get a button in a form to be disabled or hidden on loading the page and only to become enabled or shown once an 'onclick' event occurs. I already have a javascript function running successfully on the 'onclick' event, so there is no problem with that.
Preferably I would like the button to be template driven, but I realise that disabling/hiding it may only be possible with an HTML button.
I have tried the following JavaScript, but it appears to do nothing:
document.getElementById('P6_OK').disabled=true;
$x_HideItemRow('P6_OK');
If the JavaScript is ok it is probably the way I am implementing it into the HTML.
Thanks
Lucy

Hi,
I'm still having troubles with this (see above). If anyone has successfully managed to disable a button using JavaScript I would be interested in how they did it.
To clarify, I have tried the following two pieces of script, among others:
(1) document.getElementById('P6_OK').disabled=true;
(2) $x_HideItemRow('P6_OK');
I have read quite a few forum links and followed what others have done, but in vain.
Thanks for your help
Lucy

How can I hide figures or characts. using javascript in wad report BI NW 7

Hi,
How can I hide figures or characteristics using javascript or command in wad report ( BI NW 7).
I have read the documentation for WEB API, but it doesn't provide some info on that area.
Thank you.
Edited by: Sergey Antonov on Jul 29, 2011 3:08 PM

You can use REMOVE_DRILL_DOWN in WAD to remove characteristic..to remove a keyfigure with a button you could a variable with that button, which makes an invalid selection of the keyfigure though it is 2000, e.g. set CALYEAR = 1900.
Hope it helps,
Christian

Associating two events with submit button using javascript in jsp

Hi
How can i Associate two events with submit button using javascript in jsp. Firstly it should insert the data to database and secondly it should close the same pop-up window

Have something like :
<input type="submit" name="submitbtn" value="Click me" onClick="function1(); function2(); " />
You just call both functions sequentially, it's that simple. Although using javascript to work with a database, that seems a bit tricky.

How to Disable a Button Using JavaScript

Hi,
I want to disable a button based on a condition. I am using a template based button (button Alternate 3). I am using Theme 3. I have created buttons of type item but when I view the source there is no button name populated in the html. My javascript is not disabling the button.
Please advice.
Thanks
sukarna

Hi,
You can't disable an A tag (FireFox, for example, will still let you click the "link").
What you could do would be to create a second button that doesn't work and only show one of these at a time.
I have done that here: [http://apex.oracle.com/pls/otn/f?p=35917:30]
The Button has been based on a custom Button Template. The definition for this is:
<table class="t10Button" cellspacing="0" cellpadding="0" border="0" summary="" id="#BUTTON_ATTRIBUTES#">
<tr>
<td class="t10L"><a href="#LINK#"><img src="#IMAGE_PREFIX#themes/theme_10/button_left.gif" alt="" width="4" height="24" /></a></td>
<td class="t10C"><a href="#LINK#">#LABEL#</a></td>
<td class="t10R"><a href="#LINK#"><img src="#IMAGE_PREFIX#themes/theme_10/button_right.gif" width="4" height="24" alt="" /></a></td>
</tr>
</table>
<table class="t10Button" cellspacing="0" cellpadding="0" border="0" summary="" id="#BUTTON_ATTRIBUTES#_DISABLED" style="display:none">
<tr>
<td class="t10L"><img src="#IMAGE_PREFIX#themes/theme_10/button_left.gif" alt="" width="4" height="24" /></td>
<td class="t10C" style="padding:1px 4px;">#LABEL#</td>
<td class="t10R"><img src="#IMAGE_PREFIX#themes/theme_10/button_right.gif" width="4" height="24" alt="" /></td>
</tr>
</table>This actually creates two buttons - the first one, which actually has the link, is visible to start with. The second one, which has no link at all, starts off as invisible.
Both buttons use the #BUTTON_ATTRIBUTES# setting to get the button name into the ID - though the second button adds "_DISABLED" to this so that it has a unique, but known, ID
Then it is just a case of calling a function to show one button and hide the other or vice versa:
<script type="text/javascript">
function disableButton()
document.getElementById('P30_TEST_BUTTON').style.display = "none";
document.getElementById('P30_TEST_BUTTON_DISABLED').style.display = "block";
function enableButton()
document.getElementById('P30_TEST_BUTTON').style.display = "block";
document.getElementById('P30_TEST_BUTTON_DISABLED').style.display = "none";
</script>Another possibility is to add the #BUTTON_ATTRIBUTES# to the TABLE tag instead of the A tag in a new button template (based on a copy of the normal Button template). Then, the ID value would be applied to entire "button". You can then make this invisible using:
$x('BUTTON_ID').style.visibility = 'hidden';The button will be removed from the page as far as the user is concerned, so they can not click the link.
Andy

HTML Button use an image instead of Text

I have an HTML button in its own region called A_BUTTON, its current Button display attributes are
sytle: HTML Button
Attributes: name="A" class="where_clause_button"
what it does is i use a dynamic action based off the where_clause_button jquery selector and use javascript to update a hidden field. I would now like to use the Oracle Logo for example as the image of the button instead of using a text label for it. I tried adding to the Attributes src="http://www.oracleimg.com/admin/images/ocom/hp/oralogo_small.gif". When i run it the button still works the same as before but without the image and retains its Text Label, in this case its A.
the html it generates is for the button during runtime is:
<input type="button" src="http://www.oracleimg.com/admin/images/ocom/hp/oralogo_small.gif" class="where_clause_button" name="A" onclick="apex.submit('');" id="A_BUTTON" value="A">
How do i retain the functionality of this button but make it an image button?
Edited by: Brobot on Feb 9, 2011 5:22 PM

<li>Use a template based button and customize the template with the image.
<li>Add appropriate JS code to the URL section(prefixing with "javascript:" ) and optionally add a some ID attribute for easy JS access.

How to hide/disable menu items using Javascript in Acrobat 9 pro or later

We just wanted to know on how to hide/disable menu items for e.g. 'Open' menu item under 'File' menu in Acrobat 9 or later on Mac using Javascript. It would be useful if you could provide if any other option is in place already.

Not sure it will work, but you can try using the app.hideMenuItem() method. See reference here.

Selecting or highlighting node or mesh by button using javascript

Hi
I have 3D pdf model with node 1001 or mesh name 2002 and when I klick it by mouse on 3D view it is highlighted and get orange boundary box.
I have created button name 1001 button and I would like to add to this button javascript function which will highlight this node or mesh in the same way as click on those.
I found in discusion some way of make it for example red by changing rendering mode to illustration but it is not what I am trying to do. I asking if it is possible just select from button using name of node or mesh. if you have any exmaple of script i will be very pleased.

thanks for answer.
It is not what I want to do
I have 5 layer and on each layer I have one node and under neath one mesh.
I would like to select node or mesh by clicking button created on page not by clicking in 3d model or Model Tree. Like below bottles are selected (highlighted).
NowI doing it like that:
BUTTON 1-----------------------------------------------
myAnnotObj = getAnnots3D(0)[0].context3D;
myAnnotObj.scene.defaultRenderOptions.illustrationRenderModeFaceColor.set( 1, 0, 0 );
for (var i = 0; i < myAnnotObj.scene.meshes.count; ++i)
mesh = myAnnotObj.scene.meshes.getByIndex(i);
mesh.renderMode = "solid";
HighlObj = myAnnotObj.scene.meshes.getByName("1001");
HighlObj.renderMode = "illustration";
BUTTON 2-----------------------------------------------
myAnnotObj = getAnnots3D(0)[0].context3D;
myAnnotObj.scene.defaultRenderOptions.illustrationRenderModeFaceColor.set( 1, 0, 0 );
for (var i = 0; i < myAnnotObj.scene.meshes.count; ++i)
mesh = myAnnotObj.scene.meshes.getByIndex(i);
mesh.renderMode = "solid";
HighlObj = myAnnotObj.scene.meshes.getByName("2002");
HighlObj.renderMode = "illustration";
in this method I have to clean old selection in the loop doing this render mode back to solid. In the same time my selection not working at all in render mode illustration. So I would like to find how to select like in picture from button in document. by script.

Html db use javascript

Hi everyone,
But using HTMLDB conditional display functionality, the buttons are there or not but not disable. I mean disable that you see the button but you can't launch a process because you can't access it.
Thanks a lot. Bye.

Hi Eric;
We have an HTMLDB application with good amount of JavaScript. It has not caused us any problems and given us allot of capabilities. One of them is showing the total value of a series of fields as data is entered.
We are internally having the debate on using JavaScript to replace built-in HTMLDB functionality such as field validation. One plus for JavaScript is it happens without HTMLDB having to render the page again. On the side of HTMLDB, it already does it âOut of the Boxâ very nicely with good UI
As fare as âEnable and disable buttonsâ we have done this using HTMLDB conditional display functionality.

Adobe Reader Submit Button using JavaScript

We have a form that when submitted it needs to use javascript to update the Subject Line of the email message for our workflow process. This process works absolutely great when using Acrobat. However, when sent to someone using Reader (even with JavaScript enabled through preferences) nothing happens when the button is clicked. The form was designed in Acrobat 10 Professional.
Here is the JavaScript we are using...
var wsuid = this.getField ("mywsuid");
var d = new Date();
var month = d.getMonth()+1;
var day = d.getDate();
var year = d.getFullYear();
var today = ((''+month).length<2 ? '0' : '') + month + '/' + ((''+day).length<2 ? '0' : '') + '/' + day + year;
var name = this.getField("name");
var subject = "subject: " + (wsuid.valueAsString) + ":" + (name.valueAsString) + ":" + (today);
this.mailDoc({
    bUI: true,
    cTo: "[email protected]",
    cCc: "",
    cSubject: subject,
Suggestions on getting this to work with Acrobat Reader is much appreciated.
Dawn Bleuel
Wichita State University

I was able to open the JavaScript debugger in Acrobat Pro. When the document is Reader Enabled, I get the following message:
Acrobat EScript Built-in Functions Version 10.0
Acrobat SOAP 10.0
NotAllowedError: Security settings prevent access to this property or method.
Doc.subject:15:Field Submit:Mouse Up
And in Acrobat Pro - I now see Protected View is set to Off.

To know the Status code of a HTML page using Javascript

To know the Status code of a HTML page using Javascript

Hello,
I am not sure to understand, which status are you talking about? The HTTP Status?
If your javscript is executed it is more or less sure that the HTTP Status is 200 since the request is back to the browser.
or are you talking about this is in the context of a XMLHTTPRequest call ?
Regards
Tugdual Grall

Toggle Image Buttons using Javascript - How?

Hi,
Hoping someone can assist me with javascript and how to toggle buttons.
My scenario is as follows - I have two buttons side by side, say Button_A and Button_B but I also have two other buttons, i.e Button_C and Button_D which are not displayed at start-up, only Button_A and Button_B are displayed.
With javascript, I need a means of switching buttons over the top of Button_A and Button_B, i.e if I press Button_B, Button_A gets replaced with Button_C and Button_B gets replaced with Button_D.
At the moment, each button is inside unique div id, and each button is displayed as an image within an img tag.
Also need a means of accessing buttons via javascript, even if I haven't actually clicked that particular button, i.e if I click Button_B which fires an onclick event, I need to perform operations on Button_A as well. Unsure how to access Button_A object?
Any assistance on the above would be much appreciated.
Thanks,
Tony.

Hi,
It sort of helps but lets say in your example you had another image column called IMAGE2, which had a image of a green circle, so that when you clicked on the green tick within your IMAGE column, this changed to a red cross as it does now but at the same time, also toggled the green circle to a blue square, even though you didn't click on this green circle image, just on the green tick.
How might this be done in Javascript?
Hope this makes sense.
Thanks.
Tony.

How to select a radio button using javascript?

Hi,
I have 2 radio buttons as shown below:
<input id="poBoxRadio" name="poBoxRadio" type="radio" class="radio-btn" value="No" /> No
<input id="poBoxRadio" name="poBoxRadio" type="radio" class="radio-btn" value="Yes" /> YesI want to select one of this radio button, according to the following condition in javascript:
<script type="text/javascript">
if (<%=option1%> != ""){
// Radiobutton "No" should be selected.
else if (<%=option2%> != ""){
// Radiobutton "Yes" should be selected.
</script>How can I do this in Javascript? Any help will be highly appreciated.
Thanks,
Rishi

I have solved this issue using the following:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
var a='', b='d';
</script>
</head>
<body>
<input id="poBoxRadioNo" name="poBoxRadio" type="radio" class="radio-btn" value="No" /> No
<input id="poBoxRadioYes" name="poBoxRadio" type="radio" class="radio-btn" value="Yes" /> Yes
<script type="text/javascript" defer="defer">

</script>
<input disabled type="button" value="UP" onclick="setVariable('move=1')">
</body>
</html>Thanks to all of you!

How to hide a empty table using Javascript?

Hello!
I'm using Adobe LiveCylce Desinger integrated in SAP. I have a task to hide a database-table, if the table empty is.
Normmaly we can do following to check, whether the content empty is.
if (this.REMARK_TEXT.rawValue == null )
this.presence = "hidden";
else
this.presence = "visible";
The question is, how to check in Javascript, if a table empty is.
Many thanks in advance!
regards
longholiday

I am not too sure whether you have used Content editor webpart to put the JS or CSS to hide the control. see here for more information
http://techtrainingnotes.blogspot.com/2009/09/sharepoint-hiding-search-box.html
Hope this helps!
Ram - SharePoint Architect
Blog - SharePointDeveloper.in
Please vote or mark your question answered, if my reply helps you

Can I make an Imageboard in a HTML page (using JavaScript)?

Hello all.
Just like to say that this is my first post on the Adobe forums!
Anyways, I've started a website project in Dreamweaver CS6 (full version) and will probably be using Photoshop (CS6) for some parts of the site too. It's gonna be pretty basic but I want to make an imageboard (with JavaScript? I'm not sure...) where users who have logged in can post an image on the feed with a comment/caption to go with it.
How can I do this? Can anyone point me to a good tutorial on how to make this? Do I do it with JavaScript on the HTML page? (P.S. I am mildly experienced with HTML).
Thanks in advance!

Unfortunately, there isn't anything in DW that can do this type of thing for you, although if you were to learn php and mySQL you definitely could use DW to create a site with those types of features.
There's actually quite a bit that goes into that kind of thing, more than just basic code, you need to think about security especially if you plan to allow someone to upload files, potentially infected with viruses, to your server.
If you're talking about creating a basic forum (being able to start topics, post pics and comments), there are a lot of free and paid solutions available online. Certain hosting companies even give you basic forums you can add to your site by following the instructions on their pages.
Unless you have a lot of time on your hands to learn all the ins and outs of PHP and the security necessary to keep your site and server safe, I'd suggest going that route.

Hide an HTML button using javascript

Similar Messages

Maybe you are looking for