This repository has been archived by the owner on Feb 10, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
mechanism.html
65 lines (59 loc) · 3.65 KB
/
mechanism.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Mechanism</title>
<link rel="stylesheet" type="text/css" href="mainlayout.css">
</head>
<body>
<center>
<div class="mainBody">
<div class="pageTitle">
<br>
<img src="images/title.png" alt="Anthony Sottile" title="Anthony Sottile">
</div>
<div class="contentBody">
<div class="imageleft">
<center>
<a href="index.html"><img src="images/home.png" alt="Home"></a><br><br>
<a href="nmr.html"><img src="images/nmr.png" alt="NMR"></a><br><br>
<a href="procedure.html"><img src="images/procedure.png" alt="Procedure"></a><br><br>
<a href="mechanism.html"><img src="images/mechanism.png" alt="Mechanism"></a><br><br>
<a href="reference.html"><img src="images/reference.png" alt="References"></a><br><br>
<a href="leadingq.html"><img src="images/leadingq.png" alt="Leading Question TfOH"></a><br><br>
<a href="aboutus.html"><img src="images/aboutus.png" alt="About Us"></a>
</center>
<div></div>
</div>
<div class="subtitle">
<img src="images/mechanismsub.png" alt="subtitle">
<div></div>
</div>
<br><br>
<img src="images/mechanism.gif" alt="mechanism" id="mechanism">
<div style="float:right; margin: 4px 4px 4px 4px; background-color: #000; width: 150px; padding-top: 10px; background-image: url(images/imagetop.png); background-repeat: no-repeat; display: block;">
<center>
<a href="#" onclick="document.getElementById('mechanism').src='images/step1.gif'; document.getElementById('mechanismdesctext').innerHTML= '<b>Step 1</b><br>Rotation around sigma bond sets up reaction site.';"><img src="images/step1.png" style="border:0;" alt="Step 1"></a><br><br>
<a href="#" onclick="document.getElementById('mechanism').src='images/step2.gif'; document.getElementById('mechanismdesctext').innerHTML= '<b>Step 2</b><br>TfOH Protonates a double bond on <b>Compound 41</b>';"><img src="images/step2.png" style="border:0;" alt="Step 2"></a><br><br>
<a href="#" onclick="document.getElementById('mechanism').src='images/step3.gif'; document.getElementById('mechanismdesctext').innerHTML= '<b>Step 3</b><br>The carbocation undergoes an electrophilic addition and ring closure.';"><img src="images/step3.png" style="border:0;" alt="Step 3"></a><br><br>
<a href="#" onclick="document.getElementById('mechanism').src='images/step4.gif'; document.getElementById('mechanismdesctext').innerHTML= '<b>Step 4</b><br>The ring is deprotonated to re-establish aromaticity.';"><img src="images/step4.png" style="border:0;" alt="Step 4"></a><br><br>
<a href="#" onclick="document.getElementById('mechanism').src='images/showall.gif'; document.getElementById('mechanismdesctext').innerHTML= '<b>Step 1</b><br>Rotation around sigma bond sets up reaction site.<br><br><b>Step 2</b><br>TfOH Protonates a double bond on <b>Compound 41</b><br><br><b>Step 3</b><br>The carbocation undergoes an electrophilic addition and ring closure.<br><br><b>Step 4</b><br>The ring is deprotonated to re-establish aromaticity.';"><img src="images/showall.png" style="border:0;" alt="Show All"></a><br><br>
</center>
<div style="width:150px; height:10px; background-image: url(images/imagebottom.png);background-repeat:no-repeat;font-size:1px;"></div>
</div>
<br><br>
<table class="tableclass" width="100%">
<tr>
<td>
<div id="mechanismdesctext">Click a step on the right to show the reaction mechanism.
</div>
</td>
</tr>
</table>
<br>
<br>
</div>
</div>
</center>
</body>
</html>