Javascript and hide and show.

Is there any way to hide single item on the form (not region)?
I have tried to hide an item based on the condition.
I have radiobutton with value 1 and 0 so I have created on click event that check its value and hides item but:
the item that I want to hide is a date item with the datepicker option. What happens that item is hidden but label and datepicker icon stays.
here is the code
function HideAndShowElement(fieldName,elementNameToHide)
if(html_RadioValue(fieldName) == 0)
$x_Hide(elementNameToHide);
else
$x_Show(elementNameToHide);
Any suggestions?
Robert

Hello,
$x_Hide(elementNameToHide); will only hide the element.
To hide label .. edit the label of the itme.eg. suppose lable is MY_LABEL make it
[span id="my_lable_id"]MY_LABEL[span] ( replce [ and ] with < and > )
and make ur javascript code to
$x_Hide(elementNameToHide);
$x_Hide('my_label_id');
Regards,
Shijesh

Similar Messages

My Reload Icon has run away and hid and I can't find it

First off let me thank anyone who might respond. I am as clueless as a chicken here. I have a new Mini Mac and in Safari I have managed to remove the little half circle with arrow icon that used to be up near the top and reloaded pages. I think there used to be an address bar of some sort up there too earlier today but its gone too. Whatever it was I did it, can't blame the cat and my son's too big to lie about.
Can anyone help me find my icon and make it go back where its supposed to be - kind of keystroke by keystroke wise, because I really know that little.

Hi,
Do you still have the 'Address bar' when this is a YES, than the reload icon is on the right side IN the address bar.
When you don't have or see your address bar any more than open Safari browser and in the menu bar choose View>Customise menu bar than drag the address field to the icon bar where the little HOUS is.
Dimaxum

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 components on user input!

Hello,
I am building an application with APEX, using ExtJS and need to accomplish the following:
I need to hide few components when the page renders and leave only one, the first one.
Then, when user fills in the first component, I have to show the second one. The user should hit enter or tab to proceed to the next step.
If someone has experience with ExtJS or Java Script in general, please advise me how can I solve this task.
Thank you...
Edited by: Sloger on May 5, 2010 5:56 AM

