Can we call a Java Applet using a JavaScript

Jolie · #1 (**permalink**) 03-10-2008, 07:17 AM

Can we call a Java Applet using a JavaScript function?

bharati.shinde · #2 (**permalink**) 07-07-2008, 04:44 AM

Getting Java Applets to talk to JavaScript
Not so long ago I got a couple of e-mails. One asked if I knew how to control an Applet using JavaScript and the other asked me if I knew how to call JavaScript routines from an Applet. At the time I didn't have a clue. However, not being one to turn down a challenge I managed to solve the first problem and this document describes how I solved the second.

Having little experience of Applets I had to ask myself: "CAN it be done?". Well, having looked behind the scenes of the Action Buttons in the R5 View Applets, I discovered they do nothing more than call JavaScript function similar to their HTML counterparts, I knew it could be done. So I set off to find out how...

By way of example here is an Applet that lets you select a colour or add a new one and then, using the "Add" button, pass the value to a JavaScript function in the document. This function then appends the value to the

called "Choices".<br />
<br />
<br />
<br />
You have chosen all of these:<br />
<br />
<br />
This particular example is by no means rocket-science and, at the end of the day, is next to useless. However, just imagine the possibilities of combining Java AND JavaScript on your page. One thing that jumps to mind (well mine anyway) is that the Applet could use CORBA to connect to the server. This means we could fetch data from the server without having to reload the page. Nice! No more Keyword Refresh nightmares.<br />
<br />
So how do we go about writing an Applet like this. Well I'm not about to start talking about how to write an Applet, just the bits relevant to this example. The technology that is used was created by Netscape (wow, they have done something worthy of praise) and is called LiveConnect. This is the same technology used when JavaScript talks TO the Applet.<br />
<br />
The first thing to do is make sure that the necessary classes are imported to the applet using the line below:<br />
<br />
<br />
 import netscape.javascript.*;Now we can use this in the code-block below:<br />
