guide me how can i resolve this issue. Amitesh kumar sharma Noida Uttar Pradesh
On Wed, Aug 12, 2015 at 11:49 AM, amitesh sharma <siprusha...@gmail.com> wrote: > Hello > > As per message i tried to run tis code like: > > <!DOCTYPE html> > <html> > <head> > <title>Super-Simple JSmol</title> > <meta charset="utf-8"> > <script type="text/javascript" src="js/JSmol.min.js"></script> > <script type="text/javascript"> > $(document).ready(function() { > > Info = { > width: 400, > height: 400, > debug: false, > j2sPath: "j2s", > color: "0xC0C0C0", > disableJ2SLoadMonitor: true, > disableInitialConsole: true, > addSelectionOptions: true, > serverURL: " > http://chemapps.stolaf.edu/jmol/jsmol/php/jsmol.php", > use: "HTML5", > readyFunction: null, > script: "load $caffeine" > } > > > $("#mydiv").html(Jmol.getAppletHtml("jmolApplet0",Info)) > Jmol.setDocument(0); // tells Jmol object to just return HTML; doesn't > use document.write > var s = Jmol.jmolLink(jmolApplet0, "spin on", "spin on") > + " " + Jmol.jmolLink(jmolApplet0, "spin off", "spin off") > + " " + Jmol.jmolCheckbox(jmolApplet0, "spin on", "spin off", "toggle > spin") > $("#buttondiv").html(s) > }); > > > > </script> > </head> > <body> > <span id=mydiv></span> > <span id=buttondiv></span> > <a href="javascript:Jmol.script(jmolApplet0, 'spin on')">spin on</a> > > <a href="javascript:Jmol.script(jmolApplet0, 'spin off')">spin off</a> > <script> > Jmol.jmolCheckbox(jmolApplet0, "spin on", "spin off", "toggle spin") > </script> > </body> > </html> > > > > but still i face problem to run it. > > snap shot attached: > > > > > > > > Amitesh kumar sharma > Noida Uttar Pradesh > > On Wed, Aug 12, 2015 at 10:06 AM, Robert Hanson <hans...@stolaf.edu> > wrote: > >> Stephen, you are almost there -- just one issue: >> >> On Tue, Aug 11, 2015 at 2:59 PM, Stephen Hillier < >> stephen.hill...@hutton.ac.uk> wrote: >> >>> >>> >>> $(document).ready(function() { >>> >>> >>> >>> Info = { >>> >>> width: 400, >>> >>> height: 400, >>> >>> debug: false, >>> >>> j2sPath: "j2s", >>> >>> color: "0xC0C0C0", >>> >>> disableJ2SLoadMonitor: true, >>> >>> disableInitialConsole: true, >>> >>> addSelectionOptions: true, >>> >>> serverURL: " >>> http://chemapps.stolaf.edu/jmol/jsmol/php/jsmol.php", >>> >>> use: "HTML5", >>> >>> readyFunction: null, >>> >>> script: "load $caffeine" >>> >>> } >>> >>> >> >>> >>> $("#mydiv").html(Jmol.getAppletHtml("jmolApplet0",Info)) >>> >>> >>> >>> }); >>> >>> >>> >>> >> Very nice -- the applet is being created after the page is loaded. This >> is the way to go. >> >> >>> >>> </script> >>> >>> </head> >>> >>> <body> >>> >>> <span id=mydiv></span> >>> >>> <a href="javascript:Jmol.script(jmolApplet0, 'spin on')">spin on</a> >>> >>> >>> >>> <a href="javascript:Jmol.script(jmolApplet0, 'spin off')">spin off</a> >>> >>> >> This next is JavaScript, so you need a <script> tag here >> >>> >>> >>> *Jmol.jmolCheckbox(jmolApplet0, "spin on", "spin off", "toggle spin") * >>> >>> >> and </script> here. Note that you have not defined jmolApplet0 yet --- >> that happens after the page is loaded. Two options: >> >> 1) define in the header the name as the same as the string >> >> jmolApplet0 = "jmolApplet0" >> >> 2) just use "jmolApplet0" in quotes here. JSmol will convert it later: >> >> <script> >> >> *Jmol.jmolCheckbox("jmolApplet0", "spin on", "spin off", "toggle spin") * >> >> </script> >> >> >>> >>> </body> >>> >>> </html> >>> >>> >>> >>> >> You can avoid all script tags in the body if you want by using >> Jmol.setDocument(0) in your $(document).ready() method and building all the >> buttons there. So, for example: >> >> ... >> <head> >> ... >> $(document).ready(function() { >> ... >> $("#mydiv").html(Jmol.getAppletHtml("jmolApplet0",Info)) >> ... >> Jmol.setDocument(0); // tells Jmol object to just return HTML; doesn't >> use document.write >> var s = Jmol.jmolLink(jmolApplet0, "spin on", "spin on") >> + " " + Jmol.jmolLink(jmolApplet0, "spin off", "spin off") >> + " " + *Jmol.jmolCheckbox(jmolApplet0, "spin on", "spin off", >> "toggle spin")* >> $("#buttondiv").html( >> >> *s)* >> }); >> ... >> </head> >> <body> >> ... >> >> <span id=mydiv></span> >> >> <span id=buttondiv></span> >> >> >> Bob >> >> >> >> ------------------------------------------------------------------------------ >> >> _______________________________________________ >> Jmol-users mailing list >> Jmol-users@lists.sourceforge.net >> https://lists.sourceforge.net/lists/listinfo/jmol-users >> >> >
------------------------------------------------------------------------------
_______________________________________________ Jmol-users mailing list Jmol-users@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/jmol-users