Make a button hide and show an image

I want a button to hide and then show an image, basically an on/off switch. I tried accomplishing this using multipl slides that jump around but even after removing all transitions, you can still tell that the slides are changing instead of just the image appearing and disappearing. I have seen some posts about advanced actions but it's reading clear as mud.

Christina,
If you want a toggle button, that can be done with advanced actions. What did you read already? And which version of Captivate are you using?
The idea is that:
You create the image, but set its visibility unchecked in the Properties panel
You create a user variable, will label it v_visib that has a start value of 0, will be set to 1 when the image is visible
You create a conditional advanced action, that will check the value of v_visib:
IF v_visib is equal to 0
    Show Image
     Assign v_visib with 1
ELSE
    Hide Image
    Assign v_visib with 0
I blogged several times about toggle buttons:
http://lilybiri.posterous.com/toggle-shape-buttons      for Captivate 6 only
http://lilybiri.posterous.com/toggle-button
Lilybiri

Similar Messages

How to make a checkbox hide and show div between two different pages

Hi
I am developing a mobile site application.
Currently I need to make a checkbox effect.
Here is how I want the checkbox to work for me..
I want users to click on the checkbox, for an option on the editor as well as its content on the live mobile to hide.
These are two different files which contains the user interface.(the live mobile file and the editor file)
Now how can I make it possible to make both options hide or show at the same time after a user clicks on the
checkbox to show or hide.
Is it possible for a checkbox created on a different file affects an external file to hide a div within that file?
If so kindly advice me on this.
Thanks in advance

There are several tutorials out there for dissolving a layer, turning text to sand, and similar things. Use any/all of those and then time remap that composition to make the particles form into your word.

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

To make a field hide and show based on a condition.........

hi all.
i have a requirement where i need to make a set of regions alter based on which field we select....
i have a LOV input and based on that the input the respective region has to be displayed..
suppose i have 5 regions.....
if i give 1 then the 1st region has to displyed.....similarly 2nd and 3rd......
any help..........????????
DEV

Hi,
Check the code snippet from Dev Guide:
if (pageContext.isLovEvent())
// Form was submitted because the user selected
// a value from the LOV modal window,
// or because the user tabbed out of the LOV input.
// Find out which LOV input triggered the event.
String lovInputSourceId = pageContext.getParameter(SOURCE_PARAM);
// Find out the result values of the LOV.
Hashtable lovResults =
pageContext.getLovResultsFromSession(lovInputSourceId);
if (lovResults != null)
// Update the page depending on the value chosen by the user.
It explains what you need.
niranj

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

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.

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!

HT2531 Spotlight lists items and shows preview images. BUT what about showing the location address of an item in my computer. Especially important if I've put the item in the wrong folder and what to locate it without multi-steps. iMac OS 10.5 was more u

Spotlight lists items and shows preview images. BUT what about showing the path/location address of an item in my computer.
Especially important if I've put the item in the wrong folder and what to locate it without multi-steps. iMac OS X 10.5 was more useful.
Old OSX Spotlight function automatically displayed path/location within the machine: e.g. desktop/folder/sub-folder/item.
Can I make Spotlight show the path?

Press option-command and the path is displayed at the bottom of the little preview window. Press command-return and the enclosing folder opens.

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

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

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

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 ;-)

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

Make a button hide and show an image

Similar Messages

Maybe you are looking for