Hide and show button

hi , i want when i click on show button then the show button hide and the hide button show , and vice versa , how i will do that through java script or any method plz help

Hi little foot ,
I am using apex 4.0
can you tell me how to make the hide and show region to open it on sidewise now its opeing in downwards direction can you tell me .
Thanks & Regards.
Shadab

Similar Messages

How to hide and show button based on if row is selected in tabular form

Hi,
Im pretty new to apex. I am using version 4.1. I have a tabular form and what i want to do is only have the delete button show if i select a row from the [row selector] column. Can this be done using a dynamic action? I have tried it that way unsuccessfully. Please help or let me know if you need any more information.
Thanks

Do you mean if the check box is selected in the row?
Assign a static ID to the delete button, e.g. MY_DEL_BTN. Look for "Static ID" under the Attributes section of the button.
If so, make an advanced Dynamic Action based on Click and a jQuery selector. Usually, this element is name "f01" but, you need to make sure. Assuming it is "f01" then your jquery selector would be:
input[name="f01"]set the event scope to live.
Your dynamic action will fire JavaScript. (BE SURE TO UNSELECT FIRE ON PAGE LOAD). To make sure you have the right jQuery selector, at first just put a pop up message in the JavaScript.
alert('You Clicked the Row Selector!');Run the page. Click the row selector. If you get the pop up you have specified the jQuery selector correctly. Yay!
Then, assuming the above is correct. You can now determine if any have been selected.
Now, set it back to SELECT TO FIRE ON PAGE LOAD (You want the delete to be hidden when you first open the page).
Change your JavaScript to this:
var checkedCnt = $("input:checked").length;
if( checkedCnt > 0 )
$('#MY_DEL_BTN').show();
else
$('#MY_DEL_BTN').hide();
};-Joe

Hide and show button at the top or at the end of the form

Hi,
I have the form that has 2 buttons, move up and move down, which is used to move the subform up or down. I currently have it to pop up a message: "The current item can't be moved up" when the user try to move that item up since they are already at the top of the form
or "The current item can't be moved down" since they are already at the bottom of the form.
Now I'd like to have one to be hidden depend on where on the current location instead of the pop up message.
Can any one please advise.
Thanks in advance,
Han Dao