<br />
public void doAdd() {<br />
 //Get a handle on the DOM Window Object of the browser;<br />
 JSObject win = JSObject.getWindow(this);<br />
<br />
 //Work out what to send.<br />
 String add = null;<br />
 String choice = getdpdChoose().getSelectedItem();<br />
 String addnew = gettxtAddNew().getText();<br />
<br />
 if ( !choice.equals( getParameter( "DefaultChoice" ) ) ){<br />
  add = choice;<br />
 } else if ( !addnew.equals("") ) {<br />
  add = addnew;<br />
 } else {<br />
  add = "";<br />
 }<br />
 //Send the value to the JavaScript function in the browser<br />
 win.eval("addToList(\'" + add + "\')");<br />
}The first thing we do here is create a JSObject object that represents the browser window object. The method then looks at the drop-down list and the text field on the applet and works out what the user wants to send to the browser. This is then passed to the browser window, via JavaScript, using the eval method.<br />
<br />
The only other thing we need to do is create a function in the browser to process this call. In this case it is a function called "addToList" that simply adds the valus to the end of a field, like below:<br />
<br />
function addToList( val ){<br />
if ( val == "" ) return alert( 'You haven\'t selected <br />
anything in the applet.' );<br />
fld = document.forms[0].Choices;<br />
fld.value +=  (fld.value=="") ? val : '\n' + val;<br />
}As I mentioned earlier this methodolgy is VERY powerful. There are almost endless number of applications. If you come up with anything interesting, don't forget to share it with us all...<br />
<br />
Other Reading:<br />
Sun's Documentation on using Java and JavaScript.<br />
Netscape's Documentation on using Java and JavaScript.<br />
<br />
<br />
--------------------------------------------------------------------------------<br />
<br />
Notes: The Applet has amongst its attributes - "MAYSCRIPT". This is required (security issue) to be set before this kind of communication can occur.</div>

</td>
</tr>
</table>

</div>
	
		</div>
	</div>
</div>

<div id="lastpost"></div></div>

<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-top:-3px">
<tr valign="top">
	
		<td class="smallfont"><a href="http://www.interviewqueries.com/newreply.php?do=newreply&noquote=1&p=30012" rel="nofollow"><img src="http://www.interviewqueries.com/images/visionsgreen/buttons/reply.gif" alt="Reply" border="0" /></a></td>
	
	
</tr>
</table>

<br />
	<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
	<tr>
		<td class="thead">
			
			<a name="taglist"></a>
			<a href="http://www.interviewqueries.com/tags.php">Tags</a>
		</td>
	</tr>
	<tr>
		<td class="alt1 smallfont" id="tag_list_cell"><a rel="nofollow" href="http://www.interviewqueries.com/tags.php?tag=java+script">java script</a>, <a rel="nofollow" href="http://www.interviewqueries.com/tags.php?tag=scripting">scripting</a>, <a rel="nofollow" href="http://www.interviewqueries.com/tags.php?tag=software">software</a> <img src="http://www.interviewqueries.com/images/visionsgreen/misc/11x11progress.gif" id="tag_form_progress" class="inlineimg" style="display:none" alt="" /></td>
	</tr>
	</table>

<br />
	<div class="smallfont" align="center">
		<strong>«</strong>
			<a href="http://www.interviewqueries.com/java-script/9783-can-we-call-java-applet-using-javascript-prev-thread.html" rel="nofollow">Previous Thread</a>
			|
			<a href="http://www.interviewqueries.com/java-script/9783-can-we-call-java-applet-using-javascript-next-thread.html" rel="nofollow">Next Thread</a>
		<strong>»</strong>
	</div>

<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center" style="border-top-width:0px">
<tr>
	<td class="thead" colspan="2">Thread Tools<a name="goto_threadtools"></a></td>
	
</tr>
<tr valign="top">
	<td class="alt1" colspan="2">

<div class="smallfont">

<div><img class="inlineimg" src="http://www.interviewqueries.com/images/visionsgreen/buttons/printer.gif" alt="Show Printable Version" vspace="1" /> <a href="http://www.interviewqueries.com/java-script/9783-can-we-call-java-applet-using-javascript-print.html" rel="nofollow">Show Printable Version</a></div>
			<div><img class="inlineimg" src="http://www.interviewqueries.com/images/visionsgreen/buttons/sendtofriend.gif" alt="Email this Page" vspace="1" /> <a href="http://www.interviewqueries.com/sendmessage.php?do=sendtofriend&t=9783" rel="nofollow">Email this Page</a></div>
		
		
		
	</div>

</td>
	
</tr>

<tr>
	<td class="thead" colspan="2">Display Modes<a name="goto_displaymodes"></a></td>
	
</tr>
<tr valign="top">
	
	<td class="alt2" colspan="2">

<div class="smallfont">
		<div><img class="inlineimg" src="http://www.interviewqueries.com/images/visionsgreen/buttons/mode_linear.gif" alt="Linear Mode" vspace="1" /> <strong>Linear Mode</strong></div>
		<div><img class="inlineimg" src="http://www.interviewqueries.com/images/visionsgreen/buttons/mode_hybrid.gif" alt="Hybrid Mode" vspace="1" /> <a rel="nofollow" href="http://www.interviewqueries.com/java-script/9783-can-we-call-java-applet-using-javascript.html?mode=hybrid">Switch to Hybrid Mode</a></div>
		<div><img class="inlineimg" src="http://www.interviewqueries.com/images/visionsgreen/buttons/mode_threaded.gif" alt="Threaded Mode" vspace="1" /> <a rel="nofollow" href="http://www.interviewqueries.com/java-script/9783-can-we-call-java-applet-using-javascript.html?mode=threaded#post10137">Switch to Threaded Mode</a></div>
	</div>

</td>
	
	
</tr>

</table>
<br />

<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr valign="bottom">
	<td width="100%" valign="top">
		<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="210">
<thead>
<tr>
	<td class="thead">
		<a style="float:right" href="/java-script/9783-can-we-call-java-applet-using-javascript.html#top" onclick="return toggle_collapse('forumrules')"><img id="collapseimg_forumrules" src="http://www.interviewqueries.com/images/visionsgreen/buttons/collapse_thead.gif" alt="" border="0" /></a>
		Posting Rules
	</td>
</tr>
</thead>
<tbody id="collapseobj_forumrules" style="">
<tr>
	<td class="alt1" nowrap="nowrap"><div class="smallfont">
		
		<div>You <strong>may not</strong> post new threads</div>
		<div>You <strong>may not</strong> post replies</div>
		<div>You <strong>may not</strong> post attachments</div>
		<div>You <strong>may not</strong> edit your posts</div>
		<hr />
		
		<div><a rel="nofollow" href="http://www.interviewqueries.com/misc.php?do=bbcode" target="_blank">BB code</a> is <strong>On</strong></div>
		<div><a rel="nofollow" href="http://www.interviewqueries.com/misc.php?do=showsmilies" target="_blank">Smilies</a> are <strong>On</strong></div>
		<div><a rel="nofollow" href="http://www.interviewqueries.com/misc.php?do=bbcode#imgcode" target="_blank">[IMG]</a> code is <strong>On</strong></div>
		<div>HTML code is <strong>On</strong></div><div><a rel="nofollow" href="http://www.interviewqueries.com/misc.php?do=linkbacks#trackbacks" target="_blank">Trackbacks</a> are <strong>On</strong></div>
<div><a rel="nofollow" href="http://www.interviewqueries.com/misc.php?do=linkbacks#pingbacks" target="_blank">Pingbacks</a> are <strong>On</strong></div>
<div><a rel="nofollow" href="http://www.interviewqueries.com/misc.php?do=linkbacks#refbacks" target="_blank">Refbacks</a> are <strong>On</strong></div>
	</div></td>
</tr>
</tbody>
</table>
	</td>
	<td class="smallfont" align="right">
		<table cellpadding="0" cellspacing="0" border="0">
		
		<tr>
			<td>
			
			</td>
		</tr>
		</table>
	</td>
</tr>
</table>

<br />

dblhandled = false
//-->
</script>
<a name="linkbacks"></a>

<br />

<br />
<br />
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-3651901-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
<div align="center">
	<div class="smallfont" align="center">
	
	<br />
    <br />
<div id="footer_spacer"></div>

</div>
	
	<div class="smallfont" align="center">
	
	<img src="http://www.interviewqueries.com/cron.php?rand=414492" alt="" width="1" height="1" border="0" />
	
	
	<br/>
    
	</div>
</div>
<br />

</div>
	</div>
</div>

<form action="http://www.interviewqueries.com/" method="get">
	
<table cellpadding="6" cellspacing="0" border="0" width="100%" class="page" align="center">
<tr>
	
	
	<td class="tfoot" align="right" width="100%">
		<div class="smallfont">
			<strong>
				<a href="http://www.interviewqueries.com/sendmessage.php" rel="nofollow" accesskey="9">Contact Us</a> -
				<a href="http://www.interviewqueries.com">Interview Questions and Answers Discussion Community.</a> -
				
				
				<a href="http://www.interviewqueries.com/archive/index.php/">Archive</a> -
				
				<a href="/java-script/9783-can-we-call-java-applet-using-javascript.html#top" onclick="self.scrollTo(0, 0); return false;">Top</a>
			</strong>
		</div>
	</td>
</tr>
</table>

</form>
</div>

<div style="display:none">
	
	
		
	
	
</div>

<div class="vbmenu_popup" id="linkbacktools_menu" style="display:none">
	<table cellpadding="4" cellspacing="1" border="0">
	<tr>
		<td class="thead">LinkBack<a name="goto_linkback"></a></td>
	</tr>

<tr>
		<td class="vbmenu_option"><img class="inlineimg" src="http://www.interviewqueries.com/images/vbseo/linkback_url.gif" alt="LinkBack URL" /> <a href="http://www.interviewqueries.com/java-script/9783-can-we-call-java-applet-using-javascript.html" onclick="prompt('Use the following URL when referencing this thread from another forum or blog.','http://www.interviewqueries.com/java-script/9783-can-we-call-java-applet-using-javascript.html');return false;">LinkBack URL</a></td>
	</tr>
	<tr>
		<td class="vbmenu_option"><img class="inlineimg" src="http://www.interviewqueries.com/images/vbseo/linkback_about.gif" alt="About LinkBacks" /> <a rel="nofollow" href="http://www.interviewqueries.com/misc.php?do=linkbacks">About LinkBacks</a></td>
	</tr>

</table>
</div>
</body>
</html>