Display an image on button click?

Hi,
I'm using Captivate 3 and trying to set up an image to be
displayed in a certain position on the screen when a button is
clicked. It would always be on the top layer to overlay anything
else on the screen at the time. I need to do this for multiple
slides so it would be way too confusing to try to use multiple
slides to accomplish this.
I am thinking it might be javascript? (I don't know what the
code would be though) But I realize it might just be another trick.
I thought this would be a popular request but searching in the
forums and Google hasn't yielded anything helpful yet.
Thanks!
-Dan

Hi Rick,
Let me back up a step and explain the issue with my project.
I'm creating an interactive software simulation using png images of
the application pages and inserting click boxes and buttons to give
the illusion the user is in a 'real' training environment. The
application is a windows based one, with three types of navigation;
tabs, icons and menus. Creating the tab navigation was pretty
straightforward, I put an image of each tabbed page on its own
captivate slide and included click boxes to link the proper tabs to
the proper pages. Looks pretty good so far.
My challenge is with the menu options. I would like the user
to be able to select a menu option, see the drop down image of the
choices, click on the choice and go to the correct new page. The
challenge is the layering and timing. The menu options are on the
same pages as the tab page images, the timing is already tied into
what needs to happen with the tab images. So I was hoping if I
could find a way to put a hot spot over say, the File menu, have
the menu options appear, and have the user click on an option to be
taken to the new page. Using the timeline, I set the first menu
option to pause at 1.5 seconds, then the new menu option image
would appear after clicking, then a hot spot on the menu option
image would take the user to the new correct page. Still with me
If I use the timing feature, and click on a menu for the drop
down image to appear, then all the drop down images appear. That's
why I think your idea of a success caption is potentially
brilliant. I tried making a custom caption by selecting Success
Caption>Custom and then selecting the image bmp that I saved in
the Adobe Captions gallery. On previewing, the image is not in the
success caption. So I looked further at the gallery and the images
there have files with .FCM extensions. Looks to be some type of
text file, not sure?
So... <whew> there's my dilemma. Bottom line I am
looking for best practices to create a software simulation (without
using motion recording because I also need to create these in large
quantity with minor image changes... John Doe and Jane Doe and
such) when the software has integrated tab, menu and icon
navigation.
Your thoughts?
thanks
Karen (working with Dan
)

Similar Messages

Show waiting image on button click till response comes

