Foros del Web » Creando para Internet » Diseño web »

Problema con focus en campos

Estas en el tema de Problema con focus en campos en el foro de Diseño web en Foros del Web. 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: ...
  #1 (permalink)  
Antiguo 13/09/2010, 14:15
 
Fecha de Ingreso: octubre-2009
Ubicación: En el ordenador
Mensajes: 504
Antigüedad: 8 años, 2 meses
Puntos: 10
Problema con focus en campos

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> 
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <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>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <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>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <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:
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<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&aacute;n eliminados.
    </p>
    <p>
        <label>
            <span style="color: #1F35FB;">*Precio:</span>
            <input type="text" name="precio" value="" /> &euro; (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)
__________________
Buscando ideas para proyectos....

Esperando a tener 18 años....
  #2 (permalink)  
Antiguo 13/09/2010, 15:12
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 9 años, 4 meses
Puntos: 1530
Respuesta: Problema con focus en campos

el foco no se mueve automáticamente a menos que se establezca en js, y no veo ninguna función llamada desde evento, a menos que los asigne desde un script en el head, por lo que deberías mostrarlo
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 13/09/2010, 15:27
 
Fecha de Ingreso: octubre-2009
Ubicación: En el ordenador
Mensajes: 504
Antigüedad: 8 años, 2 meses
Puntos: 10
Respuesta: Problema con focus en campos

Esa es la parte no generada automaticamente, ya que el resto, lo crea él mismo a través del WYSIWYG Web Builder.

Ya revisaré el archivo final, pero no creo que sea eso, ya que en otros formularios no ocurre
__________________
Buscando ideas para proyectos....

Esperando a tener 18 años....
  #4 (permalink)  
Antiguo 14/09/2010, 10:33
 
Fecha de Ingreso: octubre-2009
Ubicación: En el ordenador
Mensajes: 504
Antigüedad: 8 años, 2 meses
Puntos: 10
Respuesta: Problema con focus en campos

