JAL-1807 Bob's JalviewJS prototype first commit
[jalviewjs.git] / site / swingjs / jumbledimage.htm
1 <!DOCTYPE html>\r
2 <html>\r
3 <title>SwingJS test</title>\r
4 <head>\r
5 <meta charset="utf-8" />\r
6 <!-- breaking out the library for debugging -->\r
7 <script type="text/javascript" src="jquery/jquery.js"></script>\r
8 <script type="text/javascript" src="js/JSmoljQueryExt.js"></script>\r
9 <script type="text/javascript" src="js/JSmolCore.js"></script>\r
10 <script type="text/javascript" src="js/j2sjmol.js"></script>\r
11 <script type="text/javascript" src="js/JSmol.js"></script>\r
12 <script type="text/javascript" src="js/SwingJS.js"></script>\r
13 \r
14 <script type="text/javascript">\r
15 \r
16 Jmol._checkLoad = true\r
17 \r
18 Jmol._isAsync = false;\r
19 \r
20 Jmol.getProfile() // records repeat calls to overridden or overloaded Java methods\r
21 \r
22 var jmolApplet0; // set up in HTML table, below\r
23 \r
24 // use ?_USE=JAVA or _USE=SIGNED or _USE=HTML5\r
25 \r
26 jmol_isReady = function(applet) {\r
27         document.title = (applet._id + " is ready")\r
28         Jmol._getElement(applet, "appletdiv").style.border="1px solid blue"\r
29  \r
30 }               \r
31 \r
32 $(document).ready(function() {\r
33 \r
34   var Info = {\r
35     code: "swingjs.test.JumbledImageApplet",\r
36         width: 200,\r
37         height: 200,\r
38         debug: false,\r
39         color: "#F0F0F0",\r
40         serverURL: "http://chemapps.stolaf.edu/jmol/jsmol/php/jsmol.php",\r
41         use: "HTML5",\r
42         j2sPath: "j2s",\r
43         disableJ2SLoadMonitor: false,\r
44         disableInitialConsole: false,\r
45         console:"sysoutdiv",\r
46         readyFunction: jmol_isReady,\r
47     allowjavascript: true\r
48   }\r
49   $("#appdiv").html(SwingJS.getAppletHtml("testApplet", Info))\r
50 })\r
51 \r
52 \r
53 </script>\r
54 \r
55 \r
56 </head>\r
57 <body>\r
58 A test page for the SwingJS system demonstrating javax.imageio.ImageIO.read(URL) and Graphics2D.drawImage() \r
59 <a href=https://sourceforge.net/p/swingjs/code/HEAD/tree/trunk/src/swingjs/test/JumbledImageApplet.java>code</a>\r
60 Based on <a href=https://docs.oracle.com/javase/tutorial/2d/images/drawimage.html>https://docs.oracle.com/javase/tutorial/2d/images/drawimage.html</a>. \r
61 <div id="appdiv"></div>\r
62 <!-- info <a href="javascript:testApplet._showInfo(true)">show</a>\r
63 <a href="javascript:testApplet._showInfo(false)">hide</a>\r
64 -->\r
65 <div style="position:absolute;left:900px;top:30px;width:600px;height:300px;">\r
66 <div id=sysoutdiv style="border:1px solid green;width:100%;height:95%;overflow:auto"></div>\r
67 This is System.out. <a href="javascript:testApplet._clearConsole()">clear it</a> \r
68 <br> <a href="j2s" target="_blank">Converted Java class directory</a>\r
69 <br> <img src=jumbledimage.png />\r
70 </div>\r
71 </div>\r
72 </body>\r
73 </html>\r