Hi All,
I want to show waiting image on button click in a jsff page till response comes from back-end.
For this I am using following code in button :-
<af:commandButton text="Submit" id="cb1"
actionListener="#{RegistrationManagedBean.onRegisterClick}"
binding="#{RegistrationManagedBean.registerButton}"
inlineStyle="width:65px; height:34px; font-size:11px; font-family:verdana; color:#fff; border-color:Gray; border-style:solid; border-width:1px; background-image:url("images/template-related/template_new/ButtonEnabledBG.png"); background-repeat:repeat-x; float:right;"
styleClass="button">
<af:clientListener method="enforcePreventUserInput" type="action"/>
</af:commandButton>
enforcePreventUserInput is written inside on .js file.
js code is :-
function enforcePreventUserInput(evt) {
var popup = AdfPage.PAGE.findComponentByAbsoluteId('pt1:r1:p1');
if (popup != null){
AdfPage.PAGE.addBusyStateListener(popup,handleBusyState);
evt.preventUserInput();
function handleBusyState(evt){
var popup = AdfPage.PAGE.findComponentByAbsoluteId('pt1:r1:p1');
if(popup!=null){
if (evt.isBusy()){
popup.show();
else if (popup.isPopupVisible()) {
popup.hide();
AdfPage.PAGE.removeBusyStateListener(popup,handleBusyState);
Popup code is :-
<af:popup id="p1" contentDelivery="immediate">
<af:dialog id="d2" type="none" closeIconVisible="false"
inlineStyle="background-color:none !important; width:54px; height:55.0px;">
<af:image source="/images/template-related/LoadingCircle.gif" shortDesc="Loading" id="i7"/>
</af:dialog>
</af:popup>
This is working and image is also being shown but this image is not shown as transparent(where as image is transparent) and also image is having top and bottom shading which is because of dialog or popup. But i dont want this shadow. Also inline style is not working for this popup.
If there is any other way to solve this purpose please suggest.
Thanks
Edited by: 915148 on Jun 4, 2012 1:19 AM

Ok, we will use a movieclip button but is there a tutorial somewhere on how to display the image when the button is clicked?

Show an image on button click

We need the button to display an image on a button when clicked for a tic tac toe game. Any help would be helpful.

Ok, we will use a movieclip button but is there a tutorial somewhere on how to display the image when the button is clicked?

Error msg not getting displayed on first time button click in SRM UI

Hi,
I have created a custom message in an impl. of SRM BADI BBP_DOC_CHECK_BADI in which one message is getting populated correctly in debugging. Again, when I check PO, the message is getting displayed correctly, however when I click on order button for the first time, it is not getting displayed but on subsequent occassion, it is working fine. Just wonder, why this is not happening for first time. Any input ??
Regards,
Ni3

Hi Virender,
I found a note 1239499 close to my requirement but not valid for SRM release 5.0. Is it the same, you wish to referred or is there any other?
Regards,
Ni3

Using an advanced action to display an image (or button) on each slide.

I have an advanced action that evaluates certain criteria. The advance action is called from several different slides within the presentation. Is there some way that I can get it to display a set image if the criteria is met? It seems like I would have to write a new, slightly different advanced action on each slide to "show" the image on each slide.
Is there some way to share an image (or button) so that the advanced action can make it appear, no matter what slide you are on?
Let me know if I need to provide further clarification. Thanks!

Technically your advanced actions are only allowed to show or hide images from the slide where they are actually executed. So an advanced action executed on slide 3 for example, will not be able to show or hide an image on slide 5.
However, what you can do is place the image on one of the earlier slides in the project and then set it to be timed for Rest of Project. This allows you to SHOW or HIDE the image from any slide later in the project where your Advanced Action is executed.

How to display another scene after button click

In my Application, I've already create tool bar and menu bar at the top, a navigation panel on the left, and a working area in the center. I have an introduction page in opening my application, but I have a problem, when I click a new project button in my navigation panel to show a scene in working area.. a new scene display separately with main window.. I want that scene integrated with main window, can you help me to solve this problem?
Edited by: 973863 on Dec 2, 2012 6:28 AM

Has this question not already been answered?
How can I display a new scene in JavaFX 2.2? For example after button click

Show / Hide image on button click

I have a button that when clicked through an advanced action will show a tick graphic.
This works fine but what I would like to happen that if the button is pressed again the tick will disappear.
Also if the button was pressed for a third time the tick graphic would reappear, and so on.
What is the most efficient way of doing this?
Many thanks in advance.
Viki

Here we go (again). Sorry, but I have answered similar questions so many times. Here is an article that offers you several toggle button scenarios:
Toggle Shape buttons - Captivate 6 - Captivate blog
Steps for your use case, since you don't want to change the look of the toggle button:
create a boolean user variable v_visib ; you can give it a default value of 0
create a conditional advanced (or shared) action like this:
IF v_visib is equal to 1
Show im_x where im_x is the image you want to show, in a shared action will be a parameter
Toggle v_visib
ELSE
Hide im_x
Toggle v_visib

How can I display a new scene in JavaFX 2.2? For example after button click

how to display new scene after button click in the main window, I want the main window and the new scene are in one stage. thx

You can change the scene by calling stage.setScene(new Scene(newContentParent));
I don't think you are quite asking for a complete scene change though as you "want the main window and the scene in one stage". The main window is a stage (as Stage extends Window). And a given stage can only contain one scene at a time (though you can swap it out by calling setScene as described earlier).
What I think you are really asking for how can you replace some content part of the active Scene on the Stage. To do that you can set a layout manager like a HBox or a BorderPane as the root of your scene, then change out the content of the layout manager. For example:
final BorderPane layout = new BorderPane();
layout.setCenter(new Label("Dogbert");
final Button nav = new Button("Next");
layout.setLeft(nav);
nav.setOnAction(new EventHandler<ActionEvent>() {
@Override public void handle(ActionEvent actionEvent) {
layout.setCenter(new Label("Dilbert"));
});In the above short sample code, if you wanted to change the scene rather than the a pane, then you would call stage.setScene rather than layout.setCenter.
There is a complete executable example with multiple content panes and some styling here:
http://stackoverflow.com/questions/13556637/how-to-have-menus-in-java-desktop-application

Resizing JFrame on button click to show an image on the JFrame

Dear All,
I have a JFrame which has an empty label. On button click I want to set an icon for the label and want the JFrame to be resized to show that icon. I am using frame.pack() and I am not using any other sizing function. The code that I have right now, prints the image on the panel, but does not resize the frame to show the image. Pleae could someone help.package gui;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.Font;
import java.awt.Toolkit;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.ItemEvent;
import java.awt.event.ItemListener;
import java.awt.event.KeyEvent;
import java.awt.event.KeyListener;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import javax.swing.ImageIcon;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JScrollPane;
import javax.swing.JTextArea;
public class ComponentDemo extends JPanel implements ActionListener,
ItemListener, MouseListener, KeyListener {
     private JTextArea textarea;
     private JButton button;
     private final static String newline = "\n";
     private JLabel imageIcon;
     public ComponentDemo() {
          button = new JButton("JButton welcomes you to CO2001");
          button.addActionListener(this);
          add(button);
          textarea = new JTextArea(10, 50);
          textarea.setEditable(false);
          addMouseListener(this);
          textarea.addKeyListener(this);
          JScrollPane scrollPane = new JScrollPane(textarea);
          add(scrollPane);
          imageIcon = new JLabel();
          add(imageIcon);
          setBackground(Color.pink);
          new JScrollPane(this);
      * Create the GUI and show it. For thread safety, this method should be
      * invoked from the event-dispatching thread.
     private static void createAndShowGUI() {
          // Create and set up the window.
          JFrame frame = new JFrame("Simple FrameDemo");
          frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
          Dimension screenSize = Toolkit.getDefaultToolkit().getScreenSize();
          frame.setLocation(700, 200);
          // get the content pane and set the background colour;
          frame.add(new ComponentDemo());
     //     frame.setSize(screenSize);
          // frame.getContentPane().setBackground(Color.cyan);
          // Display the window.
          frame.pack();
          frame.setVisible(true);
          frame.setResizable(true);
     public static void main(String[] args) {
          // Schedule a job for the event-dispatching thread:
          // creating and showing this application's GUI.
          javax.swing.SwingUtilities.invokeLater(new Runnable() {
               public void run() {
                    createAndShowGUI();
     @Override
     public void actionPerformed(ActionEvent e) {
          // TODO Auto-generated method stub
          if (e.getSource() instanceof JButton) {
               // System.out.println(e.getSource());
               String text = ((JButton) e.getSource()).getText();
               textarea.append(text + newline);
               textarea.setBackground(Color.cyan);
               textarea.setForeground(Color.BLUE);
               textarea.setCaretPosition(textarea.getDocument().getLength());
               imageIcon.setIcon(createImageIcon("SwingingDuke.png",
               "Image to be displayed"));
     @Override
     public void itemStateChanged(ItemEvent arg0) {
          // TODO Auto-generated method stub
     @Override
     public void mouseClicked(MouseEvent arg0) {
          textarea.append("A Mouse click welcomes you to CO2001" + newline);
          textarea.setBackground(Color.green);
          textarea.setCaretPosition(textarea.getDocument().getLength());
     @Override
     public void mouseEntered(MouseEvent arg0) {
          // TODO Auto-generated method stub
     @Override
     public void mouseExited(MouseEvent arg0) {
          // TODO Auto-generated method stub
     @Override
     public void mousePressed(MouseEvent arg0) {
          // TODO Auto-generated method stub
     @Override
     public void mouseReleased(MouseEvent arg0) {
          // TODO Auto-generated method stub
     @Override
     public void keyPressed(KeyEvent e) {
          System.out.println(e.getKeyChar());
          textarea.append("The key " + e.getKeyChar()
                    + " click welcomes you to CO2001" + newline);
          textarea.setBackground(Color.YELLOW);
          textarea.setFont(new Font("Arial", Font.ITALIC, 16));
          textarea.setCaretPosition(textarea.getDocument().getLength());
     @Override
     public void keyReleased(KeyEvent e) {
          System.out.println(e.getKeyChar());
          // textarea.append("The key "+
          // e.getKeyChar()+" click welcomes you to CO2001" + newline);
          // textarea.setBackground(Color.green);
          // textarea.setCaretPosition(textarea.getDocument().getLength());
     @Override
     public void keyTyped(KeyEvent e) {
          // TODO Auto-generated method stub
          System.out.println(e.getKeyChar());
          // textarea.append("The key "+
          // e.getKeyChar()+" click welcomes you to CO2001" + newline);
          // textarea.setBackground(Color.blue);
          // textarea.setCaretPosition(textarea.getDocument().getLength());
     /** Returns an ImageIcon, or null if the path was invalid. */
     protected ImageIcon createImageIcon(String path, String description) {
          java.net.URL imgURL = getClass().getResource(path);
          if (imgURL != null) {
               System.out.println("found");
               return new ImageIcon(imgURL, description);
          } else {
               System.err.println("Couldn't find file: " + path);
               return null;
}

myJPanel.setPerferredSize(new Dimension(new_width, new_hight));
myJFrame.pack();

Show image on the form Java WS gets image. Call this WS on button click

Hi,
Is there a way to show an image on the form. On the form I have along with the data I have a button that when clicked get and show the image itself on the form. I have a Java WebService that gets the image from the remote location. How can I make the button click event to call this Web Service and show the image on the form itself. Any help is appreciated.
Thanks

WHiteSox, are you on client/server or web version.
which version of forms are you using.
something i can think of is.
during the click to call the webservice, copy the image to the local system.
next step is, using READ_IMAGE_FILE built in which reads the image from the local file system and displayed on the forms image item.

Changing the size of images displayed when a thumbnail is clicked

In an Aperture gallery, how do I change the size an image is displayed when a thumbnail is clicked. There are sliders for changing the size of the thumbnail; I can't find an adjustment anywhere for the size an image is displayed when the curved arrow in the upper left hand corner is clicked.
Help!
--Kenoli

Hi Kenoli,
In an Aperture gallery, how do I change the size an image is displayed when a thumbnail is clicked.
Do you mean "double-clicked"? In "Browser" mode, when I click on a photo, nothing changes. However, when I double-click on a photo, it switches to "Viewer" mode.
However, I'm missing the curved arrow that you mention. I can't find any photos with a curved arrow over them in any mode. In fact, the only overlays are the badges in the lower right.
Can you be a little more specific about exactly what mode you are in?
nathan

Displaying internal image on a push button

Hi,
I am running oracle forms 11.1.2.0.0.
I create a push button and under object property make it an iconic yes
and under iconic file name I have "java/oracle/forms/icons/save.gif"
During run-time it displays a image but it is not of save, it is an image of badimage.gif
Even if I change save.gif to print.gif it is same result.
What am I missing?
Thanks
Munish

Munish wrote:
Hi,
I am running oracle forms 11.1.2.0.0.
I create a push button and under object property make it an iconic yes
and under iconic file name I have "java/oracle/forms/icons/save.gif"
During run-time it displays a image but it is not of save, it is an image of badimage.gif
Even if I change save.gif to print.gif it is same result.
What am I missing?
Hi Munish
Do you read {thread:id=2513867}

How to display image when we click the mouse.

Hi i am new java programming . And i need your help to slove my problem.
I am asked to write a program which displays 2 images in a window.And when i click any one them ,that image should be displayed in a new window in full screen.Any kind of help is appreciated.Thanks in advance.

We'd be glad to help, but first our prerequisites are that you post your current code and ask a very specific question concerning this code. These questions are answerable while "And i need your help to slove my problem." aren't. They're too overly broad to pin down.
Much luck!

HELP! how to display an image when clicking on JLabel?

hi. new to the forums. anyway, i need help in displaying an image.
what i'm trying to do is when clicking on a JLabel using mouseClicked, an image will show and when the image is clicked it will disappear. i've searched and searched and have not found anything useful. thanks...

thanks.
searched on the setIcon, didn't find anything. btw, i know how to set the icon on the JLabel. i'm trying to figure out how i can get it that when i click on the JLabel by using the mouseClicked (or maybe even mousePressed) listener, the image pops up and when i click on the image, it closes or disappears.
btw, i'm using the netBeans GUI builder for this. thanks again.

How to display images for right click menu items

I am trying to display some image to the left of my right click menu items.I have searched the help but did't find anything wich can add an image to the menu items. If anyone knows how to do it, Please share
Thank to all.
If you are young work to Learn, not to earn.

Hi Mr,
you should have searched the topic 'Programming with Menu Bars'
Use the ATTR_SHOW_IMAGES attribute to add a column in the menu in which images can be placed. Then use the ATTR_ITEM_BITMAP attribute to specify an image to use for a submenu or menu item

Display an image on button click?

Similar Messages

Maybe you are looking for