Hola a todos!
Estaba ayudando a un amigo con unos errores en su web, y me he encontrado con algo muuuuy extraño y muuuuuuy peculiar:
En un formulario, hay un campo select, y a la derecha un campo de texto. Al seleccionar una opción, como es lógico, vas al campo de la derecha a escribir, pero al hacer click sobre ese campo, el foco vuelve al campo de selección.
Espero que lo entendais, porque me ha pedido que no ponga un enlace, pero si el código:
Código HTML:
<?php
include('arrs.php');
?>
<SCRIPT>
function contar(form,name) {
n = document.forms[form][name].value.length;
t = 800;
if (n > t) {
document.forms[form][name].value = document.forms[form][name].value.substring(0, t);
}
else {
document.forms[form]['result'].value = t-n;
}
}
</script>
<style type="text/css">
@import url('estilosAnuncios.css');
</style>
<form id="publicar_anuncio" action="procesar_anuncios.php" method="post" name="anunciar_auto" enctype="multipart/form-data">
<span style="color: #ED6A05; font-size: 1.6em;">Datos del Vehiculo anunciado:</span>
<br><p class="importante">Elementos marcados con asterisco (*) son obligatorios</p>
<fieldset id="datosTecnicos">
<label class="right">
<span style="color: #1F35FB;">*Marca:</span>
<select name="marca">
<option value="">---</option>
<?php
foreach($marcas as $marca){
echo "<option value='$marca'>$marca</option>";
}
?>
</select>
<span style="color: #1F35FB;">*Modelo:</span>
<input type="text" name="modelo" value="" /><span style="color: #DB0404;font-size: 0.7em;">Solo el modelo por favor.... Ejemplo: Corsa</span>
<p><br>
<span style="color: #1F35FB;">*Tipo de Vehiculo:</span>
<label>
<input type="radio" name="tipo" value="Turismo" checked="checked" />Turismo
</label>
<label>
<input type="radio" name="tipo" value="Todo terreno" />Todo terreno
</label>
<label>
<input type="radio" name="tipo" value="Vehiculo industrial" />Vehiculo industrial
</label>
<label>
<input type="radio" name="tipo" value="Otros" />Otros
</label>
<br><br>
<span style="color: #1F35FB;">*Kilometros:</span>
<select name="kms">
<?php
for($i = 0; $i < 200000; ){
$oldi = $i;
$i += 5000;
echo "<option value='$oldi a $i'> $oldi a $i</option>";
}
?>
<option value="mas de 200000">Mas de 200000</option>
</select>
<span style="color: #1F35FB;">*Matriculacion:</span>
<select name="aho">
<?php
for($aho = date('Y'); $aho >= 1950; $aho--){
echo "<option value='$aho'>$aho</option>";
}
?>
<option value="antes">antes de 1950</option>
</select>
</label>
</p>
<p>
<label>
<span style="color: #1F35FB;">Color:</span>
<select name="color">
<?php
foreach($colores as $color){
echo "<option value='$color'>$color</option>";
}
?>
</select>
<span style="color: #1F35FB;">*Tipo de Combustible:</span>
<select name="combustible">
<option value="gasolina">Gasolina</option>
<option value="diesel">Diesel</option>
<option value="otros">Otros</option>
</select>
</label>
</p>
</fieldset>
<fieldset id="otrosDatos">
<p>
<span style="color: #1F35FB;">Imagenes del Vehiculo:</span>
<label><br>
Principal:
<input type="file" name="imagen_principal" />
</label>
<label>
Secundaria 1:
<input type="file" name="imagen_secundaria_1" />
</label>
<label>
Secundaria 2:
<input type="file" name="imagen_secundaria_2" />
</label>
</p>
<br>
<span style="color: #1F35FB;">Otras Caracteristicas del vehiculo:</span>
<br>
<table border="0" width="100%" cellpadding="1" cellspacing="1">
<tr>
<td><input type="hidden" name="aire" value="0" />
<input type="checkbox" name="aire" value="1" /><span style="color: #F97F23;">Aire Acondicionado</span></td>
<td><input type="hidden" name="abs" value="0" />
<input type="checkbox" name="abs" value="1" /><span style="color: #F97F23;">ABS</span></td>
<td><input type="hidden" name="airbag" value="0" />
<input type="checkbox" name="airbag" value="1" /><span style="color: #F97F23;">Airbag</span></td>
<td><input type="hidden" name="alarma" value="0" />
<input type="checkbox" name="alarma" value="1" /><span style="color: #F97F23;">Alarma</span></td>
</tr>
<tr>
<td><input type="hidden" name="cierre" value="0" />
<input type="checkbox" name="cierre" value="1" /><span style="color: #F97F23;">Cierre Centralizado</span></td>
<td><input type="hidden" name="sonido" value="0" />
<input type="checkbox" name="sonido" value="1" /><span style="color: #F97F23;">Equipo de Sonido</span></td>
<td><input type="hidden" name="remolque" value="0" />
<input type="checkbox" name="remolque" value="1" /><span style="color: #F97F23;">Bola de Remolque</span></td>
<td><input type="hidden" name="llantas" value="0" />
<input type="checkbox" name="llantas" value="1" /><span style="color: #F97F23;">Llantas</span></td>
</tr>
<tr>
<td><input type="hidden" name="tuning" value="0" />
<input type="checkbox" name="tuning" value="1" /><span style="color: #F97F23;">Accesorio Tuning</span></td>
</tr>
</table>
<p>
<span style="color: #1F35FB;">*Detalles del Anuncio:</span>
<textarea name="observaciones" rows='10' cols="70" onkeydown="contar('anunciar_auto','observaciones')" onkeyup="contar('anunciar_auto','observaciones')">Escriba aqui los detalles de su coche, recuerde que una buena descripcion y buenas imagenes ayudan a vender antes su vehiculo</textarea><br/>
Le quedan <input name=result value=800 size="4" readonly="true"/> carácteres
Nota: Textos escritos usando solo MAYUSCULAS serán eliminados.
</p>
<p>
<label>
<span style="color: #1F35FB;">*Precio:</span>
<input type="text" name="precio" value="" /> € (sin puntos, ejemplo 3500)
</label>
<label>
<input type="radio" name="precio_fijo" value="si" checked="checked" /> Fijo
</label>
<label>
<input type="radio" name="precio_fijo" value="no" /> Negociable
</label>
</p>
</fieldset>
<fieldset>
<span style="color: #ED6A05; font-size: 1.6em;">Datos del Anunciante:</span>
<p class="importante">Elementos marcados con asterisco (*) son obligatorios</p>
<p>
<label>
<span style="color: #1F35FB;">*Nombre del Vendedor:</span>
<input type="text" value="" name="nombre_anunciante" />
</label>
</p>
<p>
<label>
<span style="color: #1F35FB;">*Codigo de Seguridad:</span>
<input type="text" value="" name="pass" />(Podras editar o borrar este anuncio. Usa sólo números)
</label>
</p>
<p>
<label>
<span style="color: #1F35FB;">*E-mail:</span>
<input type="text" value="" name="mail_anunciante" />
</label>
</p>
<p>
<label>
<span style="color: #1F35FB;">Telefono de Contacto:</span>
<input type="text" value="" name="telefono_anunciante" />
</label>
</p>
<p>
<input type="checkbox" name="condiciones" value="1" /> He leido las <a href="condiciones.php">condiciones de uso</a> y hago constar que acepto dichas condiciones.
</p>
<p>
<input type="submit" value="Enviar" name="enviar" />
</p>
<fieldset>
</form> (Por cierto, para los que les guste el orden en HTML, no se lo he querido tocar, pero ya se que tantos espacios no son muy practicos, que digamos)