Problema Javascript Firefox

alejandrosc · #1 (**permalink**) 09/02/2012, 04:41

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">&nbsp;</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">&nbsp;</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>

ZiTAL · #2 (**permalink**) 09/02/2012, 05:39

que churro de código ¿porque repites código si lo único que cambia es un parámetro?

Código HTML:

Ver original<html>
<head>
<script type="text/javascript">
<!--
// creamos un objecto valores
var valores = {}
// ponemos todos los valores a 0
for(i=11;i<25;i++)
  valores[i] = 0;
 
function actualizaValor(input)
{
  // regla para la expresion regular, cogemos los numeros
  var pattern=/[0-9]+/;
  // cogemos el name del input para pasarle la expresion regular para guardar el valor en "indice"
  var name = input.name;
  var indice = name.match(pattern);
  indice = indice[0];
  // metemos el valor del input en el objeto con el indice adecuado
  valores[indice] = input.value;
}
//-->
</script>
</head>
<body>
<input type="radio" id="comportamientoetico1si" name="rad11" value="19.05" onclick="actualizaValor(this)" />
</body>
</html>

alejandrosc · #3 (**permalink**) 13/02/2012, 05:59

Si, ya se que soy un desastre, pero es que asi me apaño mejor.

El problema es que, completo el formulario, y el javascript, me va haciendo los calculos sin problemas, en todos los navegadores.

Pero firefox, al final, no me los muestra. Pero se que los calculos los hace bien, por que en pasos posteriores utiliza los datos, el dilema, es ¿Por que no me lo muestra en pantalla?