JavaScript -Applet Communication problem
Hi All,
Requirement : Onclick of particular location of loaded applet. I am calling JavaScript function which will render the table(as a popup like a bubble).
Problem Description:
I am calling below javascript function from Applet. Javascript function contains the code which create a table (popup). We have verified the JS function and it is displaying in normal HTML.
JavaScript Function
function CreateBubble(txt)
{
var t= GetElement('TABLE');
//t.style.background = 'white';
t.cellSpacing=0;
t.cellPadding=0;
var r,c;
r=t.insertRow();
c=r.insertCell();
c.innerHTML='<img src="images/nw.gif">';
c=r.insertCell();
c.innerHTML='<img src="images/n.gif">';
c.style.background = 'url("images/n.gif")';
c=r.insertCell();
c.innerHTML='<img src="images/ne.gif">';
r=t.insertRow();
c=r.insertCell();
c.innerHTML='<img src="images/w.gif">';
c.style.background = 'url("images/w.gif")';
c=r.insertCell();
c.style.background = 'url("images/1.gif")';
c.style.backgroundColor='white';
if(txt.tagName)
c.appendChild(txt);
else
c.innerHTML=txt;
c=r.insertCell();
c.innerHTML='<img src="images/e.gif">';
c.style.background = 'url("images/e.gif")';
r=t.insertRow();
c=r.insertCell();
c.innerHTML='<img src="images/sw.gif">';
c=r.insertCell();
c.innerHTML='<img src="images/s.gif">';
c.style.background = 'url("images/s.gif")';
c=r.insertCell();
c.innerHTML='<img src="images/se.gif">';
return t;
}
function GetElement(t){return document.createElement(t);}
-
When I call CreateBubble(txt) function from Applet. It is not rendering table. If i put the alert inside the function then it displays. I tried to debug by puttting alert before return statement of the JS function. It still display the alert box, but doesn't display the table.
I am not sure but the applet might be overshadow the table created through java-script.
This is my applet code:
publicvoid mouseClicked(MouseEvent e)
{
System.out.println("Mouse clicked in applet - Getting JSObject" );
System.out.println(("X, Y :" + e.getX() +"," +e.getY()));
//First segement point
if(e.getX() > 200 && e.getX() < 212){
JSObject jso = JSObject.getWindow( enclosingContainer );
System.out.println("Getting JSObject - SUCCESS" );
System.out.println("Invoking the script..." );
String [] args =new String[]{"acdd"};
jso.call("CreateBubble", args);
}
}
Let me know are there any other approach to do so?
Thanks
Chintan
