Applet and XML Doc through a browser

[binu narayanan]

Hi Every body,

The task assigned to me is something like this. I have read the contents of an XML document and display the contents on the webpage. I chose applet for doing this task. I had successfully created a class which will read XML doc and an applet for display the contents one by one. When viewed in the applet viewer everthing is working fine.

But when started viewing the same in a browser after adding the code for viewing the same through an html / jsp file. I do not see the same output as viewed through an applet veiwer.

Then i thought the issue may be of calling the other classes required for execution of the applet (XML reader Class), then i transfered the code for reading the XML file inside the applet itself with out any joy.

Presently the .class file, the html, XML file and the jsp are in the same location. The XML file is in the server location and i am using URL and input stream for getting the file from the server to applet

The follwing are the codes as it is in my test condition

Mixed.Java

  

/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */


import java.awt.*;
import java.applet.Applet;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.image.BufferedImage;
import java.io.ByteArrayInputStream;
import java.io.File;
import java.io.InputStream;
import java.net.MalformedURLException;
import java.net.URL;
import java.util.logging.Level;
import java.util.logging.Logger;
import javax.imageio.ImageIO;
import javax.xml.parsers.DocumentBuilder;
import javax.xml.parsers.DocumentBuilderFactory;
import org.w3c.dom.Document;
import org.w3c.dom.Element;
import org.w3c.dom.Node;
import org.w3c.dom.NodeList;

public class Mixed extends Applet implements ActionListener {
    Panel nPanel, sPanel, cPanel, tcPanel, bcPanel;
    Button btnStart, btnStop, btnSave, three, four, five, six;
    Label bottom, lblStatus, lbl1, lbl2, lbl3;
    TextArea valueField;
    BufferedImage image;
    BackGroundPanel bgp;
    int intStart;
    String strInput, strOutput;
//    XMLReader reader = new XMLReader();
  //  XMLWriter writer = new XMLWriter();
    String strValue;
        String strImage;
        URL xml;

    public void init() {
        nPanel = new Panel();              // north panel will hold three button
        nPanel.setBackground(Color.blue);  // give it color so you can see it
        btnStart = new Button("START");
        btnStop = new Button("STOP");
        three = new Button("Three");
        intStart = 1;
        // setLayout for North Panel and add the buttons
        nPanel.setLayout(new FlowLayout(FlowLayout.CENTER));
        nPanel.add(btnStart);
        nPanel.add(btnStop);
        
        // south Panel will just hold one Label
        sPanel = new Panel();       
        sPanel.setBackground(Color.cyan);  // give it color so you can see it
        bottom = new Label("This is Demo Application is  copy right of Binu Narayanan");
        lblStatus = new Label("Openig the Application");

        //set Layout and add Label
        sPanel.setLayout(new FlowLayout(FlowLayout.CENTER));
        sPanel.add(lblStatus);
        // center panel holds two other panels
        cPanel = new Panel();     
        bgp = new BackGroundPanel();
        // top panel on center panel holds three labels
        tcPanel = new Panel();
        // bottom panel on center panel hold three buttons
        bcPanel = new Panel();
        // give it color so you can see it
        bcPanel.setBackground(Color.green);  

        lbl1 = new Label("One");   // the labels
        lbl2 = new Label("Two");
        lbl3 = new Label("Three");

        four = new Button("Four"); // the buttons
        five = new Button("Five");
        six = new Button("Six");
        btnSave = new Button("Save");
        valueField = new TextArea(6, 25);

        //set Layout for top center Panel and add labels
        tcPanel.setLayout(new GridLayout(1, 3, 5, 5));  // 1 row, 3 columns, 5 pixel gap
        
        //set Layout for bottom center panel and add buttons
        bcPanel.setLayout(new GridLayout(3, 1, 5, 5));  // 3 rows, 1 col, 5 pixel gap

        // bcPanel.add(four);
        bcPanel.add(valueField);
        bcPanel.add(btnSave);
        
        //add two center panels (top and bottom) to the center panel
        cPanel.setLayout(new GridLayout(2, 1));  // 2 rows, 1 col, no gaps
        cPanel.add(bgp);
        cPanel.add(bcPanel);

        //set Layout for the Applet itself and add the panels
        this.setLayout(new BorderLayout());
        add(nPanel, BorderLayout.NORTH);
        add(sPanel, BorderLayout.SOUTH);
        add(cPanel, BorderLayout.CENTER);

        btnStart.addActionListener(this);
        btnStop.addActionListener(this);
        btnSave.addActionListener(this);
        
    }

