site/swingjs/seethroughimage.htm

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