Subversion Repositories wimsdev

Rev

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 type="text/javascript">
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
         outputdiv.style.backgroundColor = "orange";
69
    outputdiv.style.backgroundColor = "orange";
67
         outputdiv.style.display = "block";
70
    outputdiv.style.display = "block";
68
         break;
71
    break;
69
  case 2:outputdiv.innerHTML = wimschem.ReadAtomSelection();
72
  case 2:outputdiv.innerHTML = wimschem.ReadAtomSelection();
70
         outputdiv.style.backgroundColor = "orange";
73
    outputdiv.style.backgroundColor = "orange";
71
         outputdiv.style.display = "block";
74
    outputdiv.style.display = "block";
72
         break;
75
    break;
73
  case 3:outputdiv.innerHTML = wimschem.ReadBondSelection();
76
  case 3:outputdiv.innerHTML = wimschem.ReadBondSelection();
74
         outputdiv.style.backgroundColor = "orange";
77
    outputdiv.style.backgroundColor = "orange";
75
         outputdiv.style.display = "block";
78
    outputdiv.style.display = "block";
76
         break;
79
    break;
77
  case 4:sendanswer();
80
  case 4:sendanswer();
78
 }
81
  }
79
}
82
}
80
function sendanswer(){
83
function sendanswer(){
81
    var wimschem = document.getElementById('wimschem.new');
84
  var wimschem = document.getElementById('wimschem.new');
82
    var your_svg = wimschem.getSVG("1");
85
  var your_svg = wimschem.getSVG("1");
83
    var my_svg = wimschem.getSVG("2");
86
  var my_svg = wimschem.getSVG("2");
84
    var mdmol = wimschem.GetMoleculeMDLMol();
87
  var mdmol = wimschem.GetMoleculeMDLMol();
85
    reply = my_svg+"\n"+your_svg+"\n"+mdmol;
88
  reply = my_svg+"\n"+your_svg+"\n"+mdmol;
86
    document.write(reply);
89
  document.write(reply);
87
    return;
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