    public void paint(Graphics g) {
        g.drawImage(image, 0, 10, this);
    }

    // When the button is clicked this method will get automatically called
    // This is where you specify all actions.
    public void actionPerformed(ActionEvent evt) {
        int intInput = 0;
        String strTageName;
        
        // Here we will ask what component called this method
        if (evt.getSource() == btnStart) {
            
            // So it was the btnStart, then let's perform his actions
            bgp.setVisible(true);
            lblStatus.setText("Work Started");
            btnStart.setLabel("Started");
            btnStop.setLabel("STOP");
//            reader.readXML(intStart);
            //valueField.setText(reader.getStrValue());
            //valueField.setText("Halo Test");
 URL base = getDocumentBase();
    System.out.println("This is the Base : "+ base);
    
            try {
                xml = new URL(base, "1009101000066-104068379-0001-1.xml");
            } catch (MalformedURLException ex) {
                Logger.getLogger(Mixed.class.getName()).log(Level.SEVERE, null, ex);
            }
System.out.println("This is the URL : "+ xml);
            try {
  //File file = new File("D:\\Workspace Deployed\\KeyingDemo\\web\\XMLfolder\\1009101000066-104068379-0001-1.xml");

  //File file = new File("http://localhost:8084/KeyingDemo/index.jsp/XMLfolder/1009101000066-104068379-0001-1.xml");
  //File file = new File("E:\\Binu\\Projects\\TestViewer\\XMLfolder\\1009101000065-104068378-0001_3.xml");
 // System.out.println(file.exists());
  DocumentBuilderFactory dbf = DocumentBuilderFactory.newInstance();
  DocumentBuilder db = dbf.newDocumentBuilder();
  Document doc = null;
  InputStream is = xml.openStream();
try
{
    doc = db.parse(is);
}
finally
{
    is.close();
}

  doc.getDocumentElement().normalize();
  NodeList nodeLst = doc.getElementsByTagName("field");
  int s=0;

  //int r = s+intInput;
  if(s<nodeLst.getLength()-1)

  {
      for (s = 0; s < intInput;s++) {

    Node fstNode = nodeLst.item(s);

    if (fstNode.getNodeType() == Node.ELEMENT_NODE) {

           Element fstElmnt = (Element) fstNode;
      NodeList fstNmElmntLst = fstElmnt.getElementsByTagName("recognition_value");
      Element fstNmElmnt = (Element) fstNmElmntLst.item(0);
      strTageName = fstNmElmnt.getNodeName();
      NodeList fstNm = fstNmElmnt.getChildNodes();

      strValue = ((Node) fstNm.item(0)).getNodeValue();
      System.out.println("This is the str value : "+strValue);
      NodeList lstNmElmntLst = fstElmnt.getElementsByTagName("image_clip");
      Element lstNmElmnt = (Element) lstNmElmntLst.item(0);
      NodeList lstNm = lstNmElmnt.getChildNodes();

      strImage = ((Node) lstNm.item(0)).getNodeValue();
      final String cdata = strImage;
    final sun.misc.BASE64Decoder decoder = new sun.misc.BASE64Decoder();
    final byte[] data = decoder.decodeBuffer(cdata);
    final ByteArrayInputStream input = new ByteArrayInputStream(data);
    image =         ImageIO.read(input);
    }

  }

      }
  } catch (Exception e) {
    e.getMessage();
  }

            //System.out.println(valueField.getText());
            //image = reader.getImage();
            
            valueField.setText(strValue);
            //valueField.setText("Halo");
            bgp.setBackGroundImage(image);
            repaint();
        } else if (evt.getSource() == btnSave) {
//            strInput = reader.getStrValue();
            strOutput=valueField.getText();
  //          writer = new XMLWriter();
    //        writer.setStrInput(strInput);
      //      writer.setStrOutput(strOutput);
        //    writer.setStrTagName("recoginistion_value");
            bgp.setVisible(true);
            bgp.repaint();
            lblStatus.setText("Data Saved");
            intStart = intStart + 1;
          //  reader.readXML(intStart);
            //valueField.setText(reader.getStrValue());
            //image = reader.getImage();
            bgp.setBackGroundImage(image);
            //writer.writeXML(writer.getStrTagName(), writer.getStrInput(), writer.getStrOutput());
            repaint();

        } // Actions of the Button btnStop
        else if (evt.getSource() == btnStop) {
            bgp.repaint();
            bgp.setVisible(false);
            lblStatus.setText("Work Stopped");
            btnStart.setLabel("START");
            btnStop.setLabel("Stopped!");
            valueField.setText("The work is stopped!");
            // Lets the applet show that message.
            repaint();
        }

    }
    class BackGroundPanel extends Panel {

