Tengo un código el cual funciona de manera perfecta en el navegador mozilla sin embargo en google chrome y en explorer no funciona. ¿Por qué?
Según yo, el código no maneja funciones complejas como para que se necesiten las versiones más recientes. Me aseguré que estuviese actividado la función de javascript en los navegadores.
El problema en sí es en los select, no ejecutan la función javscript que les asigné
<?php
include 'cnx.php';
mysql_query("SET NAMES 'utf8'");
header('Content-Type: text/html; charset=UTF-8');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="css/screen.css" />
<script type="text/javascript" src="jquery-2.0.3.js" ></script>
<script type="text/javascript" src="jquery.validate.js" ></script>
<script type="text/javascript">
$(function(){
$('#prueba').validate({
rules :{
email : {
required : true, //para validar campo vacio
email : true //para validar formato email
}
},
messages : {
email : {
required : "Debe ingresar su correo",
email : "Debe ingresar un correo valido"
},
nombre : {
required : "Debe ingresar su nombre",
},
apat : {
required : "Ingrese su apellido paterno",
},
amat : {
required : "Ingrese su apellido materno",
},
institucion : {
required : "Ingrese su institución de procedencia",
},
ocupacion : {
required : "Indique la función que desempeña actualmente",
},
}
});
});
</script>
<title>Inscripción</title>
</head>
<body>
<?php
echo "<br>";
echo "<table align=\"center\">";
echo "<tr>";
echo "<td align=\"center\"><img src=\"logo.gif\"></td>";
echo "<tr>";
echo "</tr></table>";
echo "";
?>
<div align="center" style="margin-left: 60px;">
<form method="post" id="prueba" action="esc2.php" text-align="center"/>
<p>
<table cellpadding="2">
<tr>
<td><b>Nombre:</b></td><td> <input type="text" name="nombre" class="required"/></td>
</tr>
<tr>
<td><b>Apellido Paterno:</b></td><td> <input type="text" name="apat" class="required"/></td><td></td>
</tr>
<tr>
<td><b>Apellido Materno:</b></td><td> <input type="text" name="amat" class="required"/></td>
</tr>
<tr>
<td><b>E-mail:</b></td><td> <input type="text" name="email" class="required"/></td>
</tr>
<tr>
<td><b>Institución de procedencia:</b></td><td> <select name="institucion" class="required"/>
<option value="">...</option>
<option value="BENV" onClick='institucion2()'>BENV</option>
<option value="UV" onClick='institucion2()'>UV</option>
<option value="OMEP" onClick='institucion2()'>OMEP</option>
<option value="Otro" onClick='institucion()'>Otro...</option>
</select> </td>
</tr>
<tr id='institucion' style='display:none'>
<td><b>Especifique:</b></td><td> <input type="text" name="institucion2" class="required"/></td>
</tr>
<tr>
<td><b>Ocupación:</b></td><td> <select name="ocupacion" class="required"/>
<option value="">...</option>
<option value="ESTUDIANTE" onClick='ocupacion2()'>ESTUDIANTE</option>
<option value="DOCENTE" onClick='ocupacion2()'>DOCENTE</option>
<option value="Otro" onClick='ocupacion()'>Otro...</option>
</select> </td>
</tr>
<tr id='ocupacion' style='display:none'>
<td><b>Especifique:</b></td><td> <input type="text" name="ocupacion2" class="required" /></td>
</tr>
<tr>
<td><b>Inscribirse a un taller:</b></td>
<td>
<input type='radio' name='taller' value='si' onClick='talleres()'> Sí
<input type='radio' name='taller' value='no' checked onClick='talleres2()'> No
</td></tr>
<tr id='talleres' style='display:none'>
<td><b>Talleres disponibles:</b></td><td> <select name="tallerf" class="required"/>
<option value="">...</option>
<?php
$contador=0;
$peticion=mysql_query("SELECT * from talleres where id='1'");
while (@$row = mysql_fetch_row($peticion)){
if($row[2]>0){
echo "<option value='1'>El juego dramático como herramienta didáctica</option>";
} else $contador++;
}
$peticion2=mysql_query("SELECT * from talleres where id='2'");
while (@$row = mysql_fetch_row($peticion2)){
if($row[2]>0){
echo "<option value='2'>Juegos cooperativos</option>";
} else $contador++;
}
$peticion3=mysql_query("SELECT * from talleres where id='3'");
while (@$row = mysql_fetch_row($peticion3)){
if($row[2]>0){
echo "<option value='3'>El juego adaptado para niños con discapacidad</option>";
}else $contador++;
}
$peticion4=mysql_query("SELECT * from talleres where id='4'");
while (@$row = mysql_fetch_row($peticion4)){
if($row[2]>0){
echo "<option value='4'>Como acercar a los niños a los museos y sitios patrimoniales</option>";
}else $contador++;
}
$peticion5=mysql_query("SELECT * from talleres where id='5'");
while (@$row = mysql_fetch_row($peticion5)){
if($row[2]>0){
echo "<option value='5'>Juguemos con la musica</option>";
}else $contador++;
}
if($contador>4){
echo "<option value='Sin cupo'>Ya no hay cupo</option>";
}
?>
</select> </td>
</tr>
</table>
</div>
</br>
<input type="submit" value="Continuar" style="margin-left: 400px;" >
</p>
</form>
</div>
<script type="text/javascript">
var arreglo= new Array();
function institucion(){
div1=document.getElementById("institucion");
div1.style.display="";
div2=document.getElementByName("institucion");
div2.class="";
}
function ocupacion(){
div1=document.getElementById("ocupacion");
div1.style.display="";
}
function talleres(){
div1=document.getElementById("talleres");
div1.style.display="";
}
function institucion2(){
div1=document.getElementById("institucion");
div1.style.display="none";
div2=document.getElementByName("institucion");
div2.class="";
}
function ocupacion2(){
div1=document.getElementById("ocupacion");
div1.style.display="none";
div2=document.getElementByName("ocupacion");
div2.class="";
}
function talleres2(){
div1=document.getElementById("talleres");
div1.style.display="none";
}
</script>
</body>
</html>
