Foros del Web » Creando para Internet » HTML »

cambiar foco de select option

Estas en el tema de cambiar foco de select option en el foro de HTML en Foros del Web. estimados, tengo una consulta acerca del foco de un select option en esto momento tengo esta tabla: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original < table ...
  #1 (permalink)  
Antiguo 02/09/2010, 14:15
 
Fecha de Ingreso: noviembre-2008
Mensajes: 112
Antigüedad: 9 años, 1 mes
Puntos: 1
cambiar foco de select option

estimados,
tengo una consulta acerca del foco de un select option
en esto momento tengo esta tabla:
Código HTML:
Ver original
  1. <table align="center" width="100%" cellpadding="0" cellspacing="0" border="0">
  2. <tr>
  3.                   <td width="21%" bgcolor="#CCCCCC">&nbsp;&nbsp;Nivel de aceite motor <font size="2" face="Verdana">&nbsp;
  4.                     </font></td>
  5. <td width="28%" bgcolor="#CCCCCC"><select name="nivacea" style="width:127px">
  6. <option value="Full"> Full</option>
  7. <option value="Crítico"> Crítico</option>
  8. <option value="Medio"> Medio</option>
  9. </select></td>
  10.  
  11. <td width="46%" bgcolor="#CCCCCC"><select name="nivaceb" style="width:127px">
  12. <option value="Full"> Full</option>
  13. <option value="Crítico"> Crítico</option>
  14. </select></td></tr>
  15. <table align="center" width="100%" cellpadding="0" cellspacing="0" border="0">
  16. <tr>
  17.                   <td width="21%" bgcolor="#CCCCCC">&nbsp;<font size="2" face="Verdana">&nbsp;Nivel de combustible
  18.                     </font></td>
  19. <td width="28%" bgcolor="#CCCCCC"><select name="nivcoma"style="width:127px">
  20. <option value="Full"> Full</option>
  21. <option value="Crítico"> Crítico</option>
  22. </select></td>
  23.  
  24. <td width="46%" bgcolor="#CCCCCC"><select name="nivcomb"style="width:127px">
  25.  
  26. <option value="Full"> Full</option>
  27. <option value="Crítico"> Crítico</option>
  28. </select></td>                
  29. </tr></table>
  30. <table align="center" width="100%" cellpadding="0" cellspacing="0" border="0">
  31. <tr>
  32.                   <td width="21%" bgcolor="#CCCCCC">&nbsp;<font size="2" face="Verdana">&nbsp;Luces Delanteras </font></td>
  33.                   <td width="28%" bgcolor="#CCCCCC"><select name="lucdela"style="width:127px">
  34. <option value="Buen Estado"> Buen Estado</option>
  35. <option value="Mal Estado"> Mal Estado</option>
  36. </select></td>
  37. <td width="46%" bgcolor="#CCCCCC"><select name="lucdelb" style="width:127px">
  38. <option value="Buen Estado"> Buen Estado</option>
  39. <option value="Mal Estado"> Mal Estado</option>
  40. </select></td>      
  41. </tr>

bueno con esto, al presionar la tecla TABULAR del teclado se va moviendo hacia el lado...
quiero saber como puedo hacerlo para que al presionar la tecla antes mencionada
el foco baje hasta el final por la primera columna y luego comience con la segunda columna y empiece tambien a bajar...

de antemano muchas gracias....
  #2 (permalink)  
Antiguo 02/09/2010, 14:20
 
Fecha de Ingreso: enero-2009
Ubicación: Neiva, Huila
Mensajes: 196
Antigüedad: 8 años, 11 meses
Puntos: 2
Respuesta: cambiar foco de select option

haber explicame lo que quieres hacer.....y de antemano te digo que toca que manejes JS..XD
  #3 (permalink)  
Antiguo 02/09/2010, 14:29
 
Fecha de Ingreso: noviembre-2008
Mensajes: 112
Antigüedad: 9 años, 1 mes
Puntos: 1
Respuesta: cambiar foco de select option

naciostars,
en la tabla que puse arriba existen 2 columnas con "select option" un <TR> Y dos <TD>
El tema que yo al ejecutar eso y apretar la tecla tabular del teclado el foco se va saltando de manera horizontal, si tuviera tres TD se correria 3 veces hacia el lado,
el tema es que yo quiero que cuando presione tabular el foco se valla moviendo hacia abajo y cuando llegue al ultimo empiece nuevamente de la segunda columna (<TD>)...
  #4 (permalink)  
Antiguo 02/09/2010, 15:55
 
Fecha de Ingreso: enero-2009
Ubicación: Neiva, Huila
Mensajes: 196
Antigüedad: 8 años, 11 meses
Puntos: 2
Respuesta: cambiar foco de select option

solo debes manejar la propiedad tabindex....

<html>
<head>
</head>
<body>
<form name="forma" method="post" action="">
<table align="center" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
                  <td width="21%" bgcolor="#CCCCCC">&nbsp;&nbsp;Nivel de aceite motor <font size="2" face="Verdana">&nbsp;
                    </font></td>
<td width="28%" bgcolor="#CCCCCC"><select name="nivacea" style="width:127px" tabindex="1">
<option value="Full"> Full</option>
<option value="Crítico"> Crítico</option>
<option value="Medio"> Medio</option>
</select></td>
 
<td width="46%" bgcolor="#CCCCCC"><select name="nivaceb" style="width:127px" tabindex="4">
<option value="Full"> Full</option>
<option value="Crítico"> Crítico</option>
</select></td></tr>
</table>
<table align="center" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
                  <td width="21%" bgcolor="#CCCCCC">&nbsp;<font size="2" face="Verdana">&nbsp;Nivel de combustible
                    </font></td>
<td width="28%" bgcolor="#CCCCCC"><select name="nivcoma"style="width:127px" tabindex="2">
<option value="Full"> Full</option>
<option value="Crítico"> Crítico</option>
</select></td>
 
<td width="46%" bgcolor="#CCCCCC"><select name="nivcomb"style="width:127px" tabindex="5">
 
<option value="Full"> Full</option>
<option value="Crítico"> Crítico</option>
</select></td>                
</tr></table>
<table align="center" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
                  <td width="21%" bgcolor="#CCCCCC">&nbsp;<font size="2" face="Verdana">&nbsp;Luces Delanteras </font></td>
                  <td width="28%" bgcolor="#CCCCCC"><select name="lucdela"style="width:127px" tabindex="3">
<option value="Buen Estado"> Buen Estado</option>
<option value="Mal Estado"> Mal Estado</option>
</select></td>
<td width="46%" bgcolor="#CCCCCC"><select name="lucdelb" style="width:127px" tabindex="6">
<option value="Buen Estado"> Buen Estado</option>
<option value="Mal Estado"> Mal Estado</option>
</select></td>      
</tr>
</table>
</form>
</body>
</html>


=)
  #5 (permalink)  
Antiguo 02/09/2010, 16:03
 
Fecha de Ingreso: noviembre-2008
Mensajes: 112
Antigüedad: 9 años, 1 mes
Puntos: 1
Respuesta: cambiar foco de select option

guau....
muchas gracias naciostars, me funcionó a la perfeccion

saludos
  #6 (permalink)  
Antiguo 04/09/2010, 08:54
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 7 años, 6 meses
Puntos: 309
Respuesta: cambiar foco de select option

Por cierto ese código está 'muy sucio', es mejor que uses CSS para aplicar clases y estilos en general, ahorrarás mucho espacio y el código se entenderá mejor.
Saludos (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red

Etiquetas: foco, option, select
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 05:39.