Hide not working on FF
Hide not working on FF
I was always told that jQuery worked just fine on both navigators, but Im started to think its not like that.
Im doing a form, divided in 3 divs, each of them has 3 questions. You can only see 3 questions at a time and once you filled a set of 3 questions that div hides, and the next one appears, you fill correctly the 2nd one, it dissappears and it appears the last div. Well that's what happens in IE, but not on FF.
Apparently FF doesnt like to Hide divs in a form. Could you confirm this?Do you have any other idea?
Here I leave the code:
-
<style>
body{
font-family:Arial, Helvetica, sans-serif;}
.pregunta{
color:#000000;
font-weight:bold;
float:left;
width:270px;
height:200px;
text-align:left;
}
.respuestas{
color:#0099FF;
padding-left:10px;
padding-top:10px;
}
#sig{
position:absolute;
width:50px;
height:20px;
left:50%;
margin-left:-25px;
margin-top:160px;
background:#0066FF;
cursor:pointer;
}
#enviar{
position:absolute;
width:50px;
height:20px;
left:50%;
margin-left:-25px;
margin-top:160px;
background:#0066FF;
cursor:pointer;
}
.error{
display:none;
color:#FF0000;
font-weight:bold;
padding-left:10px;
}
</style>
<script src="/jquery/jquery.js"></script>
<script>
/* function verif(){
var pepez=0;
for(i=0; ele=document.form1ov.elements[i]; i++){
if (ele.type=='radio')
if (ele.checked){pepez=1;break;}}
if (pepez==1){document.bov.submit();}else{
alert('Debe seleccionar alguno de los Items');return;}
}
}*/
var marcado = new Array(true,true,true,true,true,true,true);
var fila = 0;
var lim_sup = new Array(2,5,7);
$(document).ready(function(){
$('#bloque0').hide('slow');
$('#sig').click(function(){
var respuestas = $(":radio");
var radio_groups = {}
$(":radio").each(function(){
radio_groups[this.name] = true;
});
var correcto = new Boolean();
lim_inf=0+(fila*3);
index = 0;
correcto = true;
for (group in radio_groups) {
//alert(group);
chequeado = !!$(":radio[name=" + group + "]:checked").length;
if (index <= lim_sup[fila]) {
if (!marcado[index]) {//Antes no lo marcaron luego tiene un mensaje que hay que retirar o dejar igual
if (chequeado) {
$('#' + group + '-error').fadeOut('slow', function(){
$(this).prev().css('float', 'none');
});//si ahora est� marcado lo desmarco, si si sigue desmarcado lo dejo porque ya ten�a el mensaje
}
else {
}
}
else {
if (!chequeado) {//Antes no estaba marcado, veo si hay que marcarlo
$('#pregunta-' + group).css('float', 'left');
//$('#primera-error').hide('slow');
//alert(index);
$('#' + group + '-error').fadeIn('slow');
}
}
marcado[index] = chequeado;//Actualizo el array
correcto &= marcado[index];//Compruebo si hay alguno sin marcar.
index++;
//alert(group+(if_checked?' has checked radios':' does not have checked radios'));
}
}
if(correcto)
{
$("#bloque"+fila).hide("slow");
fila++;
alert("fila correcta");
}
});
});
</script>
<form name="form1" action="alm-iframe.php" method="get">
<input type='hidden' name='uid' value="<?=$_GET['uid']?>" >
<div id="bloque0">
<div id="pregunta-primera" class="pregunta">
1.¿Cómo se llama el gordo de Supersalidos que también sale en Funny Pople?<div id="primera-error" class="error" >Te falta por rellenar este campo</div>
<div class="respuestas">
<input name="primera" type="radio" value="a" />Dir�a que es esta<br />
<input name="primera" type="radio" value="b" />No, es esta<br />
<input name="primera" type="radio" value="c" />Va a ser que es esta
</div>
</div>
<div id="pregunta-segunda" class="pregunta">
2.¿Qué serie de culto dirigió Judd hace unos años?<div id="segunda-error" class="error">Te falta por rellenar este campo</div>
<div class="respuestas">
<input name="segunda" type="radio" value="a" />Dir�a que es esta<br />
<input name="segunda" type="radio" value="b" />No, es esta<br />
<input name="segunda" type="radio" value="c" />Va a ser que es esta
</div>
</div>
<div id="pregunta-tercera" class="pregunta">
3.¿Cómo se llama la marihuana que fuman en Superfumados?<div id="tercera-error" class="error">Te falta por rellenar este campo</div>
<div class="respuestas">
<input name="tercera" type="radio" value="a" />Dir�a que es esta<br />
<input name="tercera" type="radio" value="b" />No, es esta<br />
<input name="tercera" type="radio" value="c" />Va a ser que es esta
</div>
</div>
</div>
<div id="bloque1">
<div id="pregunta-cuarta" class="pregunta">
4.¿Qué rapero se rumorea que tiene un papel en Funny People?<div id="cuarta-error" class="error">Te falta por rellenar este campo</div>
<div class="respuestas">
<input name="cuarta" type="radio" value="a" />Dir�a que es esta<br />
<input name="cuarta" type="radio" value="b" />No, es esta<br />
<input name="cuarta" type="radio" value="c" />Va a ser que es esta
</div>
</div>
<div id="pregunta-quinta" class="pregunta">
5.¿De donde es el carnet de conducir de McLovin en Supersalidos?<div id="quinta-error" class="error">Te falta por rellenar este campo</div>
<div class="respuestas">
<input name="quinta" type="radio" value="a" />Dir�a que es esta<br />
<input name="quinta" type="radio" value="b" />No, es esta<br />
<input name="quinta" type="radio" value="c" />Va a ser que es esta
</div>
</div>
<div id="pregunta-sexta" class="pregunta">
6.¿Cuales la sexta pregunta?<div id="sexta-error" class="error">Te falta por rellenar este campo</div>
<div class="respuestas">
<input name="sexta" type="radio" value="a" />Dir�a que es esta<br />
<input name="sexta" type="radio" value="b" />No, es esta<br />
<input name="sexta" type="radio" value="c" />Va a ser que es esta
</div>
</div>
</div>
<div id="bloque2">
<div id="pregunta-septima" class="pregunta">
7.¿Qué famoso humorista sale en Lio embarazoso?<div id="septima-error" class="error">Te falta por rellenar este campo</div>
<div class="respuestas">
<input name="septima" type="radio" value="a" />Dir�a que es esta<br />
<input name="septima" type="radio" value="b" />No, es esta<br />
<input name="septima" type="radio" value="c" />Va a ser que es esta
</div>
</div>
<div id="sig">
Siguiente
</div>
</div>
</form>