Hi Naill,
Here is the code that I try to place in the layout:ready event but it does not seem to work. Can you please take a look at it.
==============The Code=============
form1990.Questions.MoveSub.up::ready:layout - (JavaScript, client)
//Move Up
if (xfa.resolveNode("form1990.Questions").index != 0) {
var nIndexFrom = xfa.resolveNode("form1990.Questions").index;
var nIndexTo = xfa.resolveNode("form1990.Questions").index - 1;
_Questions.moveInstance(nIndexFrom, nIndexTo);
xfa.form.recalculate(true);
} else {
// set the button to hide at the top of the form.
xfa.resolveNode("form1990.Questions.MoveSub.up").presence = "hidden";
form1990.Questions.MoveSub.down::ready:layout - (JavaScript, client)
//Move Down
var nIndex = form1990.Questions.index;
if ((nIndex + 1) < _form1990.Questions.count)
var nIndexFrom = nIndex;
var nIndexTo = nIndex + 1;
_form1990.Questions.moveInstance(nIndexFrom, nIndexTo);
xfa.form.recalculate(true);
else
xfa.resolveNode("form1990.Questions.MoveSub.down").presence = "invisible";
===========End ========
Thanks,
Han Dao

Hide and Show

Hi all,
In my application i want to hide and show a report. For this i created two buttons in a new region and setting a hidden item value depends on Hide or Show button.But i want to hide the report only not the title so that i can able to place the Hide and Show buttons in the same region.

Hi,
There is a "Hide and Show Region" region template that you can use that does this for you.
However, if you wish to stay with what you have, you could enter the report title into the region that contains the buttons (assuming that this is above your report?) and use the "Region without Title" for the report region itself.
Andy

Next Button in a Hide and Show Region is not displayed correctly

I created a new button at the bottom of the region in a Hide and Show Region called [Next >]. The button is displayed to the right of the region. I want it displayed at the right end of the bottom of the region. The following is the button properties
Name
Button Name : NEXT_SIGNS
Text Label/Alt: Next >
Displayed
Sequence            130
Display in Region: Signs and Nameplates (1) 100
Button Position:    Bottom of Region
Button Alignment: Right
Attributes
Static ID:
Button Style:      Template Based Button
Button Template: PA Button
Button Type:       Hot
Button Attributes:
Action When Button Clicked
Action:                 Submit Page
Execute Validation: Yes
Database Action:    No Database Action
Conditions
None
Security
None
Configuration
NoneWhy is this occurring and how can I resolve the issue?
The following is the template of the hide and show region:
<div class="hide-show-region" id="#REGION_STATIC_ID#" #REGION_ATTRIBUTES#>
<div class="hide-show-top">
    <div class="hide-show-title">
<div class="rounded-corner-region">
<div class="rc-blue-top">
<div class="rc-blue-top-r">
          #TITLE#</div>
</div>
</div>
       <a style="margin-left:5px;" href="javascript:hideShow('region#REGION_SEQUENCE_ID#','shIMG#REGION_SEQUENCE_ID#','#IMAGE_PREFIX#themes/theme_2/rollup_plus_dgray.gif','#IMAGE_PREFIX#themes/theme_2/rollup_minus_dgray.gif');" class="t1HideandShowRegionLink"><img src="#IMAGE_PREFIX#themes/theme_2/rollup_plus_dgray.gif"
id="shIMG#REGION_SEQUENCE_ID#" alt="" />Click on arrow to enter/hide information for signs and/or nameplates</a></div>
    <div class="hide-show-buttons">#CLOSE##PREVIOUS##NEXT##DELETE##EDIT##CHANGE##CREATE##CREATE2##EXPAND##COPY##HELP#</div>
</div>
<div class="hide" id="region#REGION_SEQUENCE_ID#">#BODY#</div>
</div>APEX version 4.1
DB version 10g Rel 2
PLEASE HELP!!
Robert
http://apexjscss.blogspot.com

I created a new button at the bottom of the region in a Hide and Show Region called [Next >]. The button is displayed to the right of the region.I only see it displayed to the right of the region in Firefox (Safari and IE8 showed it above the sub-regions). Not obvious to me why this is the case (it's usually IE that does it's own thing).
I want it displayed at the right end of the bottom of the region.Button position Bottom of Region causes an anonymous HTML table containing the button(s) to be generated after the <tt>#BODY#</tt> placeholder in the region template. Your Hide/Show region template didn't have a <tt>#SUB_REGIONS#</tt> placeholder so by default the sub-regions were rendered after the <tt>#BODY#</tt> and the "Bottom of Region" button container (don't know if this is the intended behaviour or a bug). Adding <tt>#SUB_REGIONS#</tt> before <tt>#BODY#</tt> in the template gets things in the right order (button after sub-regions):
<div class="hide-show-region" id="#REGION_STATIC_ID#" #REGION_ATTRIBUTES#>
<div class="hide-show-top">
    <div class="hide-show-title">
<div class="rounded-corner-region">
<div class="rc-blue-top">
<div class="rc-blue-top-r">
          #TITLE#</div>
</div>
</div>
       <a style="margin-left:5px;" href="javascript:hideShow('region#REGION_SEQUENCE_ID#','shIMG#REGION_SEQUENCE_ID#','#IMAGE_PREFIX#themes/theme_2/rollup_plus_dgray.gif','#IMAGE_PREFIX#themes/theme_2/rollup_minus_dgray.gif');" class="t1HideandShowRegionLink"><img src="#IMAGE_PREFIX#themes/theme_2/rollup_plus_dgray.gif"
id="shIMG#REGION_SEQUENCE_ID#" alt="" />Click on arrow to enter/hide information for signs and/or nameplates</a></div>
    <div class="hide-show-buttons">#CLOSE##PREVIOUS##NEXT##DELETE##EDIT##CHANGE##CREATE##CREATE2##EXPAND##COPY##HELP#</div>
</div>
<div class="hide" id="region#REGION_SEQUENCE_ID#">
    #SUB_REGIONS#
    #BODY#
</div>
</div>Firefox is still showing the button to the right of the sub-regions. I'm assuming that this has something to do with everything in this theme being floated left (for reasons that escape me), so we'll try to clear the button container using CSS. The table doesn't have an ID or class so try an adjacent sibling selector using the ID of the preceding sub-region:
#nameplates-name+table {
clear: both;
}Finally, the button alignment was set to "Left", so I changed it to "Right".
Seems to be working in IE8 (all I have access to at present).
Edited by: fac586 on 30-Nov-2012 20:10
Fixed CSS selector syntax.

