Hola a todos.
Estoy hacendo un cuestionario en el que se responde si o no a varias preguntas, en diferentes div que se van mostrando segun se avanza, y dependiendo de la respuesta al final hace una suma, y te dice el resultado.
El problema es el siguiente:
El Explorer, el Chrome y el Safari me lo hacen perfectamente, sin ningun problema, pero en firefox no me da el resultado final.
Si alguien tiene alguna solucion, se lo agradecería muchisimo, por que me estoy volviendo loco y lo necestito tener listo para mañana.
Código:
<!DOCTYPE html>
<html>
<head>
<script language="JavaScript" type="text/javascript">
var valor11 = 0 , valor12 = 0 , valor13 = 0 , valor14 = 0 , valor15 = 0 , valor16 = 0 , valor17 = 0 , valor18 = 0 , valor21 = 0 , valor22 = 0 , valor23 = 0 , valor24 = 0 ;
function actualizaValor11(oRad11){
valor11 = oRad11.value;
}
function actualizaValor12(oRad12){
valor12 = oRad12.value;
}
function actualizaValor13(oRad13){
valor13 = oRad13.value;
}
function actualizaValor14(oRad14){
valor14 = oRad14.value;
}
function actualizaValor15(oRad15){
valor15 = oRad15.value;
}
function actualizaValor16(oRad16){
valor16 = oRad16.value;
}
function actualizaValor17(oRad17){
valor17 = oRad17.value;
}
function actualizaValor18(oRad18){
valor18 = oRad18.value;
}
function actualizaValor21(oRad21){
valor21 = oRad21.value;
}
function actualizaValor22(oRad22){
valor22 = oRad22.value;
}
function actualizaValor23(oRad23){
valor23 = oRad23.value;
}
function actualizaValor24(oRad24){
valor24 = oRad24.value;
}
function leeValor1(){
res1.value = Number(valor11) + Number(valor12) + Number(valor13) + Number(valor14) + Number(valor15) + Number(valor16) + Number(valor17) + Number(valor18);
}
function leeValor2(){
res2.value = Number(valor21) + Number(valor22) + Number(valor23) + Number(valor24);
}
function MostrarDiv2(){
var div2 = document.getElementById('tabla2');
div2.style.display = '';
}
function OcultarDiv1(){
var div1 = document.getElementById('tabla1');
div1.style.display='none';
}
function OcultarDiv2(){
var div2 = document.getElementById('tabla2');
div2.style.display='none';
}
function ajax1() {
MostrarDiv2();
OcultarDiv1();
}
function ajax2() {
OcultarDiv2();
</script>
<title>
Herramienta Dircom2R
</title>
<!-- Meta Tags -->
<meta charset="iso-8859-1">
</head>
<body id="public" class="body">
<div id="container">
<ul>
<div>
</div>
<div id="tabla1" style="display: ">
<table name="comportamientoetico" id"comportamientoetico" width="100%" border="0">
<tr><td colspan="3"><font color="#7ab800"><b>1. Comportamiento ético</b></font></td></tr>
<tr><td colspan="3"><font color="#7ab800" align="right"><b>Imagen</b></font></td></tr>
<tr><td colspan="3">texto texto texto</td></tr>
<tr><td colspan="3"><font color="#000000"><b>Indicadores</b></font></td></tr>
<tr><td>texto texto texto</td><td><input type="radio" id="comportamientoetico1si" name="rad11" value="19.05" onclick="actualizaValor11(this)" >Si</td><td><input type="radio" id="comportamientoetico1no" name="rad11" value="0" onclick="actualizaValor11(this)" >No</td></tr>
<tr><td>texto texto texto</td><td><input type="radio" id="comportamientoetico2si" name="rad12" value="15.78" onclick="actualizaValor12(this)" >Si</td><td><input type="radio" id="comportamientoetico2no" name="rad12" value="0" onclick="actualizaValor12(this)" >No</td></tr>
<tr><td>texto texto texto</td><td><input type="radio" id="comportamientoetico3si" name="rad13" value="12.85" onclick="actualizaValor13(this)" >Si</td><td><input type="radio" id="comportamientoetico3no" name="rad13" value="0" onclick="actualizaValor13(this)" >No</td></tr>
<tr><td>texto texto texto</td><td><input type="radio" id="comportamientoetico4si" name="rad14" value="12.63" onclick="actualizaValor14(this)" >Si</td><td><input type="radio" id="comportamientoetico4no" name="rad14" value="0" onclick="actualizaValor14(this)" >No</td></tr>
<tr><td>texto texto texto</td><td><input type="radio" id="comportamientoetico5si" name="rad15" value="10.39" onclick="actualizaValor15(this)" >Si</td><td><input type="radio" id="comportamientoetico5no" name="rad15" value="0" onclick="actualizaValor15(this)" >No</td></tr>
<tr><td>texto texto texto</td><td><input type="radio" id="comportamientoetico6si" name="rad16" value="10.61" onclick="actualizaValor16(this)" >Si</td><td><input type="radio" id="comportamientoetico6no" name="rad16" value="0" onclick="actualizaValor16(this)" >No</td></tr>
<tr><td>texto texto texto</td><td><input type="radio" id="comportamientoetico7si" name="rad17" value="9.88" onclick="actualizaValor17(this)" >Si</td><td><input type="radio" id="comportamientoetico7no" name="rad17" value="0" onclick="actualizaValor17(this)" >No</td></tr>
<tr><td>texto texto texto </td><td><input type="radio" id="comportamientoetico8si" name="rad18" value="8.81" onclick="actualizaValor18(this)" >Si</td><td><input type="radio" id="comportamientoetico8no" name="rad18" value="0" onclick="actualizaValor18(this)" >No</td></tr>
<tr>
<td align="center">
<input id="saveForm1" name="saveForm1" class="btn" type="submit" value="Siguiente1" style="width:200px; height:40px" onclick="leeValor1()" onmouseup="ajax1()" ; />
</td>
</tr>
<tr><td colspan="3"> </td></tr>
</table>
</div>
<div id="tabla2" style="display: none">
<table name="transparenciaybuengobierno" id"transparenciaybuengobierno" width="100%" border="0">
<tr><td colspan="3"><font color="#7ab800"><b>2. Transparencia y Buen Gobierno</b></font></td></tr>
<tr><td colspan="3"><font color="#7ab800" align="right"><b>Imagen</b></font></td></tr>
<tr><td colspan="3"><i>Indique <b>Sí</b> o <b>No</b> según corresponda a la realidad de su Empresa</i></td></tr>
<tr><td colspan="3"><font color="#000000"><b>Indicadores</b></font></td></tr>
<tr><td>texto texto texto</td><td><input type="radio" id="transparenciaybuengobierno1si" name="rad21" value="13.70" onclick="actualizaValor21(this)" >Si</td><td><input type="radio" id="transparenciaybuengobierno1no" name="rad21" value="0" onclick="actualizaValor21(this)" >No</td></tr>
<tr><td>texto texto texto</td><td><input type="radio" id="transparenciaybuengobierno2si" name="rad22" value="12.46" onclick="actualizaValor22(this)" >Si</td><td><input type="radio" id="transparenciaybuengobierno2no" name="rad22" value="0" onclick="actualizaValor22(this)" >No</td></tr>
<tr><td>texto texto texto</td><td><input type="radio" id="transparenciaybuengobierno3si" name="rad23" value="10.55" onclick="actualizaValor23(this)" >Si</td><td><input type="radio" id="transparenciaybuengobierno3no" name="rad23" value="0" onclick="actualizaValor23(this)" >No</td></tr>
<tr><td>texto texto texto</td><td><input type="radio" id="transparenciaybuengobierno4si" name="rad24" value="9.11" onclick="actualizaValor24(this)" >Si</td><td><input type="radio" id="transparenciaybuengobierno4no" name="rad24" value="0" onclick="actualizaValor24(this)" >No</td></tr>
<tr>
<td align="center">
<input id="saveForm2" name="saveForm2" class="btn" type="submit" value="Siguiente2" style="width:200px; height:40px" onclick="leeValor2()" onmouseup="ajax2()" ; />
</td>
</tr>
<tr><td colspan="3"> </td></tr>
</table>
</div>
<div id="tabla6" style="display: none">
<table name="resultados" id"resultados" width="100%" border="0">
<tr><td><b>texto texto texto</b></td><td><b></b></td></tr>
<tr><td><b>texto texto texto</b></td><td><input type="text" size="8" style="text-align:right; border: none; font-weight: bold; color: #57584f; " name="res1" id="res1" readonly></td></tr>
<tr><td><b>texto texto texto</b></td><td><input type="text" size="8" style="text-align:right; border: none; font-weight: bold; color: #57584f; " name="res2" id="res2" readonly></td></tr>
</table>
</div>
</ul>
</div>
</body>
</html>