In general: You could include your components (regions) into div tags and assign an id to each div.
Or search for your existing div and table ids, that include your regions.
Then include the following JavaScript in the footer or header of your page:
hideDiv("your_component_id","hide");
//and the function:
           function hideDiv(divId,action){
         var divElement;
         divElement = document.getElementById(divId);
         if(action == "show") {
           divElement.style.display="block";
         } else if (action == "hide"){
           divElement.style.display="none";
    }Then, in the header or external javascript file, create listeners and/or special key events that should include the following call to your function at the end of the event:
hideDiv("your_component_id","show");

Hide and show to Show

Hi friends,
how do i make hide & show templte to just show dont hide format ?
my java script is >
<table class="std" style="width:100%;" >
<tr><td align=left width = 100%><div align = left width=100%><a href="javascript:hideShow('region#REGION_SEQUENCE_ID#','shIMG#REGION_SEQUENCE_ID#','#IMAGE_PREFIX#rollup_plus_dgray.gif','#IMAGE_PREFIX#rollup_minus_dgray.gif');
style="padding-right:5px;"><img src="#IMAGE_PREFIX#rollup_plus_dgray.gif"
id="shIMG#REGION_SEQUENCE_ID#" alt="plus" /></a><span style="font-weight:bold; font-size:12px; color:#535353">#TITLE#</span></div>
<div style="display:none;
padding:4px;
font-size:10pt;" width=100% id="region#REGION_SEQUENCE_ID#" align=left>#BODY#</div>
</td>
</tr>
</table>
thanks
raj
Edited by: infant_raj on May 29, 2009 1:28 AM
Edited by: infant_raj on May 29, 2009 1:29 AM

Hello raj,
You can over-ride the standard hideShow javascript function, if you declare a function with the same name after the apex javascript, like in the page's HTML header, or in a region template. You can then only set the item to show it as follows. I would do it like this:
1. Copy a Show and Hide region template and call it "Toggle Show region" or something like that
2. Open the template, and before the first code in the template add the following (it is a copy of the Apex showHide javascript function, slightly modified)
<SCRIPT TYPE="text/javascript">
function hideShow(F,B,A,C){
     var E = $x(B);
     var D = $x(F);
     if(D.style.display=="none"||D.style.display==""||D.style==null){
          E.src = C;
          $x(F).style.display="block";
</SCRIPT>3. Set your region template to "Toggle Show region"
Let me know if it worked out.
Greetings,
Rutger
http://rutgerderuiter.blogspot.com/
===============================================================================
You can reward this reply by marking it as either Helpful or Correct ;-)

Hide and show region - save state after submit

hey guys,
I have a hide and show region template in my page. It is hidden by default(that's perfect). If the user opens the page and submit, the region collapse.
I want to save this status.
I searched a lot in this forum. Also found a lot about the *"sticky hide and show region"* feature by Carl, but you can't download this feature anymore :-/
How can I receive that, without this feature?
maybe with dynamic actions?
Hope you can help me.
Locke
Edited by: Locke90210 on 17.05.2013 00:30

OMG I'm to silly for that...
The status of the hidden item is always expanded...It doesn't change.
Maybe I always uses the wrong classes.
<table class="t5HideandShowRegion" id="#REGION_ID#" border="0" cellpadding="0" cellspacing="0" summary="">
<tr><td class="t5RegionHeader">#TITLE#<a style="margin-left:5px;" href="javascript:hideShow('region#REGION_SEQUENCE_ID#','shIMG#REGION_SEQUENCE_ID#','#IMAGE_PREFIX#themes/theme_5/rollup_plus_dgray.gif','#IMAGE_PREFIX#themes/theme_5/rollup_minus_dgray.gif');" class="htmldbHideShowMinLink"><img src="#IMAGE_PREFIX#themes/theme_5/rollup_plus_dgray.gif"
id="shIMG#REGION_SEQUENCE_ID#" alt="" style=""/></a></td></tr>
<tr><td nowrap="nowrap"><div class="t5Hide" id="region#REGION_SEQUENCE_ID#" style="display:none;"><div class="t5ButtonHolder">#CLOSE#<img src="#IMAGE_PREFIX#themes/theme_5/1px_trans.gif" height="1" width="15" alt=""/>#PREVIOUS##NEXT##DELETE##EDIT##CHANGE##CREATE##HELP#</div><div class="t5RegionBody">#BODY#</div></div></td></tr>
</table>Maybe you can say, which classes I have to use.

How to capture show layer and hide layer event in photoshop through a plugin???

How to capture show layer and hide layer event in photoshop through a plugin???for mac

Use the Listener plug-in found in the SDK to see how you can monitor the show/hide layer event. You can also use the Getter plug-in to show what information you can find out about the current state of Photoshop.

Dynamically show and hide detail columns according to master column value

i want to create a page where 2 level master detail.
that is main master region with search option for query (query region)
2nd detail with table
and 3rd detail. (1-2-3)
Here in 3rd detail region, some fields should be shown and some fields hide according to the value of one filed in 2nd detail table(for the current selected row).
please advice
or
please point me to any similar posts

Zam,
show/hide is only beneficial if its optioanl for user to hide or show the fields at your detail region.If it is not , you will have to use PPR and transient VO approach.
--Mukul

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.

Iframes show and hide

Hi All,
I have the Requirement like :
I have two iframes side by side in a page, and two buttons show and hide,
once i click hide button second iframe should disappear and first one should be increase in size to fit whole window. and once i click show first and second should be 50/50 in the page
for this i followed below steps
1) created page.
2) created two report region (No Template)
3) In one region source i called iframe like
TABLE>
<TR>
<td>
<IFRAME SRC="http://Localhost:7777/pls/apex/f?p=&APP_ID.:&P104_INTERFACE.:&SESSION." WIDTH=&P104_WIDTH. HEIGHT=540 scrolling="auto" frameborder="1"></IFRAME>
</td>
</tr>
</table>
4) in second region
TABLE>
<TR>
<td>
<IFRAME SRC="www.google.com ; HEIGHT=540 scrolling="auto" frameborder="1"></IFRAME>
</td>
</tr>
</table>
6)conditionally showing the region with the help of SHOW and HIDE BUTTON
7)and also on Show and hide button i am setting the value of P104_WIDTH . So the size will vary with conditional display?
NOW MY QUESTION IS:
once i click hide button THE CONTENTS(item VALUES) OF THE FIRST FRAME ARE REFRESHED, DUE THAT ALL ENTERED DATA WIL DISAPPEAR SO HOW TO AVOID IT , without refreshing the frist frame i need to set the P104_width value so it interm width will set in the iframe region??????
Thanks & Regards
Nagaraj B K

I had another idea that I am pursuing. I am looking into extending the current renderer CommandNavigationRenderer and will render another goLink just after the current goLink that will execute a close action. I was able to re-direct the rendering by added an override render-kit block in my current faces-config.xml file.
<render-kit>
<renderer>
<component-family>org.apache.myfaces.trinidad.Command</component-family>
<renderer-type>oracle.adf.rich.NavigationItem</renderer-type>
<renderer-class>com.riscs.ui.backing.jsp.components.ClosableCommandNavigationItemRenderer</renderer-class>
</renderer>
</render-kit>
If this works I am planning on extending the commandNavigationItem by creating a ClosableCommandNavigation tag and add a "closeAction" tag that will determine if a close item should render.
Preliminary work looks promising. I will update if I make progress...please let me know if I am crazy.
Thanks.

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

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 or show the Artist and Album columns Command +B not working -itunes 11

Command +B
Shortcut
Hide or show the Artist and Album columns is not working no respond..-itunes 11 my desktop working but not my laptop MBA.
why is that?
anyone help me?

oh ok.. itunes 11.0.1 update fixed this issue ... !!

Javascript and hide and show.

Similar Messages

Maybe you are looking for