Sticky hide and show not working

I believe I have followed Carl Backstrom's Sticky Hide and Show Region example to the letter for my own application.
1 - I have the application items and application processes in place.
2 - I have the javascript in the HTML Header attribute
3 - The SHOW_HIDE_MEMORY package is in place
4 - I edited the Hide and Show Region template
I'm on Apex version 3.0.0.00.20
The collection does not seem to be getting populated. I'm wondering if the region template which includes this code is not working: onclick="$r_ToggleAndSave(this,'#REGION_ID#')" id="#REGION_ID#img"
My regions are always collapsed when I navigate away and return to the page and the collection is always empty. I've checked the state of the temporary item after clicking the expand (+) button and the value is always null.
Any help would be greatly appreciated.
Thanks, Todd

Hi Carl,
I'm not seeing any obvious errors on the screen or in the message bar. I just downloaded the Firefox javascript debugger extension. I'm not exactly sure how to use this tool, but when I expand a hidden region, I do see this message in the debugger screen:
Warning ``reference to undefined property this.onShutdown_'' [xs] in file ``file:///C:/Program%20Files/Mozilla%20Firefox/components/nsSafebrowsingApplication.js'', line 1710, character 0.
Error ``node has no properties'' [xs] in file ``http://dsi3.gfc.iowa.com:7777/i/javascript/htmldb_html_elements.js'', line 25, character 0.

Hide and Show question.

I have application with button which I would like to show only when status is "Draft".
I have created created condition for the button where Value Exoression 1 = Expression 2
Where expression 1 is P9_X_STATUS
and expression 2 is Draft.
Button is still hidden.
Just to let you know that if I place button below status field, my hide and show condition works.
Any idea?
Robert

I have set the default value to "Draft" when page is first opened.
and I have Condition set for it : Exists (SQL query returns at least one row)
SELECT 1
FROM DUAL
WHERE :P9_X_STATUS = 'Draft' or :P9_X_STATUS = '' or :P9_X_STATUS = null
I don't understand why this button is shown when I move field below it (button).
What is the rule for showing and hiding elements on the form?
Regards
Robert

How to animat hid and show

Hi All,
How we can achive animation on hide and show behaviour in adf.
Regards,
Smaran

expose your button and component into ab bean.
and create actionListener method for your button. and use this code.
if(item.isRendered()) // item is the biding name for your component in your bean
item.setRendered(false);
else
item.setRendered(true);
}

Hide and Show Region

Hi,
I have created a report with multiple regions. Each region, I set the User Interface-- Template as 'Hide and Show Region'. Each region is having a separate report with input parameters and Go button.
The problem is , After entering the input parameters and clicking the Go button, the region is closing(collapsing) automatically. I have to expand it again to see report output. This is because of Hide and Show Region. I want to stop this auto hide on clicking the Go button.
Please help me how to do this.
Mohan

<table class="t20Region t20HideShow" id="#REGION_STATIC_ID#" border="0" cellpadding="0" cellspacing="0" summary="" #REGION_ATTRIBUTES#>
<thead>
<tr>
<th class="t20RegionHeader">#TITLE#<img src="#IMAGE_PREFIX#themes/theme_20/collapse_plus.gif" onclick="$r_ToggleAndSave(this,'#REGION_STATIC_ID#')" id="#REGION_STATIC_ID#img" alt="" />
</th>
</tr>
</thead>
<tbody id="#REGION_STATIC_ID#body" style="display:none;">
<tr>
<td class="t20ButtonHolder">#CLOSE##PREVIOUS##NEXT##DELETE##EDIT##CHANGE##CREATE##CREATE2##EXPAND##COPY##HELP#
</td>
</tr>
<tr>
<td class="t20RegionBody">#BODY#</td></tr>
</tbody>
</table>
글 수정: user9530063