    Image backGround;

    BackGroundPanel() {
        super();
    }

    public void paint(Graphics g) {
// get the size of this panel(which is the size of the applet) and draws the image
        g.drawImage(getBackGroundImage(), 10, 10, (int) getBounds().getWidth(), (int) getBounds().getHeight(), this);
    }

    public void setBackGroundImage(Image backGround) {
        this.backGround = backGround;
    }

    private Image getBackGroundImage() {
        return backGround;
    }
}
}


  

This is code for the html file

  <html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  </head>
  <body>
      <applet height="400" width="400" code="Mixed.class"  title="Test">

      </applet>
  </body>
</html>  

This is the code for jsp file

 <html>
<head>
<title>Welcome Keying Demo Page</title>
</head>
<body>
    <jsp:plugin type="applet" code="Mixed.class"  width="400" height="400" codebase="." >
            <jsp:fallback>
                 <p>Unable to load applet</p>
           </jsp:fallback>
</jsp:plugin>
</body>
</html>   

The Java console output is some thing like this

   <html>
<head>
<title>Welcome Keying Demo Page</title>
</head>
<body>
    <jsp:plugin type="applet" code="Mixed.class"  width="400" height="400" codebase="." >
            <jsp:fallback>
                 <p>Unable to load applet</p>
           </jsp:fallback>
</jsp:plugin>
</body>
</html> 

Your guidance would be of immense help to me.

[Paul Clapham]

binu narayanan wrote:I do not see the same output as viewed through an applet veiwer.

This appears to be the entire description of your problem. (If there was more buried in that dump of code, I apologize for overlooking it.) Could you possibly expand it into something which tells us what the problem is?

[binu narayanan]

Hi every body,

When i run the applet in applet viewer, iam able to see the output as it should be i.e. i get the see the output from the xml file in the applet. But while i run the applet in the browser be it Internet eplorer or Mozilla i do not get the output from the XML but get to see the panels and buttons which are available in the applet.

I hope your guidance could solve the issue.

[Paul Clapham]

I see. So the applet does appear, and the GUI looks normal? Is there a button which you click to display the XML document? If so, then what happens when you click it?

(I'm asking these questions because I haven't really read your code. All of the apparent code which turned out to be comments was very distracting, and the random indenting of lines was distracting too.)

Anyway, does the Java console have error messages in it when that happens? The usual problem with beginners to applet writing is that they don't realize that a File object refers to a file on the system where the applet is running and not to a file on the server where the applet was downloaded from. I did see a reference to a File in your code, then I saw it was commented out.

[binu narayanan]

Hi Paul,

I hope you are not offend by this addressing.

When the applet appears be it in applet viewer or in the browser i click on a button labeled start-- button name is btnStart. upon its click i start the XML read operation and set the textbox value to the value obtained from the XML. Moreover i have an image in the xml in the binary format which also gets displayed.

This is basic opertaion i intend to do.

While these are happening in the applet viewer. The same result is not achieved in the browser.

