using Applet to speed up hiding of elements

[Darren Alexandria]

Good day!

I have a table inside a table. Each sub-table is inside a <td>.
I have put an ID in each of those <td>'s so that whenever I
want to hide other sub-tables, I'll just access the <td> ID
through javaScript and hide it. It was supposed to be a breeze.
And it did for most cases. But my problem now is that I have a
sub-table which contains thousands of data and it loads so slow.

I have an idea which is to use my applet class code and "declare"
the hiding in there. Can I put code like this in there?

<CODE>
document.getElementById(tdID).style.display = 'none';
</CODE>

here's a snippet of my applet code:

<CODE>
win = JSObject.getWindow(this);
doc = (JSObject)win.getMember("document");

genForm = getParameter("genForm");
form = (JSObject)doc.getMember(genForm);

genField = getParameter("genField");
field = (JSObject)form.getMember(genField);

txtSendMsg.setText((String) field.getMember("value"));
</CODE>

Can I apply similar style to the javaScript code that I mentioned earlier?
can it speed up my hiding?

Thanks.

[Paul Clapham]

I don't know if you can do that, but it really isn't obvious to me why you think the Javascript would run faster if you called from an applet instead of calling it directly. Or have I misunderstood your idea?

[Ulf Dittmer]

I, too, have no idea if it will be faster, but using the Common DOM API you can manipulate the page's DOM tree directly from within an applet. That should at least be more straightforward than using LiveConnect.

[Darren Alexandria]

Thanks for your replies. Actually, my applet code is composed of
this:

   
package com.amkor.cimapps.barcode;
 
import java.awt.*;
import javax.swing.*;
import netscape.javascript.JSObject;
import java.awt.TextField;
import java.awt.event.KeyEvent;
import java.awt.event.KeyListener;
import java.awt.event.TextEvent;
import java.awt.event.TextListener;
 
public class GetILN extends JApplet
{
private static final long serialVersionUID = 1L;
public TextField txtRecvMsg, txtSendMsg;
public String text = null;

JSObject win, doc, form, field, value, win2;

public String genField = null, 
       genForm = null, 
       genStep = null,
   genDispatch = null,
   testValue = null;
   

   public void init ()
   {
      setLayout (new GridLayout (3, 1));
 
      JPanel pnl = new JPanel ();
      pnl.setLayout (new FlowLayout (FlowLayout.LEFT));
 
      txtSendMsg = new TextField (18);
      pnl.add (txtSendMsg);
 
      getContentPane ().add (pnl);
 
      pnl = new JPanel ();
      pnl.setLayout (new FlowLayout (FlowLayout.LEFT));
      
      try {    
          
          win = JSObject.getWindow(this);
          doc = (JSObject)win.getMember("document");
          
          genForm = getParameter("genForm");  
          form = (JSObject)doc.getMember(genForm); 
          
          genField = getParameter("genField"); 
          field = (JSObject)form.getMember(genField);
          
       
          txtSendMsg.setText((String) field.getMember("value"));
          
          
      }  
      catch(Exception e) {
          e.printStackTrace();
      }
        
       txtSendMsg.addTextListener(new TextListener() {
           public void textValueChanged(TextEvent ev) {
             TextField tf = GetILN.this.txtSendMsg;
             String s = tf.getText();
            field.setMember("value", s.toString());    
              }
        });
 
       getContentPane().add(pnl);
       
       txtSendMsg.addKeyListener(new KeyListener() {
       public void keyPressed(KeyEvent keyEvent) {
       enterMethod(keyEvent);
       }
 
       public void keyReleased(KeyEvent keyEvent) {
       enterMethod(keyEvent);
       }
 
       public void keyTyped(KeyEvent keyEvent) {
       enterMethod(keyEvent);
       }

        });           
       
       txtSendMsg.setText((String) field.getMember("value"));
       getContentPane().add(pnl);
   }
 
   public void enterMethod (KeyEvent keyEvent) {
int keyCode = keyEvent.getKeyCode();
String keyText = KeyEvent.getKeyText(keyCode);
System.out.println(keyText + " " + keyCode);
win2 = JSObject.getWindow(this);
if (keyText == "Enter") {

genStep = getParameter("genStep");  
String args[] = {"event", genStep};
genDispatch = getParameter("genDispatch");
win2.call(genDispatch, args);
}
   }
   
   public void clearILN () {
   text = "";
   txtSendMsg.setText(text);
   field.setMember("value", text.toString());
   }
}

I have tried using javaScript directly and it is really slow when it
comes to large tables. If the applet thing will not work, can you please
give me some advice or suggestions?

Thanks a lot.

[Ulf Dittmer]

if (keyText == "Enter")

You should never use "==" to compare strings; it tests object equality, not string equality. Use the String.equals method instead.

[Darren Alexandria]

Okay, thanks for correcting me.
How about some advice on how to speed up the hiding thing?

Thanks.

[Ulf Dittmer]

So you've tried the Common DOM approach, and it isn't fast enough either?

There are ways to change the stylesheet directly, so that all elements that are part of a particular class are changed all at once. That would be a question for the HTML/JavaScript forum, though.
[ June 27, 2008: Message edited by: Ulf Dittmer ]

[Darren Alexandria]

Thanks for your suggestion.
Ok, I'll post my inquiry in the HTML/JavaScript Forum.

God bless.