Need Help with Sticky Hide and Show 0.9

I am trying to implement Sticky Hide and Show v0.9 into my applications. I have created a custom region named "Hide and Show Sticky" for Theme 8 as shown in the example application. However when I use the templet my region does not have a hid/show button. I have very little experience with Templates so any help would be great!

Sorry for the bump. I am REALLY stuck! I viewed the source with the region using the Seeded (Non-Sticky) template and using the new Sticky template. I see some dramatic differences but nob that make sense to me. I tried to past the lines in the forum but they are blocked.
Any help would be great!

Classic Report with Hide and Show Region Template does not show report

Hello,
I created a "No Template" region on a page with a Classic Report. When I change it to a "Hide and Show" region template, the report does not show up when I click to Show the region...is there an additional step i'm missing to make the report show up. Its a very simple query.
Thanks in advance,
John

How about posting some relevant information like Apex version, RDBMS version, Theme you are using, etc.?
Regards,

Hide and Show Region Problem

Hi,
I have created a report with the following attributes:
Region Definition User Interface - Hide and Show Region;
Report template -Standard;
Sort Columns - all checked.
Report source - SQL Query (PL/SQL Function Body returning SQL query).
I open a page with this report, click on (+) and show region but when I try to sort records in the column region hides. The same problem I have with some others report templates.
Report templates Borderless and Horizontal Border do not have this problem.
I am using Application Express 2.2.1.00.04.
Could someone explain what it is?
Thank you in advance.
Val

Report template -Standard
Use a "Standard - PPR" template instead, that works better with a Show/Hide region template because the entire page is not re-rendered when you click on a column header to sort. Only the report region content is refreshed.

Hide and show region and an interactive report showing side by side

Hi,
I have a report and some filters (drop down list) on a page... I've put my filters in a Hide and show region...
Here is how it's been set up...
Display Point: Page Template Body (1)
20 Filters HTML
Display Point: Page Template Body (2)
10 Report Saved Report
my issue is that the filters and report search region shows side by side in a same row... tried changing the regions but still getting the same response... Please advice

Hi,
Place both regions to Display Point: Page Template Body (3).
Then set filters region sequence to 10 and report 20
If that is not what you need, please specify more how you like layout look like
Regards,
Jari

Hide and Show - Toggle image

Hi:
Okay - I admit it! I am completely baffled.
I am trying to use custom "click" images for my hide and show region. I am using a modified version of Theme 20 in Apex 4.0.
I have created two little images, one for open state and one for closed. I have managed to get the "open" image to display and it is clickable and the region closes, but the image does not toggle.
In the region template, I find the following:
onclick="htmldb_ToggleWithImage(this,'#REGION_STATIC_ID#_body')"
Clearly, this is to toggle the image. But, how does it know what image to use? Which image to replace the oen state image with. I am not understanding how it selects the second image.
Please, please, can someone explain to me how to get the toggle to work properly with my custom images.
Thanks in advance.
Regards,
Bruce

So, I figured it out myself.
the function htmldb_togglewithimage actually takes the 'puls' string in the image name and changes it to 'minus'. So your images have to be maned something like:
my_image_plus.gif
my_image_minus.gif
without uswoing this maning convention - it will not work.
Bruce

Hide and show regions

Hello,
I am using Hide and show regions on my page. But now I'm encountering a problem. Every time the page reloads, all regions are collapsed. Is there some way to make sure the regions that were open, are open again when the page reloads.
Thanks in advance,
Bram.

Hello Bram,
Ben's right :) I forgot it was allready made in the past... check out the howto: http://apex.oracle.com/pls/otn/f?p=35250:6:1357026562718730::NO
So, I just wasted some time creating my own example, without the collections used in the packaged app Ben referred to. But here it is, nonetheless: http://apex.oracle.com/pls/otn/f?p=39118:10
Greetings,
Rutger
http://rutgerderuiter.blogspot.com/
===============================================================================
You can reward this reply by marking it as either Helpful or Correct ;-)

Hide and show button

Similar Messages

Maybe you are looking for