Button of Image first loading?

Question

Hi,
i've written a piece of code and it works fine accept for one thing! :S When the applet has started, only the image is visible and the button appears when you click on the area where it should be.
I've tried to add the imagePanel to the getContentPane before adding the button, but then the button becomes as big as the applet window! So that doesn't work either. Can somebody help me?
import java.awt.*;
import java.awt.event.*;
import java.awt.image.*;
import java.net.*;
import java.applet.*;
import javax.swing.*;
import javax.swing.event.*;
public class PaintDemo4 extends JApplet implements ActionListener {
     JButton colorChangeButton;
     ImagePanel imagePanel;
     static String imageFile = "Ruimte.jpg";
     public PaintDemo4() {
          colorChangeButton = new JButton();
          colorChangeButton.setBackground(Color.red);
          colorChangeButton.setBounds(50, 50, 100, 40);
          colorChangeButton.addActionListener(this);
          getContentPane().add(colorChangeButton);
          Image image = Toolkit.getDefaultToolkit().getImage(PaintDemo4.imageFile);
          imagePanel = new ImagePanel(image);
          imagePanel.setBounds(0,0,477,323);
          getContentPane().add(imagePanel);
     class ImagePanel extends JPanel {
          Image image;
          public ImagePanel(Image image){
               this.image = image;
          public void paintComponent(Graphics g){
               super.paintComponent(g);
               g.drawImage(image, 0, 0, this);
     // button click switches between red & green (does nothing for now)
     public void actionPerformed(ActionEvent e) {
}

Answer 1

The JApplet's default layout manager is a BorderLayout. By calling twice the getContentPane().add() method without specifying the location, your button and your image are both placed in the central part of your applet.
Try this:
getContentPane().add("North", colorChangeButton);
getContentPane().add("Center", imagePanel);