Widget:DAPTscore: Difference between revisions
Jump to navigation
Jump to search
Gerald Chi (talk | contribs) mNo edit summary |
Gerald Chi (talk | contribs) mNo edit summary |
||
| Line 2: | Line 2: | ||
<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 21: | Line 20: | ||
if(score <= 1){document.forms["DAPTSCORE"]["longanswer"].value = "Benefit-risk favoring prolonged DAPT over aspirin alone";} | 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 aspirin alone over prolonged DAPT";} | if(score >= 2){document.forms["DAPTSCORE"]["longanswer"].value = "Benefit-risk favoring aspirin alone over prolonged DAPT";} | ||
} | } | ||
</script> | </script> | ||
<form name="DAPTSCORE"> | <form name="DAPTSCORE"> | ||
<table> | <table> | ||
<tbody style=" | <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=" | <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=" | <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=" | <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=" | <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=" | <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=" | <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> | ||
<td style=" | <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);">65-74 years old</td> | ||
<td style=" | <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>-1</strong></td> | ||
<td style=" | <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="AGE2" onclick="calcScore();" /></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td style=" | <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);">< 65 years old</td> | ||
<td style=" | <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>0</strong></td> | ||
<td style=" | <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="AGE3" onclick="calcScore();" /></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td colspan="2" style=" | <td colspan="2" 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);">Cigarette smoking</td> | ||
<td style=" | <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>1</strong></td> | ||
<td style=" | <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="input4" type="checkbox" onchange="calcScore();" /></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td colspan="2" style=" | <td colspan="2" 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);">Diabetes mellitus</td> | ||
<td style=" | <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>1</strong></td> | ||
<td style=" | <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="input5" type="checkbox" onchange="calcScore();" /></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td colspan="2" style=" | <td colspan="2" 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);">Prior MI or PCI</td> | ||
<td style=" | <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>1</strong></td> | ||
<td style=" | <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="input6" type="checkbox" onchange="calcScore();" /></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td colspan="2" style=" | <td colspan="2" 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);">MI at presentation</td> | ||
<td style=" | <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>1</strong></td> | ||
<td style=" | <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="input7" type="checkbox" onchange="calcScore();" /></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td colspan="2" style=" | <td colspan="2" 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);">Paclitaxel-eluting stent</td> | ||
<td style=" | <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>1</strong></td> | ||
<td style=" | <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="input8" type="checkbox" onchange="calcScore();" /></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td colspan="2" style=" | <td colspan="2" 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);">Stent diameter < 3 mm</td> | ||
<td style=" | <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>1</strong></td> | ||
<td style=" | <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="input9" type="checkbox" onchange="calcScore();" /></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td colspan="2" style=" | <td colspan="2" 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);">CHF or LVEF < 30%</td> | ||
<td style=" | <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=" | <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="input10" type="checkbox" onchange="calcScore();" /></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td colspan="2" style=" | <td colspan="2" 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);">Vein graft stent</td> | ||
<td style=" | <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=" | <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="input11" type="checkbox" onchange="calcScore();" /></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td style=" | <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> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td style=" | <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> | ||
</tr> | </tr> | ||
</tbody> | </tbody> | ||