el codigo javascript es este:
Código:
como ven este javascript funcionaba perfectamente cuando en los combos usaba el tag <select ...> y en la imagen el tag <img ....> pero como uso struts y esos valores deben tener un property uso los tags que mencione arriba..y la verdad nose como coger los valores del combo y como variaria la imgen de acuerdo a ello porque sino usaria getelementbyid() pero este serviria ahora para los combos al no tener id..<script type="text/javascript"> function actualizar() { var prob=document.getElementById("douProbabilidad").value; var imp=document.getElementById("douImpacto").value; document.getElementById("douSeveridad").value = parseFloat(prob)* parseFloat(imp); var strsever=document.getElementById("douSeveridad").value; var dousever=parseFloat(strsever); var severidad=Math.round(dousever*100)/100; document.getElementById("douSeveridad").value=severidad; if (severidad==0.18 || severidad==0.36 || severidad==0.72 || severidad==0.28 || severidad==0.56 || severidad==0.20 || severidad==0.40 || severidad==0.24) {document.images["imagen"].src="images/formularios/cuadrado_rojo.gif"; } else if (severidad==0.06 || severidad==0.07 || severidad==0.09 || severidad==0.10 || severidad==0.12 || severidad==0.14) {document.images["imagen"].src="images/formularios/cuadrado_verde.jpg"; } else {document.images["imagen"].src="images/formularios/cuadrado_rojo.jpg";} }
el codigo de los combos,textbox e image en el jsp es este:
Código HTML:
<html:select property="douProbabilidad" onchange="actualizar();"> <html:option value="0">0</html:option> <html:option value="0.1">0.1</html:option> <html:option value="0.3">0.3</html:option> <html:option value="0.5">0.5</html:option> <html:option value="0.7">0.7</html:option> <html:option value="0.9">0.9</html:option> </html:select> </tr> <tr></tr> <tr> <html:select property="douImpacto" onchange="actualizar();"> <html:option value="0">0</html:option> <html:option value="0.05">0.05</html:option> <html:option value="0.1">0.1</html:option> <html:option value="0.2">0.2</html:option> <html:option value="0.4">0.4</html:option> <html:option value="0.8">0.8</html:option> </html:select> </tr> <tr></tr> <tr> <td><input type="text" id="douSeveridad" property="douSeveridad" disabled="true" value="0"/> <html:image src="images/formularios/cuadrado_blanco.jpg" property="strImagen" /> </tr> <tr></tr> </table>