Widget:DAPTscore: Difference between revisions

Jump to navigation Jump to search
mNo edit summary
mNo edit summary
 
(23 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly>
<includeonly>
<script type="text/javascript">
<script type="text/javascript">
function calcScore(){
function calcScore(){
var age_score = 0;
var age_score = 0;
if (document.getElementById('AGE1').checked == 1) {age_score += -2;}
if (document.getElementById('AGE1').checked == 1) {age_score += -2;}
Line 19: Line 19:


document.forms["DAPTSCORE"]["result"].value = score;
document.forms["DAPTSCORE"]["result"].value = score;
if(score <= 1){document.forms["DAPTSCORE"]["longanswer"].value = "Benefit-risk favoring prolonged DAPT over aspirin alone";}
if(score >= 2){document.forms["DAPTSCORE"]["longanswer"].value = "Benefit-risk favoring prolonged DAPT over aspirin alone";}
if(score >= 2){document.forms["DAPTSCORE"]["longanswer"].value = "Benefit-risk favoring aspirin alone over prolonged DAPT";}
if(score <= 1){document.forms["DAPTSCORE"]["longanswer"].value = "Benefit-risk favoring aspirin alone over prolonged DAPT";}
 
}
}
</script>
</script>
Line 27: Line 26:
<form name="DAPTSCORE">
<form name="DAPTSCORE">
<table>
<table>
<tbody style="width: 800px; border: 0; float: left; position: float; background: #104E8B; border-radius: 10px 10px 10px 10px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); margin: 0 0 0 0; padding: 5px 5px; font-weight: bold;">
 
<tbody style="border: 0; float: left; position: float; background: #104E8B; border-radius: 10px 10px 10px 10px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); margin: 0 0 0 0; padding: 5px 5px; font-weight: bold;">
<tr>
<tr>
<td style="text-align: center;" colspan="4"><span style="color: #ffffff;"><strong>DAPT SCORE Calculator</strong></span></td>
<td style="text-align: center;" colspan="4"><span style="color: #ffffff;"><strong>DAPT Score Calculator</strong></span></td>
</tr>
</tr>
<tr>
<tr>
<td colspan="2" style="width: 600px; color: #4479ba; background: #ffffff; padding: 2px 10px; border-radius: 5px; text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 1px;"><strong>Variable</strong></td>
<td colspan="2" style="color: #4479ba; background: #ffffff; padding: 2px 10px; border-radius: 5px; text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 1px;"><strong>Variable</strong></td>
<td colspan="2" style="width: 200px; color: #4479ba; background: #ffffff; padding: 2px 10px; border-radius: 5px; text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 1px; text-align: center;"><strong>Score</strong></td>
<td colspan="2" style="color: #4479ba; background: #ffffff; padding: 2px 10px; border-radius: 5px; text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 1px; text-align: center;"><strong>Score</strong></td>
</tr>
</tr>
<tr>
<tr>
<td rowspan="3" style="width: 100px; text-align: left; color: #ffffff; background: #4479BA; padding: 2px 10px; border-radius: 5px 5px 5px 5px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);">Age</td>
<td rowspan="3" style="text-align: left; color: #ffffff; background: #4479BA; padding: 2px 10px; border-radius: 5px 5px 5px 5px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);">Age</td>
<td style="width: 500px; text-align: left; color: #ffffff; background: #4479BA; padding: 2px 10px; border-radius: 5px 5px 5px 5px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);"> ≥ 75 years old</td>
<td style="text-align: left; color: #ffffff; background: #4479BA; padding: 2px 10px; border-radius: 5px 5px 5px 5px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);"> ≥ 75 years old</td>
<td style="width: 100px; color: #ffffff; background: #4479ba; padding: 2px 10px; border-radius: 5px; text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 1px; text-align: center;"><strong>-2</strong></td>
<td style="color: #ffffff; background: #4479ba; padding: 2px 10px; border-radius: 5px; text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 1px; text-align: center;"><strong>-2</strong></td>
<td style="width: 100px; text-align: center; color: #ffffff; background: #4479BA; padding: 2px 10px; border-radius: 5px 5px 5px 5px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);"><input style="top: 4px; width: 24px; height: 24px;" name="AGE" type="radio" id="AGE1" onclick="calcScore();" /></td>
<td style="text-align: center; color: #ffffff; background: #4479BA; padding: 2px 10px; border-radius: 5px 5px 5px 5px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);"><input style="top: 4px; width: 24px; height: 24px;" name="AGE" type="radio" id="AGE1" onclick="calcScore();" /></td>
</tr>
</tr>
<tr>
<tr>
Line 92: Line 92:
</tr>
</tr>
<tr>
<tr>
<td style="text-align: left; color: #4479BA; background: #ffffff; padding: 2px 10px; border-radius: 5px 5px 5px 5px; text-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);" colspan="4"> DAPT Score: <input name="result" type="text" style="border: white"/></td>
<td style="text-align: left; color: #4479BA; background: #ffffff; padding: 2px 10px; border-radius: 5px 5px 5px 5px; text-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); font-size: 10pt;" colspan="4"> DAPT Score: <input name="result" type="text" maxlength="2" size="4" style="border: white; font-size: 10pt; font-weight: normal; font-family: Arial;"/></td>
</tr>
</tr>
<tr>
<tr>
<td style="text-align: left; color: #4479BA; background: #ffffff; padding: 2px 10px; border-radius: 5px 5px 5px 5px; text-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);" colspan="4">Interpretation: <input name="longanswer" size="65" type="text" style="border: white"/></td>
<td style="text-align: left; vertical-align: top; color: #4479BA; background: #ffffff; padding: 2px 10px; border-radius: 5px 5px 5px 5px; text-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); font-size: 10pt;" colspan="4">Interpretation:<textarea name="longanswer" wrap="soft" rows="5" cols="25" style="border: white; font-size: 10pt; font-weight: normal; font-family: Arial;"></textarea>
</tr>
</tr>
</tbody>
</tbody>
</table>
</table>
</form>
</form>


</includeonly>
</includeonly>

Latest revision as of 15:31, 8 February 2019