Collections:
Use of Anonymous Function for 3Dmol.js
Why do some 3Dmol.js examples use anonymous function?
✍: FYIcenter.com
There is no reason and no need to include 3Dmol.js code
inside an anonymous function.
There is no difference between using 3Dmol.js with anonymous function and without anonymous function.
For example, the following HTML document, With-Anonymous-Function.html, uses an anonymous function as suggested by the 3Dmol.js official document.
<html><head> <script src="https://3Dmol.org/build/3Dmol-min.js"></script> </head> <body> <div id="viewer" style="width: 400px; height: 400px;"/> <script> $(function() { let config = { backgroundColor: 'grey' }; let viewer = $3Dmol.createViewer( $('#viewer'), config ); let pdbUri = 'https://files.rcsb.org/download/1YCR.pdb'; jQuery.ajax( pdbUri, { success: function(data) { let v = viewer; viewer.addModel( data, "pdb" ); viewer.setStyle({}, {cartoon: {color: 'spectrum'}}); viewer.zoomTo(); viewer.render(); }, error: function(hdr, status, err) { console.error( "Failed to load PDB " + pdbUri + ": " + err ); }, }); }); </script> </body></html>
the following HTML document, Without-Anonymous-Function.html, uses no anonymous function.
<html><head> <script src="https://3Dmol.org/build/3Dmol-min.js"></script> </head> <body> <div id="viewer" style="width: 400px; height: 400px;"/> <script> let config = { backgroundColor: 'grey' }; let viewer = $3Dmol.createViewer( $('#viewer'), config ); let pdbUri = 'https://files.rcsb.org/download/1YCR.pdb'; jQuery.ajax( pdbUri, { success: function(data) { let v = viewer; viewer.addModel( data, "pdb" ); viewer.setStyle({}, {cartoon: {color: 'spectrum'}}); viewer.zoomTo(); viewer.render(); }, error: function(hdr, status, err) { console.error( "Failed to load PDB " + pdbUri + ": " + err ); }, }); </script> </body></html>
If you load both HTML documents in a Web browser, they work exactly in the same way.
⇒ "new window.ResizeObserver(this.resize)" Error
⇐ Display Protein Structure with 3Dmol.js
⇑ Getting Started with 3Dmol.js
⇑⇑ 3Dmol.js FAQ
2023-09-07, 333🔥, 0💬
Popular Posts:
Molecule Summary: ID: FYI-1001805 SMILES: CCCCCC(CCC)COC(=O)C1=CC= CC=C1C(=O)OCC(CCC)CCCCCReceived a...
Where to find tutorials in understanding what is PyMol and how to install it? Here is a list of tuto...
Molecule Summary: ID: FYI-1003974 Names: InChIKey: RXRVZCNDQCUYGS-UHFFFAOYS A-NSMILES: Brc4ccc(CSc3n...
Molecule Summary: ID: FYI-1000961 SMILES: CN1CCC(=CC1)C2=CC=CC=C2 Received at FYIcenter.com on: 2021...
Molecule Summary: ID: FYI-1003784 Names: InChIKey: BOLCETHKTFCPEK-UHFFFAOYS A-NSMILES: C1OCOCOCOCOCO...