Aqui esta el archivo completo, como sale del wysiwyg Web Builder:

Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Language" content="es">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title></title>
<meta name="description" content="Vender coches  ¡ Gratis !">
<meta name="keywords" content="vender, anunciar, comprar, gratis, coches,">
<style type="text/css">
div#container
{
   width: 994px;
   position: relative;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
</style>
<style type="text/css">
body
{
   text-align: center;
   margin: 0;
   background-color: #FFFFFF;
   color: #000000;
}
</style>
<style type="text/css">
a.style1:link
{
   color: #FFFFFF;
   text-decoration: none;
}
a.style1:visited
{
   color: #FFFFFF;
   text-decoration: none;
}
a.style1:active
{
   color: #FFFFFF;
   text-decoration: none;
}
a.style1:hover
{
   color: #FF6820;
   text-decoration: none;
}
</style>
</head>
<body>
<div id="container">
<div  id="wb_Image1"  style="margin:0;padding:0;position:absolute;left:0px;top:3px;width:334px;height:105px;text-align:left;z-index:0;">
<a  href="********"><img  src="images/LOGO%20COCHES.jpg" id="Image1" alt="coches segunda mano"  border="0" title="coches segunda mano"  style="width:334px;height:105px;"></a></div>
<div  id="wb_Flash1"  style="margin:0;padding:0;position:absolute;left:388px;top:7px;width:612px;height:90px;text-align:left;z-index:1;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"  width="612" height="90" id="Flash1">
<param name="movie" value="banner%20cabecera.swf">
<param name="quality" value="Best">
<param name="scale" value="ExactFit">
<param name="wmode" value="Transparent">
<param name="play" value="true">
<param name="loop" value="false">
<param name="menu" value="false">
<param name="allowfullscreen" value="false">
<param name="allowscriptaccess" value="sameDomain">
<param name="sAlign" value="tl">
<embed  src="banner%20cabecera.swf" width="612" height="90" quality="Best"  wmode="Transparent" loop="false" play="true" menu="false"  allowfullscreen="false" allowscriptaccess="sameDomain" scale="ExactFit"  type="application/x-shockwave-flash"  pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
</object>
</div>
<div  id="wb_Shape1"  style="margin:0;padding:0;position:absolute;left:0px;top:109px;width:995px;height:32px;text-align:center;z-index:2;">
<img  src="images/img0006.gif" id="Shape1" alt="*******" title="******"  style="border-width:0;width:995px;height:32px"></div>
<div  id="wb_Text1"  style="margin:0;padding:0;position:absolute;left:14px;top:115px;width:50px;height:18px;text-align:left;z-index:3;">
<font  style="font-size:16px" color="#000000" face="Arial Baltic"><a  href="******"  class="style1">Inicio</a></font></div>
<div  id="wb_Text2"  style="margin:0;padding:0;position:absolute;left:68px;top:115px;width:126px;height:18px;text-align:left;z-index:4;">
<font  style="font-size:16px" color="#000000" face="Arial Baltic"><a  href="*****"  class="style1">Buscar Coches</a></font></div>
<div  id="wb_Text3"  style="margin:0;padding:0;position:absolute;left:193px;top:115px;width:126px;height:18px;text-align:left;z-index:5;">
<font  style="font-size:16px" color="#000000" face="Arial Baltic"><a  href="*****"  class="style1">Vender Coches</a></font></div>
<div  id="wb_Text4"  style="margin:0;padding:0;position:absolute;left:323px;top:115px;width:126px;height:18px;text-align:left;z-index:6;">
<font  style="font-size:16px" color="#000000" face="Arial Baltic"><a  href="*****"  class="style1">Publicidad</a></font></div>
<div  id="wb_Text5"  style="margin:0;padding:0;position:absolute;left:419px;top:114px;width:126px;height:18px;text-align:left;z-index:7;">
<font  style="font-size:16px" color="#000000" face="Arial Baltic"><a  href="*****"  class="style1">Contactar</a></font></div>
<div  id="wb_Text6"  style="margin:0;padding:0;position:absolute;left:68px;top:115px;width:126px;height:18px;text-align:left;z-index:8;">
<font  style="font-size:16px" color="#000000" face="Arial Baltic"><a  href="*****"  class="style1">Buscar Coches</a></font></div>
<div  id="wb_Text8"  style="margin:0;padding:0;position:absolute;left:6px;top:155px;width:979px;height:178px;text-align:center;z-index:9;">
**Aqui va un poco de texto, que lo quito porque si no es muy largo el post**
</div>
<div  id="wb_Text7"  style="margin:0;padding:0;position:absolute;left:833px;top:114px;width:171px;height:18px;text-align:left;z-index:10;">
<font  style="font-size:16px" color="#000000" face="Arial Baltic"><a  href="*****"  class="style1">Acceso  Profesionales</a></font></div>
<div id="Html2" style="position:absolute;left:39px;top:374px;width:871px;height:1345px;z-index:11">
**Aqui va todo el codigo del post de arriba del todo**
</div>
<div  id="wb_Shape2"  style="margin:0;padding:0;position:absolute;left:0px;top:351px;width:995px;height:3px;text-align:center;z-index:12;">
<img  src="images/img0030.gif" id="Shape2" alt="*****" title="*****"  style="border-width:0;width:995px;height:3px"></div>
<div  id="wb_Text9"  style="margin:0;padding:0;position:absolute;left:52px;top:1750px;width:859px;height:110px;text-align:center;z-index:13;">
<font  style="font-size:19px" color="#FF0000" face="Arial">Dependiendo del  tamaño de las imagenes que has introducido en tu anuncio el proceso  puede tardar unos segundos mas....<br>
<br>
Ten  paciencia, y espera hasta que veas la pantalla donde te dice que el  anuncio se ha publicado correctamente....</font></div>
</div>
</body>
</html> 
__________________
Buscando ideas para proyectos....

Esperando a tener 18 años....

Última edición por markmb; 14/09/2010 a las 10:39

Etiquetas: campos, focus
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:51.