Quiero cargar una librería con los pueblos según provincias, solo lo consigo en internet explorer, falla en chrome y firefox. El compañero de al lado le funciona en firefox en su ordenador, a mi no en el mio, pero mi código a el no en el suyo.
Es lioso, pero alguien tiene alguna solución?
Es lioso, pero alguien tiene alguna solución?
Código [Seleccionar]
<!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>
<?php include ("librerias/pueblos.php") ?>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Registro</title>
</head>
<script lenguage="javascript1.1">
<!-- inicio funciones de habilitacion -->
<!-- Son llamadas desde el campo del formulario cuando este se cambia y se pusla tabulador -->
function cambia_provincia(){
//tomo el valor del select de la provincia elegida
var provin;
provin = document.registro.provincia[document.registro.provincia.selectedIndex].value;
//miro a ver si la provincia está definido
if (provin != 0) {
//si estaba definido, entonces coloco las opciones de la provincia correspondiente.
//selecciono el array de provincia adecuado
mis_provincias=eval("provincias_" + provin);
//calculo el numero de localidades
num_provincias = mis_provincias.length;
//marco el número de localidades en el select
document.registro.localidad.length = num_provincias;
//para cada provincia del array, la introduzco en el select
for(i=0;i<num_provincias;i++){
document.registro.localidad.options[i].value=mis_provincias[i];
document.registro.localidad.options[i].text=mis_provincias[i];
}
}else{
alert("cambia provincia else");
//si no había provincia seleccionada, elimino las provincias del select
document.registro.localidad.length = 1;
//coloco un guión en la única opción que he dejado
document.registro.localidad.options[0].value = "-";
document.registro.localidad.options[0].text = "-";
}
alert("cambia provincia habilita6");
//marco como seleccionada la opción primera de provincia
document.registro.localidad.options[0].selected = true;
//habilita6
document.registro.localidad.enabled=true;
}
function habilita1(){
document.registro.ap1.disabled=false;
setTimeout(function(){document.registro.ap1.focus()},1)
}
function habilita2(){
document.registro.ap2.disabled=false;
setTimeout(function(){document.registro.ap2.focus()},1)
}
function habilita3(){
document.registro.DNI2.disabled=false;
document.registro.d.disabled=false;
document.registro.n.disabled=false;
setTimeout(function(){document.registro.DNI2.focus()},1)
}
function habilita4(){
document.registro.telefono.disabled=false;
setTimeout(function(){document.registro.telefono.focus()},1)
}
function habilita5(){
document.registro.provincia.disabled=false;
setTimeout(function(){document.registro.provincia.focus()},1)
}
<!-- habilita 6 incluida en funcion cambia_provincia -->
function habilita7(){
document.registro.ap1.disabled=false;
document.registro.ap1.focus()
}
<!-- fin funciones de habilitacion de campos -->
function ocultar(){
labelNombre.style.visibility="hidden";
labelap1.style.visibility="hidden";
labelap2.style.visibility="hidden";
labeldni.style.visibility="hidden";
labeltelefono.style.visibility="hidden";
labelprovincia.style.visibility="hidden";
labellocalidad.style.visibility="hidden";
labelcp.style.visibility="hidden";
labelfecha.style.visibility="hidden";
labelemail.style.visibility="hidden";
labelcontraseña.style.visibility="hidden";
labelcontraseña2.style.visibility="hidden";
}
function deshabilitar(){
alert("mensaje");
document.registro.ap1.disabled="true";
document.registro.ap2.disabled="true";
document.registro.d.disabled="true";
document.registro.n.disabled="true";
document.registro.DNI2.disabled="true";
document.registro.telefono.disabled="true";
document.registro.provincia.disabled="true";
document.registro.localidad.disabled="true";
document.registro.CP.disabled="true";
document.registro.fecha.disabled="true";
document.registro.email.disabled="true";
document.registro.contraseña.disabled="true";
document.registro.contraseña2.disabled="true";
document.registro.nombre.focus();
}
function cargar(){
ocultar();
deshabilitar();
}
</script>
<body onLoad="javascript:cargar();" >
<form name="registro" method="post">
<table border="1" align="center">
<tr>
<td colspan="3" align="center">Tus datos:</td>
</tr>
<tr>
<td>Nombre</td>
<td><INPUT type="text" tabindex="1" id="Nombre" name="Nombre" onChange="javascript:habilita1()" /></td>
<td><label id="labelNombre" name="labelNombre">Campo Obligatorio</label></td>
</tr>
<tr>
<td>Apellido1</td>
<td><INPUT type="text" tabindex="2" id="ap1" onChange="javascript:habilita2()" /></td>
<td><label id="labelap1" name="labelap1">Campo Obligatorio</label></td>
</tr>
<tr>
<td>Apellido2</td>
<td><INPUT type="text" tabindex="3" id="ap2" onChange="javascript:habilita3()"></td>
<td rowspan="2"><label id="labelap2" name="labelap2">Campo Obligatorio</label></td>
</tr>
<tr>
<td rowspan="2">DNI/NIE</td>
<td>
<input type="radio" id="d" name="dni" checked>DNI</radio>
<input type="radio" id="n" name="dni">NIE</radio>
</td>
</tr>
<tr>
<td>
<input type="text" tabindex="4" id="DNI2" onChange="javascript:habilita4()"></td><td><label id="labeldni" name="labeldni">Campo Obligatorio</label>
</td>
</tr>
<tr>
<td>Telefono</td>
<td><INPUT type="text" tabindex="5" id="telefono" onChange="javascript:habilita5()"></td>
<td><label id="labeltelefono" name="labeltelefono">Campo Obligatorio</label></td>
</tr>
<tr>
<td>Provincia</td>
<td>
<select name="provincia" id="provincia" onChange="javascrip:cambia_provincia();" tabindex="6">
<option value=0 selected>Seleccione una provincia
<option value="Albacete">Albacete
<option value="Ciudad_Real">Ciudad Real
<option value="Cuenca">Cuenca
<option value="Guadalajara">Guadalajara
<option value="Toledo">Toledo
<option value="Alava">Álava
<option value="Alicante">Alicante
<option value="Almeria">Almería
<option value="Asturias">Asturias
<option value="Avila">Ávila
<option value="Badajoz">Badajoz
<option value="Islas_Baleares">Islas Baleares
<option value="Barcelona">Barcelona
<option value="Burgos">Burgos
<option value="Caceres">Cáceres
<option value="Cadiz">Cádiz
<option value="Cantabria">Cantabria
<option value="Castellon">Castellón
<option value="Ceuta">Ceuta
<option value="Cordoba">Córdoba
<option value="Coruña">La Coruña
<option value="Gerona">Gerona
<option value="Granada">Granada
<option value="Guipuzcoa">Guipúzcoa
<option value="Huelva">Huelva
<option value="Huesca">Huesca
<option value="Jaen">Jaén
<option value="La_Rioja">La Rioja
<option value="Leon">León
<option value="Lerida">Lérida
<option value="Lugo">Lugo
<option value="Madrid">Madrid
<option value="Malaga">Málaga
<option value="Melilla">Melilla
<option value="Murcia">Murcia
<option value="Navarra">Navarra
<option value="Orensa">Orense
<option value="Palencia">Palencia
<option value="Las_Palmas">Las Palmas
<option value="Pontevedra">Pontevedra
<option value="Salamanca">Salamanca
<option value="Santa_Cruz_Tenerife">Santa Cruz de Tenerife
<option value="Segovia">Segovia
<option value="Sevilla">Sevilla
<option value="Soria">Soria
<option value="Tarragona">Tarragona
<option value="Teruel">Teruel
<option value="Valencia">Valencia
<option value="Valladolid">Valladolid
<option value="Vizcaya">Vizcaya
<option value="Zamora">Zamora
<option value="Zaragoza">Zaragoza
</select>
</td>
<td><label id="labelprovincia" name="labelprovincia">Campo Obligatorio</label></td>
</tr>
<tr>
<td>Localidad</td>
<td>
<select name="localidad" id="localidad" tabindex="7">
<option></option>
</select>
</td>
<td><label id="labellocalidad" name="labellocalidad">Campo Obligatorio</label></td>
</tr>
<tr>
<td>Codigo Postal</td>
<td><input type="text" id="CP"></td>
<td><label id="labelcp" name="labelcp">Campo Obligatorio</label></td>
</tr>
<tr>
<td>Fecha de nacimiento</td><td><input type="text" id="fecha"></td><td><label id="labelfecha" name="labelfecha" tabindex="8">Campo Obligatorio</label></td>
<td><img src="img/calendario.png"/></td>
</tr>
<tr>
<td>Datos de acceso a tu cuenta:</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Email</td>
<td><input type="text" id="email" tabindex="9"></td>
<td><label id="labelemail" name="labelemail">Campo Obligatorio</label></td>
</tr>
<tr>
<td>Contraseña</td>
<td><input type="password" id="contraseña" tabindex="10"></td>
<td><label id="labelcontraseña" name="labelcontraseña">Campo Obligatorio</label></td>
</tr>
<tr>
<td>Confirma contraseña</td>
<td><input type="password" id="contraseña2" tabindex="11"></td>
<td><label id="labelcontraseña2" name="labelcontraseña2">Campo Obligatorio</label></td>
</tr>
</table>
</form>
</body>
</html>
