KiNG in a Browser (using object tags)

This page is a companion page to the more descriptive KiNG in a Browser (using applet tags). Here, we use object tags to show the same kinemage file embedded in a browser page as we did with applet tags. And then, we show object tag use for the user-supplied image button launch method, but we use another kinemage.

This method is platform independent and if using a modern browser, will work on Windows/Vista, Linux, and Macintosh. All of the files which generate this page - a starter kit for using KiNG in a browser - are available for download as a zipped archive at the url: <http://kinemage.biochem.duke.edu/software/kingInBrowser.zip>

KiNG Embedded in a Browser

Shown below is a ribbon schematic of the phage lambda repressor (PDB entry: 1lmb) with details showing N- or C-caps on helices. The graphics window is active:

The code snippet to generate the interactive display at left is:
<object classid="java:king/Kinglet.class">
<type="application/x-java-applet">
<archive="king.jar">
<width="500" height="500">
<param name="mode" value="flat">
<param name="kinSource" value="hlxCaps.kin">
</object>

Here, we use the <object> tag to load the java code for KiNG. Preferably, we use the <applet> tag for the reasons stated in the other page. Both should work and you might prefer object tags because applet tags have been deprecated. Note also that with object tags read in as local files - the file:/// directive - rather than being being served by a web server - the http:// directive - may require further instructions of where the java plug-in is to be found.


KiNG Launched in a Browser

Here's an example of launching KiNG using object tags:

The code snippet to generate the interactive display generated by clicking the image at left is:
<object classid="java:king/Kinglet.class">
<type="application/x-java-applet">
<archive="king.jar">
<width="200" height="180">
<param name="mode" value="launcher">
<param name="kinSource" value="1yk4_diffMap.kin">
<param name="launcherImage" value="1yk4_Y13.png">
</object>