Rev 7293 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed
Rev 7293 | Rev 13573 | ||
---|---|---|---|
Line 1... | Line 1... | ||
1 | 1 | <!DOCTYPE html> |
|
2 | <html> |
2 | <html> |
- | 3 | <head> |
|
- | 4 | <title>WimsChem Test 1</title> |
|
- | 5 | </head> |
|
3 | <body> |
6 | <body> |
4 | <!-- |
7 | <!-- |
5 | <form id="form" action="$wims_refname?form-data$session" method="post" enctype="multipart/form-data" > |
8 | <form id="form" action="$wims_refname?form-data$session" method="post" enctype="multipart/form-data" > |
6 | <input type="hidden" name="session" value="$session" /> |
9 | <input type="hidden" name="session" value="$session" /> |
7 | <input type="hidden" name="lang" value="nl" /> |
10 | <input type="hidden" name="lang" value="nl" /> |
8 | <input type="hidden" name="cmd" value="reply" /> |
11 | <input type="hidden" name="cmd" value="reply" /> |
9 | <input type="hidden" name="module" value="$module" /> |
12 | <input type="hidden" name="module" value="$module" /> |
10 | <input type="hidden" id="reply" name="reply$counter" value="" /> |
13 | <input type="hidden" id="reply" name="reply$counter" value="" /> |
11 | </form> |
14 | </form> |
12 | --> |
15 | --> |
13 | <script |
16 | <script> |
14 | var testmol="CCCCCCC(O)CCCCCCCCCCC(=O)O\n"+ |
17 | var testmol="CCCCCCC(O)CCCCCCCCCCC(=O)O\n"+ |
15 | "JME 2006.05 Tue Aug 19 08:32:49 CEST 2008\n"+ |
18 | "JME 2006.05 Tue Aug 19 08:32:49 CEST 2008\n"+ |
16 | "\n"+ |
19 | "\n"+ |
17 | " 21 20 0 0 0 0 0 0 0 0999 V2000\n"+ |
20 | " 21 20 0 0 0 0 0 0 0 0999 V2000\n"+ |
18 | " 0.7000 0.0000 0.0000 C 0 0 0 0 0 0 0 0 0 0 0 0\n"+ |
21 | " 0.7000 0.0000 0.0000 C 0 0 0 0 0 0 0 0 0 0 0 0\n"+ |
Line 56... | Line 59... | ||
56 | " 17 20 1 0 0 0 0\n"+ |
59 | " 17 20 1 0 0 0 0\n"+ |
57 | " 18 21 1 0 0 0 0\n"+ |
60 | " 18 21 1 0 0 0 0\n"+ |
58 | " 19 21 1 0 0 0 0\n"+ |
61 | " 19 21 1 0 0 0 0\n"+ |
59 | "M END\n"; |
62 | "M END\n"; |
60 | function show(t){ |
63 | function show(t){ |
61 | var wimschem = document.getElementById("wimschem.new") |
64 | var wimschem = document.getElementById("wimschem.new") |
62 | var outputdiv = document.getElementById("outputdiv"); |
65 | var outputdiv = document.getElementById("outputdiv"); |
63 | switch(t){ |
66 | switch(t){ |
64 | case 0: wimschem.SetMoleculeMDLMol(testmol);break; |
67 | case 0: wimschem.SetMoleculeMDLMol(testmol);break; |
65 | case 1:outputdiv.innerHTML = wimschem.getSVG(1); |
68 | case 1:outputdiv.innerHTML = wimschem.getSVG(1); |
66 |
|
69 | outputdiv.style.backgroundColor = "orange"; |
67 |
|
70 | outputdiv.style.display = "block"; |
68 |
|
71 | break; |
69 | case 2:outputdiv.innerHTML = wimschem.ReadAtomSelection(); |
72 | case 2:outputdiv.innerHTML = wimschem.ReadAtomSelection(); |
70 |
|
73 | outputdiv.style.backgroundColor = "orange"; |
71 |
|
74 | outputdiv.style.display = "block"; |
72 |
|
75 | break; |
73 | case 3:outputdiv.innerHTML = wimschem.ReadBondSelection(); |
76 | case 3:outputdiv.innerHTML = wimschem.ReadBondSelection(); |
74 |
|
77 | outputdiv.style.backgroundColor = "orange"; |
75 |
|
78 | outputdiv.style.display = "block"; |
76 |
|
79 | break; |
77 | case 4:sendanswer(); |
80 | case 4:sendanswer(); |
78 | } |
81 | } |
79 | } |
82 | } |
80 | function sendanswer(){ |
83 | function sendanswer(){ |
81 |
|
84 | var wimschem = document.getElementById('wimschem.new'); |
82 |
|
85 | var your_svg = wimschem.getSVG("1"); |
83 |
|
86 | var my_svg = wimschem.getSVG("2"); |
84 |
|
87 | var mdmol = wimschem.GetMoleculeMDLMol(); |
85 |
|
88 | reply = my_svg+"\n"+your_svg+"\n"+mdmol; |
86 |
|
89 | document.write(reply); |
87 |
|
90 | return; |
88 | } |
91 | } |
89 | </script> |
92 | </script> |
90 | 93 | ||
91 | <table> |
94 | <table> |
92 | <tr> |
95 | <tr> |
93 | <th> |
96 | <th> |
94 | <div id="outputdiv" ></div> |
97 | <div id="outputdiv" ></div> |
95 | </th> |
98 | </th> |
96 | </tr> |
99 | </tr> |
97 | <tr> |
100 | <tr> |
98 | <th> |
101 | <th> |
99 | <applet name="WIMSchem" id="wimschem.new" code="WIMSchem.MainApplet" archive="dist/WIMSchem.jar" width="550" height="650"> |
102 | <applet name="WIMSchem" id="wimschem.new" code="WIMSchem.MainApplet" archive="dist/WIMSchem.jar" width="550" height="650"> |
100 | <param name="atoms" value="C,N,O,S,Mn,Ni,Mg,Pb,Ca,Li,K,Na,Si"><!-- provate collection of usable atoms --> |
103 | <param name="atoms" value="C,N,O,S,Mn,Ni,Mg,Pb,Ca,Li,K,Na,Si"><!-- provate collection of usable atoms --> |
101 | <param name="language" value="en"><!-- supportded en / nl : fr not translated --> |
104 | <param name="language" value="en"><!-- supportded en / nl : fr not translated --> |
102 | <param name="atom_button_row" value="1"><!-- show an addional row with atom buttons: buttonrow may be detached from applet --> |
105 | <param name="atom_button_row" value="1"><!-- show an addional row with atom buttons: buttonrow may be detached from applet --> |
103 | <param name="zoomfactor" value="1.3"><!-- append javascript zoom to SVG export --> |
106 | <param name="zoomfactor" value="1.3"><!-- append javascript zoom to SVG export --> |
104 | <!-- <param name="file" value="http://localhost/molfiles/a.mol"> ==> <!-- this molecule will be shown in the apple if param 'showfile' = 1 --> |
107 | <!-- <param name="file" value="http://localhost/molfiles/a.mol"> ==> <!-- this molecule will be shown in the apple if param 'showfile' = 1 --> |
105 | <param name="showfile" value="yes"><!-- if 1/yes loaded file (MDLMol/Native) is shown --> |
108 | <param name="showfile" value="yes"><!-- if 1/yes loaded file (MDLMol/Native) is shown --> |
106 | <param name="user_selection" value="1"><!-- allow student to select bonds & atoms --> |
109 | <param name="user_selection" value="1"><!-- allow student to select bonds & atoms --> |
107 | <!-- optional for all colors Atoms & Bonds : default 100 --> |
110 | <!-- optional for all colors Atoms & Bonds : default 100 --> |
108 | <param name="color_alpha" value="100"><!-- needed otherwise atoms will be hidden by solid disk --> |
111 | <param name="color_alpha" value="100"><!-- needed otherwise atoms will be hidden by solid disk --> |
109 | <param name="default_atom_select_color" value="255,0,0"><!-- optional : default 255,0,0 [red] --> |
112 | <param name="default_atom_select_color" value="255,0,0"><!-- optional : default 255,0,0 [red] --> |
110 | <param name="default_bond_select_color" value="255,0,0"><!-- optional : default 255,0,0 [red] --> |
113 | <param name="default_bond_select_color" value="255,0,0"><!-- optional : default 255,0,0 [red] --> |
111 | <param name="select_atoms" value="1,3"><!-- line numbers in server loaded MDLMol file --> |
114 | <param name="select_atoms" value="1,3"><!-- line numbers in server loaded MDLMol file --> |
112 | <param name="select_bonds" value="2,4"><!-- line numbers in server loaded MDLMol file --> |
115 | <param name="select_bonds" value="2,4"><!-- line numbers in server loaded MDLMol file --> |
113 | <!-- colors used for showing server selected atoms and bonds --> |
116 | <!-- colors used for showing server selected atoms and bonds --> |
114 | <param name="select_atom_color1" value="255,0,0"><!-- optional : default colors = red or default_select_color --> |
117 | <param name="select_atom_color1" value="255,0,0"><!-- optional : default colors = red or default_select_color --> |
115 | <param name="select_atom_color2" value="0,255,0"><!-- optional : default colors = red or default_select_color --> |
118 | <param name="select_atom_color2" value="0,255,0"><!-- optional : default colors = red or default_select_color --> |
116 | <param name="select_atom_color3" value="0,0,255"><!-- optional : default colors = red or default_select_color --> |
119 | <param name="select_atom_color3" value="0,0,255"><!-- optional : default colors = red or default_select_color --> |
117 | <param name="select_atom_color4" value="0,0,255"><!-- optional : default colors = red or default_select_color --> |
120 | <param name="select_atom_color4" value="0,0,255"><!-- optional : default colors = red or default_select_color --> |
118 | 121 | ||
119 | <param name="select_bond_color1" value="255,0,0"><!-- optional : default colors = red or default_select_color --> |
122 | <param name="select_bond_color1" value="255,0,0"><!-- optional : default colors = red or default_select_color --> |
120 | <param name="select_bond_color2" value="0,255,0"><!-- optional : default colors = red or default_select_color --> |
123 | <param name="select_bond_color2" value="0,255,0"><!-- optional : default colors = red or default_select_color --> |
121 | <param name="select_bond_color3" value="0,0,255"><!-- optional : default colors = red or default_select_color --> |
124 | <param name="select_bond_color3" value="0,0,255"><!-- optional : default colors = red or default_select_color --> |
122 | <param name="select_bond_color4" value="0,0,255"><!-- optional : default colors = red or default_select_color --> |
125 | <param name="select_bond_color4" value="0,0,255"><!-- optional : default colors = red or default_select_color --> |
123 | 126 | ||
124 | <param name="show_hydrogen" value="1"><!-- optional; default is yes / 1 --> |
127 | <param name="show_hydrogen" value="1"><!-- optional; default is yes / 1 --> |
125 | <param name="show_carbon" value="1"><!-- optional; default is yes / 1 --> |
128 | <param name="show_carbon" value="1"><!-- optional; default is yes / 1 --> |
126 | <param name="rotation" value="45"> <!-- optional : angle in degrees --> |
129 | <param name="rotation" value="45"> <!-- optional : angle in degrees --> |
127 | <!-- the lefthand tool button bar : buttonrow is detachable from main applet window --> |
130 | <!-- the lefthand tool button bar : buttonrow is detachable from main applet window --> |
128 | <param name="TOOL_CURSOR" value="yes"><!-- needed for mouse action --> |
131 | <param name="TOOL_CURSOR" value="yes"><!-- needed for mouse action --> |
129 | <param name="TOOL_UNSELECT" value="yes"> <!--unselect studen drawing --> |
132 | <param name="TOOL_UNSELECT" value="yes"> <!--unselect studen drawing --> |
130 | <param name="TOOL_SELECT" value="yes"> <!--unselect studen drawing --> |
133 | <param name="TOOL_SELECT" value="yes"> <!--unselect studen drawing --> |
131 | <param name="TOOL_ROTATOR" value="yes"> |
134 | <param name="TOOL_ROTATOR" value="yes"> |
132 | <param name="TOOL_ERASOR" value="yes"> |
135 | <param name="TOOL_ERASOR" value="yes"> |
133 | <param name="TOOL_DIALOG" value="yes"> |
136 | <param name="TOOL_DIALOG" value="yes"> |
134 | <param name="TOOL_EDIT" value="yes"> |
137 | <param name="TOOL_EDIT" value="yes"> |
135 | <param name="TOOL_SETATOM" value="yes"> |
138 | <param name="TOOL_SETATOM" value="yes"> |
136 | <param name="TOOL_SINGLE" value="yes"> |
139 | <param name="TOOL_SINGLE" value="yes"> |
137 | <param name="TOOL_DOUBLE" value="yes"> |
140 | <param name="TOOL_DOUBLE" value="yes"> |
138 | <param name="TOOL_TRIPLE" value="yes"> |
141 | <param name="TOOL_TRIPLE" value="yes"> |
139 | <param name="TOOL_ZERO" value="yes"> |
142 | <param name="TOOL_ZERO" value="yes"> |
140 | <param name="TOOL_INCLINED" value="yes"> |
143 | <param name="TOOL_INCLINED" value="yes"> |
141 | <param name="TOOL_DECLINED" value="yes"> |
144 | <param name="TOOL_DECLINED" value="yes"> |
142 | <param name="TOOL_CHARGE" value="yes"> |
145 | <param name="TOOL_CHARGE" value="yes"> |
143 | <param name="TOOL_UNDO=" value="no"> |
146 | <param name="TOOL_UNDO=" value="no"> |
144 | <param name="TOOL_REDO=" value="no"> |
147 | <param name="TOOL_REDO=" value="no"> |
145 | <param name="TOOL_TEMPLATE" value="yes"> |
148 | <param name="TOOL_TEMPLATE" value="yes"> |
146 | <param name="TOOL_CUT" value="no"> |
149 | <param name="TOOL_CUT" value="no"> |
147 | <param name="TOOL_COPY" value="no"> |
150 | <param name="TOOL_COPY" value="no"> |
148 | <param name="TOOL_PASTE" value="no"> |
151 | <param name="TOOL_PASTE" value="no"> |
149 | <!-- the top menu --> |
152 | <!-- the top menu --> |
150 | <param name="MENU_BLOCK" value="yes"> |
153 | <param name="MENU_BLOCK" value="yes"> |
151 | <param name="MENU_SELECT" value="yes"> |
154 | <param name="MENU_SELECT" value="yes"> |
152 | <param name="MENU_TRANSFORM" value="yes"> |
155 | <param name="MENU_TRANSFORM" value="yes"> |
153 | <param name="MENU_ZOOM" value="yes"> |
156 | <param name="MENU_ZOOM" value="yes"> |
154 | <param name="MENU_SHOW" value="yes"> |
157 | <param name="MENU_SHOW" value="yes"> |
155 | <param name="MENU_HYDROGEN" value="yes"> |
158 | <param name="MENU_HYDROGEN" value="yes"> |
156 | <param name="MENU_STEREO" value="yes"> |
159 | <param name="MENU_STEREO" value="yes"> |
157 | <param name="MENU_HELP" value="yes"> |
160 | <param name="MENU_HELP" value="yes"> |
158 | (java unavailable) |
161 | (java unavailable) |
159 | </applet> |
162 | </applet> |
- | 163 | </th> |
|
160 | </tr> |
164 | </tr> |
161 | <tr> |
165 | <tr> |
162 | <th> |
166 | <th> |
163 | <input type="button" onclick="javascript:show(0)" value="SHOW A MOLECULE" /> |
167 | <input type="button" onclick="javascript:show(0)" value="SHOW A MOLECULE" /> |
164 | <input type="button" onclick="javascript:show(1)" value="SHOW SVG" /> |
168 | <input type="button" onclick="javascript:show(1)" value="SHOW SVG" /> |
165 | <input type="button" onclick="javascript:show(2)" value="SHOW ATOM SELECTION" /> |
169 | <input type="button" onclick="javascript:show(2)" value="SHOW ATOM SELECTION" /> |
166 | <input type="button" onclick="javascript:show(3)" value="SHOW BOND SELECTION" /> |
170 | <input type="button" onclick="javascript:show(3)" value="SHOW BOND SELECTION" /> |
167 | <input type="button" onclick="javascript:show(4)" value="SENT TO WIMS" /> |
171 | <input type="button" onclick="javascript:show(4)" value="SENT TO WIMS" /> |
168 | </th> |
172 | </th> |
169 | </tr> |
173 | </tr> |
170 | </table> |
174 | </table> |
171 | </body> |
175 | </body> |
172 | </html> |
176 | </html> |
173 | 177 |