You are correct in pointing out , i had initially used the file option to get the XML doc, which will not server the purpose while renderig through a browser.

I am sorry about the codes i had postednot in a formatted way.

Your further help will surely sail me through this

[binu narayanan]

Hi Paul,

The following is the out put in the Java Console

 
basic: Added progress listener: sun.plugin.util.GrayBoxPainter$GrayBoxProgressListener@723d7c
network: CleanupThread used 172312 us
network: Cache entry found [url: http://localhost:8084/KeyingDemo/Mixed.class, version: null]
network: Connecting http://localhost:8084/KeyingDemo/Mixed.class with proxy=DIRECT
network: Connecting http://localhost:8084/KeyingDemo/Mixed.class with cookie "JSESSIONID=FF27BC1352D96BF80D25018E93DF95C1"
network: ResponseCode for http://localhost:8084/KeyingDemo/Mixed.class : 200
network: Encoding for http://localhost:8084/KeyingDemo/Mixed.class : null
network: Disconnect connection to http://localhost:8084/KeyingDemo/Mixed.class
network: Connecting http://localhost:8084/KeyingDemo/Mixed.class with proxy=DIRECT
network: Connecting http://localhost:8084/KeyingDemo/Mixed.class with cookie "JSESSIONID=FF27BC1352D96BF80D25018E93DF95C1"
network: CleanupThread used 4 us
network: Downloading resource: http://localhost:8084/KeyingDemo/Mixed.class
	Content-Length: 7,374
	Content-Encoding: null
network: Wrote URL http://localhost:8084/KeyingDemo/Mixed.class to File C:\Documents and Settings\100162\Application Data\Sun\Java\Deployment\cache\6.0\2\1a0a4d02-7dd88ae4-temp
network: CleanupThread used 5 us
network: CleanupThread used 5 us
network: CleanupThread used 5 us
network: CleanupThread used 4 us
network: CleanupThread used 6 us
network: CleanupThread used 5 us
network: CleanupThread used 6 us
network: CleanupThread used 5 us
network: CleanupThread used 5 us
network: CleanupThread used 6 us
network: CleanupThread used 4 us
network: CleanupThread used 4 us
network: CleanupThread used 6 us
network: Cache entry found [url: http://localhost:8084/KeyingDemo/Mixed$BackGroundPanel.class, version: null]
network: Connecting http://localhost:8084/KeyingDemo/Mixed$BackGroundPanel.class with proxy=DIRECT
network: Connecting http://localhost:8084/KeyingDemo/Mixed$BackGroundPanel.class with cookie "JSESSIONID=FF27BC1352D96BF80D25018E93DF95C1"
network: ResponseCode for http://localhost:8084/KeyingDemo/Mixed$BackGroundPanel.class : 200
network: Encoding for http://localhost:8084/KeyingDemo/Mixed$BackGroundPanel.class : null
network: Disconnect connection to http://localhost:8084/KeyingDemo/Mixed$BackGroundPanel.class
network: Connecting http://localhost:8084/KeyingDemo/Mixed$BackGroundPanel.class with proxy=DIRECT
network: Connecting http://localhost:8084/KeyingDemo/Mixed$BackGroundPanel.class with cookie "JSESSIONID=FF27BC1352D96BF80D25018E93DF95C1"
network: CleanupThread used 4 us
network: Downloading resource: http://localhost:8084/KeyingDemo/Mixed$BackGroundPanel.class
	Content-Length: 1,056
	Content-Encoding: null
network: Wrote URL http://localhost:8084/KeyingDemo/Mixed$BackGroundPanel.class to File C:\Documents and Settings\100162\Application Data\Sun\Java\Deployment\cache\6.0\62\24abd8fe-3de277d4-temp
network: CleanupThread used 5 us
basic: Applet loaded.
basic: Applet resized and added to parent container
basic: PERF: AppletExecutionRunnable - applet.init() BEGIN ; jvmLaunch dt 6263955 us, pluginInit dt 8721232 us, TotalTime: 14985187 us
basic: Applet initialized
basic: Removed progress listener: sun.plugin.util.GrayBoxPainter$GrayBoxProgressListener@723d7c
basic: Applet made visible
basic: Starting applet
basic: Applet started
basic: Told clients applet is started
This is the Base : http://localhost:8084/KeyingDemo/
This is the URL : http://localhost:8084/KeyingDemo/1009101000066-104068379-0001-1.xml
network: Cache entry not found [url: http://localhost:8084/KeyingDemo/META-INF/services/javax.xml.parsers.DocumentBuilderFactory, version: null]
network: Connecting http://localhost:8084/KeyingDemo/META-INF/services/javax.xml.parsers.DocumentBuilderFactory with proxy=DIRECT
network: Connecting http://localhost:8084/KeyingDemo/META-INF/services/javax.xml.parsers.DocumentBuilderFactory with cookie "JSESSIONID=FF27BC1352D96BF80D25018E93DF95C1"
network: CleanupThread used 4 us
network: CleanupThread used 4 us
network: CleanupThread used 4 us
network: CleanupThread used 6 us
network: CleanupThread used 5 us
network: Cache entry found [url: http://localhost:8084/KeyingDemo/1009101000066-104068379-0001-1.xml, version: null]
network: Connecting http://localhost:8084/KeyingDemo/1009101000066-104068379-0001-1.xml with proxy=DIRECT
network: Connecting http://localhost:8084/KeyingDemo/1009101000066-104068379-0001-1.xml with cookie "JSESSIONID=FF27BC1352D96BF80D25018E93DF95C1"
network: ResponseCode for http://localhost:8084/KeyingDemo/1009101000066-104068379-0001-1.xml : 200
network: Encoding for http://localhost:8084/KeyingDemo/1009101000066-104068379-0001-1.xml : null
network: Disconnect connection to http://localhost:8084/KeyingDemo/1009101000066-104068379-0001-1.xml
network: Connecting http://localhost:8084/KeyingDemo/1009101000066-104068379-0001-1.xml with proxy=DIRECT
network: Connecting http://localhost:8084/KeyingDemo/1009101000066-104068379-0001-1.xml with cookie "JSESSIONID=FF27BC1352D96BF80D25018E93DF95C1"
network: CleanupThread used 5 us
network: Downloading resource: http://localhost:8084/KeyingDemo/1009101000066-104068379-0001-1.xml
	Content-Length: 71,910
	Content-Encoding: null
network: Wrote URL http://localhost:8084/KeyingDemo/1009101000066-104068379-0001-1.xml to File C:\Documents and Settings\100162\Application Data\Sun\Java\Deployment\cache\6.0\30\9e9125e-5dc1944d-temp
network: CleanupThread used 5 us
This is the Base : http://localhost:8084/KeyingDemo/
This is the URL : http://localhost:8084/KeyingDemo/1009101000066-104068379-0001-1.xml
network: Cache entry not found [url: http://localhost:8084/KeyingDemo/META-INF/services/javax.xml.parsers.DocumentBuilderFactory, version: null]
network: Connecting http://localhost:8084/KeyingDemo/META-INF/services/javax.xml.parsers.DocumentBuilderFactory with proxy=DIRECT
network: Connecting http://localhost:8084/KeyingDemo/META-INF/services/javax.xml.parsers.DocumentBuilderFactory with cookie "JSESSIONID=FF27BC1352D96BF80D25018E93DF95C1"   

[Paul Clapham]

binu narayanan wrote:While these are happening in the applet viewer. The same result is not achieved in the browser.

That isn't much help. If you want help with your problem you need to provide a description of the problem. All we know so far is what didn't happen. That leaves open the question of what did happen instead, which is important information.

[binu narayanan]

Hi Paul,

I had explained what happens, like i have a start and stop button. The start button initiates the process opf reading a XML and displaying the contents to the applet.

I am attaching two screen shots to show what happens when the start button is clicked in the applet viewer and the browser


Binu

[Paul Clapham]

I see this is an Applet and not a JApplet. Why?

[binu narayanan]

Hi Paul,

Does having this in Japplet carry any added advantage. Kindly enumerate.