-
Notifications
You must be signed in to change notification settings - Fork 1
/
shoulder.html
166 lines (146 loc) · 9.43 KB
/
shoulder.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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Shoulder</title>
<link rel="icon" href="https://cdn-icons-png.flaticon.com/128/3103/3103997.png">
<link rel="stylesheet" href="selftest_style.css">
<!-- Google Fonts Link -->
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;700;800&display=swap" rel="stylesheet"/>
<!--Line Awesome CDN Link-->
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css"/>
<!-- font awesome cdn link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<!-- custom css file link -->
<link rel="stylesheet" href="css/style.css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="data_css.css" />
</head>
<body>
<h1 style="font-family:poppins;background-color:orange;text-align:center;font-size: 3.2em; margin-top: 0.20em;font-color:white;color:white">Analyze your shoulder</h1>
<section id="sec-1">
<div class="main-container">
<h2> Are you experiencing any of the following symptoms?</h2>
<div class="radio-buttons">
<label class="custom-radio">
<input type="radio" name="ques1.a" id="q1a">
<span class="radio-btn">
<i class="las la-check"></i>
<div class="amartya-icon">
<img width="140 px" height="140 px" src="https://tse2.mm.bing.net/th?id=OIP.C2ib8bUEDtu1t7oA2h3nvAHaFO&pid=Api&P=0"/>
<h3>Shoulder muscle pain</h3>
</div>
</span>
</label>
<label class="custom-radio">
<input type="radio" name="ques1.b" id="q1b">
<span class="radio-btn">
<i class="las la-check"></i>
<div class="amartya-icon">
<img width="150 px" height="140 px" src="https://tse3.mm.bing.net/th?id=OIP.MbRsFqdXtH_EygocWaxWwAAAAA&pid=Api&P=0"/>
<h3>Subacromial Bursal Tenderness</h3>
</div>
</span>
</label>
<label class="custom-radio">
<input type="radio" name="ques1.c" id="q1c">
<span class="radio-btn">
<i class="las la-check"></i>
<div class="amartya-icon">
<img width="140 px" height="140 px" src="https://tse2.mm.bing.net/th?id=OIP.JNgg36mLaXoG3RfC43QobwHaEJ&pid=Api&P=0"/>
<h3>Shoulder Muscle Twitching</h3>
</div>
</span>
</label>
</div>
</div>
</section>
<input type="submit" name="submit" value="SUBMIT" id="nav" onclick="result()" class="scroll-down5">
<input type="back" name="back" value="BACK" onclick="window.location.href ='middlebody.html';" class="scroll-down6">
<section class="tips" id="sec-res">
<h1 class="heading"> Reults based on your symptoms are :</h1>
<div class="box-container">
<div class="box" id="res-n" style="display:none">
<img src="https://tse3.mm.bing.net/th?id=OIP.YC9RJ9OdG6oR-GkNmGeUvQHaF8&pid=Api&P=0" alt="">
<h3>Sorry </h3>
<p>We are unable to find any conditions that match the symptoms you entered..</p>
<a href="selftest_index.html">Re-enter your symptoms.</a>
</div>
<div class="box" id="res-a" style="display:none">
<img src="https://tse1.mm.bing.net/th?id=OIP.Ns1gtcdPoS1Y-SlYjfbY5wHaHE&pid=Api&P=0" alt="">
<h3>Bursitis (Subdeltoid)</h3>
<p>Symptoms : Pain in the side and front of shoulder, trouble sleeping on the affected side, pain when lifting your arm
<br><br>>How Common : Shoulder problems account for about 7.5 million visits to the doctor each year in the U.S.
<br><br>Risk Factors : Playing sports or having jobs that put strain on the shoulder
<br><br>Diagnosed By : Subdeltoid bursitis can be hard to diagnose, because symptoms can vary greatly from person to person. The doctor may diagnose subdeltoid bursitis with a physical exam, by checking your range of motion, and noting symptoms of pain and swelling with palpation. Sometimes, a special injection can help diagnose the problem as well as treat it. If pain lessens after injection, subdeltoid bursitis is more likely the cause.
</p>
<a href="https://www.webmd.com/pain-management/understanding-bursitis-symptoms" target="_blank">Learn more ...</a>
</div>
<div class="box" id="res-b" style="display:none">
<img src="https://tse2.explicit.bing.net/th?id=OIP.wk3-Ycx6RVm9uGyWsJ1PswHaFj&pid=Api&P=0" alt="">
<h3>Thrombophlebitis</h3>
<p>Symptoms : The symptoms of thrombophlebitis include swelling, redness, warm skin, or pain in the area where the clot is located. Sometimes, there is also a fever. But in some cases, you may have no symptoms
<br><br> How Common : 300,000 to 600,000 people have deep vein thrombosis or pulmonary embolism from thrombophlebitis each year. Many more go undiagnosed.
<br><br>Risk Factors : You may be at higher risk for thrombophlebitis if you:
<br>Sit for a long period of time, such as on a plane or in a car
<br>Have to remain in bed for a long period of time
<br>Have arms or legs that are paralyzed due to a stroke or spinal cord injury
<br> Have cancer
<br> Are obese
<br>Are pregnant or recently had a baby
<br>Have a history of blood clots in your family
<br>Are age 60 or older
<br>Your risk for thrombophlebitis increases with the more risk factors you have.
<!-- <ul text-align="left">
<li>Sit for a long period of time, such as on a plane or in a car</li>
<li>Have to remain in bed for a long period of time</li>
<li>Have arms or legs that are paralyzed due to a stroke or spinal cord injury</li>
<li>Have cancer</li>
<li>Are obese</li>
<li>Are pregnant or recently had a baby</li>
<li>Have a history of blood clots in your family</li>
<li>Are age 60 or older</li>
</ul> -->
<br><br>Diagnosed By : To diagnose thrombophlebitis your doctor will take a medical history and do a physical exam. You also may need blood tests, a CT scan, an MRI, or an ultrasound to find clots.
</p>
<a href="https://www.webmd.com/dvt/understanding-thrombophlebitis-basics" target="_blank">Learn more ...</a>
</div>
<div class="box" id="res-a" style="display:none">
<img src="https://tse1.mm.bing.net/th?id=OIF.FsSHt9S%2fB2k1I%2bnbVDaKvQ&pid=Api&P=0" alt="">
<h3>Bursitis (Subdeltoid)</h3>
<p>Symptoms : Pain in the side and front of shoulder, trouble sleeping on the affected side, pain when lifting your arm
<br><br>>How Common : Shoulder problems account for about 7.5 million visits to the doctor each year in the U.S.
<br><br>Risk Factors : Playing sports or having jobs that put strain on the shoulder
<br><br>Diagnosed By : Subdeltoid bursitis can be hard to diagnose, because symptoms can vary greatly from person to person. The doctor may diagnose subdeltoid bursitis with a physical exam, by checking your range of motion, and noting symptoms of pain and swelling with palpation. Sometimes, a special injection can help diagnose the problem as well as treat it. If pain lessens after injection, subdeltoid bursitis is more likely the cause.
</p>
<a href="https://www.webmd.com/pain-management/understanding-bursitis-symptoms" target="_blank">Learn more ...</a>
</div>
</div>
</section>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script> <!-- Alert Box Link -->
<script type="text/javascript">
function result() {
window.location.href = "#sec-res";
var status= document.getElementById('res-n');
var resa = document.getElementById('res-a');
var resb = document.getElementById('res-b');
if(document.getElementById('q1a').checked == true)
{
resa.style.display = "block";
}
if(document.getElementById('q1b').checked == true)
{
resb.style.display = "block";
resa.style.display = "block";
}
if(document.getElementById('q1c').checked == true)
{
status.style.display = "block";
}
//swal(status);
//document.write(status);
//document.getElementById("res").innerHTML = status;
}
</script>
</body>
</html>