Widget:IMPROVEScore: Difference between revisions

Jump to navigation Jump to search
No edit summary
No edit summary
 
(3 intermediate revisions by the same user not shown)
Line 3: Line 3:
function calcScore(){
function calcScore(){
var score = 0;
var score = 0;
if(document.forms["IMPROVEScore"]["input1"].checked == 1){
if(document.forms["IMPROVEScore"]["input1"].checked == 1){score += 3;}
score += 3;
if(document.forms["IMPROVEScore"]["input2"].checked == 1){score += 2;}
}
if(document.forms["IMPROVEScore"]["input3"].checked == 1){score += 2;}
 
if(document.forms["IMPROVEScore"]["input4"].checked == 1){score += 2;}
if(document.forms["IMPROVEScore"]["input2"].checked == 1){
if(document.forms["IMPROVEScore"]["input5"].checked == 1){score += 1;}
score += 2;
if(document.forms["IMPROVEScore"]["input6"].checked == 1){score += 1;}
}
if(document.forms["IMPROVEScore"]["input7"].checked == 1){score += 1;}
if(document.forms["IMPROVEScore"]["input3"].checked == 1){
score += 2;
}
if(document.forms["IMPROVEScore"]["input4"].checked == 1){
score += 2;
}
if(document.forms["IMPROVEScore"]["input5"].checked == 1){
score += 1;
}
if(document.forms["IMPROVEScore"]["input6"].checked == 1){
score += 1;
}
if(document.forms["IMPROVEScore"]["input7"].checked == 1){
score += 1;
}
 


document.forms["IMPROVEScore"]["result"].value = score;
document.forms["IMPROVEScore"]["result"].value = score;
Line 41: Line 25:
<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;">
<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="3"><span style="color: #ffffff;"><strong>IMPROVE risk score calculator</strong></span></td>
<td style="text-align: center;" colspan="3"><span style="color: #ffffff;"><strong>IMPROVE Risk Score Calculator</strong></span></td>
</tr>
</tr>
<tr>
<tr>
<td 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 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 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>
<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>
<td style="text-align: left; color: #4479ba; background: #ffffff; padding: 2px 10px; border-radius: 5px 5px 5px 5px; text-shadow: 0 0px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);"> </td>
</tr>
</tr>
<tr>
<tr>
<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);">Prior episode of VTE</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);">Prior episode of VTE</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> 3</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>3</strong></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);"><input style="top: 4px; width: 24px; height: 24px;" name="input1" type="checkbox" value="1.0" onchange="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="input1" type="checkbox" value="1.0" onchange="calcScore();" /></td>
</tr>
</tr>
<tr>
<tr>
<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);">Thrombophilia</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);">Thrombophilia</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="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="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);"><input style="top: 4px; width: 24px; height: 24px;" name="input2" type="checkbox" value="1.0" onchange="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="input2" type="checkbox" value="1.0" onchange="calcScore();" /></td>
</tr>
</tr>
<tr>
<tr>
<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);">Paralysis of the lower extremity during the hospitalization</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);">Paralysis of the lower extremity during the hospitalization</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="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="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);"><input style="top: 4px; width: 24px; height: 24px;" name="input3" type="checkbox" value="1.0" onchange="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="input3" type="checkbox" value="1.0" onchange="calcScore();" /></td>
</tr>
</tr>
<tr>
<tr>
<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);">Current malignancy</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);">Current malignancy</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="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="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);"><input style="top: 4px; width: 24px; height: 24px;" name="input4" type="checkbox" value="1.0" onchange="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="input4" type="checkbox" value="1.0" onchange="calcScore();" /></td>
</tr>
</tr>
<tr>
<tr>
<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);">Immobilization for at least 7 days</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);">Immobilization for at least 7 days</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> 1</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>1</strong></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);"><input style="top: 4px; width: 24px; height: 24px;" name="input5" type="checkbox" value="1.0" onchange="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="input5" type="checkbox" value="1.0" onchange="calcScore();" /></td>
</tr>
</tr>
<tr>
<tr>
<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);">ICU or CCU admission</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);">ICU or CCU admission</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> 1</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>1</strong></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);"><input style="top: 4px; width: 24px; height: 24px;" name="input6" type="checkbox" value="1.0" onchange="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="input6" type="checkbox" value="1.0" onchange="calcScore();" /></td>
</tr>
</tr>
<tr>
<tr>
<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);">Age more than 60 years</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);">Age more than 60 years</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> 1</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>1</strong></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);"><input style="top: 4px; width: 24px; height: 24px;" name="input7" type="checkbox" value="1.0" onchange="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="input7" type="checkbox" value="1.0" onchange="calcScore();" /></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="3">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);" colspan="3">IMPROVE Score: <input name="result" type="text" style="border: white"/></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="3">Interpretation: <input name="longanswer" size="50" type="text" /></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);" colspan="3">Interpretation: <input name="longanswer" size="40" type="text" style="border: white"/></td>
</tr>
</tr>
</tbody>
</tbody>

Latest revision as of 01:07, 31 October 2018