evento "focus"? o?

art33 · #1 (**permalink**) 22/08/2008, 12:03

esta es mi tabla en html ok?,

Código PHP:

  <table summary="Meeting Results" width="75%" height="2%" border="0" cellpadding="0" cellspacing="1" bordercolor="#B1C3D9" align="center">

<tbody id="lineaPedido" class="fondo" align="center">        

  <tr>

    <td height="18" colspan="9" align="center" background="images/bg.JPG" bgcolor="#E0E0E0" scope="col"><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif" size="2">Pedidos</font></td>

  </tr>

 

 <tr>

    <th height="18" background="images/bginp.jpg" bgcolor="#E0E0E0" scope="col"><span class="Estilo7">#</span></th>

    <th height="14" background="images/bginp.jpg" bgcolor="#E0E0E0" scope="col"><span class="Estilo7" style="text-align:center">PRODUCTO</span></th>

    <th background="images/bginp.jpg" bgcolor="#E0E0E0" scope="col"><span class="Estilo7">UDM</span></th>

    <th align="center" background="images/bginp.jpg" bgcolor="#E0E0E0" scope="col"><span class="Estilo7">DESCRIPCION</span></th>

    <th background="images/bginp.jpg" bgcolor="#E0E0E0" scope="col"><span class="Estilo7">EXISTENCIA</span></th>

    <th background="images/bginp.jpg" bgcolor="#E0E0E0" scope="col"><span class="Estilo7">ZONA</span></th>

    <th height="14" background="images/bginp.jpg" bgcolor="#E0E0E0" scope="col"><span class="Estilo7">PRECIO</span></th>

    <th height="14" background="images/bginp.jpg" bgcolor="#E0E0E0" scope="col"><span class="Estilo7">CANTIDAD</span></th>

    <th background="images/bginp.jpg" bgcolor="#E0E0E0" scope="col"><span class="Estilo7">IMPORTE</span></th>

 </tr>  

 <tr>

<!--     En ajax.js de la funcion añadir existe una lista que debe contener todos los campos de esta tabla 

 -->    <th width="20" height="14" background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col" id="lineaPedido2"><span class="Estilo4 Estilo5 Estilo6">1</span></th>

    <th width="50" height="14" background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"><input type="text" id="Item" class="input" style="width:57px; height:14px; border-width:0px"  onblur="RecuperaDescripcion(this.id,this.value,'Itemno','Uomcode Description','datos_articulo')" maxlength="7"/></th>

    <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col" width="70"><div id="datos_udm" style="font-size:14px"></div></th>

    <td  width="340" align="center" background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"><div id="datos_articulo" class="Estilo3" style="font-size:10px; font-weight: bold"></div></td>

    <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col" width="100"><div id="datos_ext1" style="font-size:14px"></div></th>

    <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col" width="60"><div id="datos_zon1" style="font-size:14px"></div></th>

    <td width="70" height="14" valign="middle" background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col">

      <div align="left"><div class="Estilo3" style="font-size:12px">$

          <input type="text" id="precio" class="input" style="width:50px; height:14px; text-align:center;border-width:0px" maxlength="15"/>

      </div></div></td>

    <th width="50" height="14" background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"><input type="text" id="cantidad" class="input"  style="width:50px; height:14px; text-align:center;border-width:0px" onblur="calculaPrecio(document.getElementById('precio').value,this.value);anadir()" maxlength="7"/></th>

    <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col" width="57"><span id="importe" class="Estilo3" style="font-size:11px;">&nbsp;</span></th>

  </tr>

</tbody>

</table>

quiero aplicar un evento, que al terminar de capturar "cantidad" me regrese al primer text_input "Item" se podra? gracias...

Fernand0 · #2 (**permalink**) 22/08/2008, 12:14

Código PHP:

  document.getElementById('Item').focus()

De paso ponele

Código PHP:

  document.getElementById('Item').value=''

asi queda re piola =P

art33 · #3 (**permalink**) 22/08/2008, 12:28

ahhh... lo intente antes y nada, nose donde colocarlo. me tiras un cable?

David · #4 (**permalink**) 22/08/2008, 12:31

Cita:

Iniciado por art33

ahhh... lo intente antes y nada, nose donde colocarlo. me tiras un cable?

Pues, donde colocarlo depende de cuándo quieres que el foco pase al otro input, ¿sería cuando se llene el otro campo?. Entonces podrías usar el evento onkeypress y ver si el campo ya está lleno, si así es pasar el foco al otro input.

art33 · #5 (**permalink**) 22/08/2008, 12:34

es k en ese input ya tengo un

Código PHP:

  onblur="calculaPrecio(document.getElementById('precio').value,this.value);anadir()"

nose donde colocar este evento... soy novatin jeje "Jelp"

Fernand0 · #6 (**permalink**) 22/08/2008, 12:40

Código PHP:

  onblur="calculaPrecio(document.getElementById('precio').value,this.value); anadir(); document.getElementById('Item').focus(); document.getElementById('Item').value='';"

lo podes hacer mas complejo.. como dice David el Grande

art33 · #7 (**permalink**) 22/08/2008, 13:11

pues me van a dar asotes... jeje, pero no anda, ya habia intentado algo parecido, pero nop, si me deja el input en blanco pero no me deja segui capturando es decir nose keda la "|" intermitente... k sera?... en teoria debe funcionar tal y como me pusiste el codigo no?, pero no anda....

Fernand0 · #8 (**permalink**) 22/08/2008, 13:16

probaste escribiendo? a mi nunca me dejo la "|".. pero empezas a escribir y ya esta

art33 · #9 (**permalink**) 22/08/2008, 13:22

aja, eso pense, Fernand0, pero le escribi y nada... en firefox, no hace nada pero en ie se va a la barra de direcciones...

David · #10 (**permalink**) 22/08/2008, 13:25

¿Podrías poner un enlace a tu página?. Así podremos ver cuál es exactamente el error.

art33 · #11 (**permalink**) 22/08/2008, 13:32

:P David el Grande puse el codigo de mi tabla arribita.. jeje, estodo... nose que pasa, yo no le veo error.. que sera?

David · #12 (**permalink**) 22/08/2008, 13:37

Pero en el código que pusiste arriba solo hay una fila y no entendí muy bien lo que quieres hacer con ella

.

art33 · #13 (**permalink**) 22/08/2008, 13:40

no comprendo... solo kiero hacer el "focus", k mas necesitas? y lo pongo.... X|

David · #14 (**permalink**) 22/08/2008, 13:52

Creo que ya entendí, pero bueno, lo cierto es que en el evento onblur ya hice muchas pruebas y no conseguí que vuelva el foco al Item, tal vez podemos intentar capturar la tecla Tab con el onkeypress y anular el evento pero a la vez pasar el foco al Item.

art33 · #15 (**permalink**) 22/08/2008, 13:56

aja... seria bueno, se podra?, ya me lie, y no puedo... jeje... un cable?

David · #16 (**permalink**) 22/08/2008, 14:07

Haciendo una búsqueda por el foro encontré la solución que te mencioné (aunque con onkeydown y no con onkeypress como en un principio pensé):
http://www.forosdelweb.com/f13/detec...ulario-446425/

art33 · #17 (**permalink**) 22/08/2008, 14:13

pues ni eso, nose k hago mal... nada me funciona...

David · #18 (**permalink**) 22/08/2008, 14:15

Yo lo probé y funciona perfectamente, ¿podrías poner el código tal y como lo tienes ahora?.

art33 · #19 (**permalink**) 22/08/2008, 14:20

aki esta

Código PHP:

  <script>
function tab_btn(event)
{
    var t = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
    if (t == 9) 
    {
        x_busca.element().focus(); 
        return false;
    }
    return true;
}    
</script>
<table summary="Meeting Results" width="75%" height="2%" border="0" cellpadding="0" cellspacing="1" bordercolor="#B1C3D9" align="center">
<tbody id="lineaPedido" class="fondo" align="center">        
  <tr>
    <td height="18" colspan="9" align="center" background="images/bg.JPG" bgcolor="#E0E0E0" scope="col"><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif" size="2">Pedidos</font></td>
  </tr>
 
 <tr>
    <th height="18" background="images/bginp.jpg" bgcolor="#E0E0E0" scope="col"><span class="Estilo7">#</span></th>
    <th height="14" background="images/bginp.jpg" bgcolor="#E0E0E0" scope="col"><span class="Estilo7" style="text-align:center">PRODUCTO</span></th>
    <th background="images/bginp.jpg" bgcolor="#E0E0E0" scope="col"><span class="Estilo7">UDM</span></th>
    <th align="center" background="images/bginp.jpg" bgcolor="#E0E0E0" scope="col"><span class="Estilo7">DESCRIPCION</span></th>
    <th background="images/bginp.jpg" bgcolor="#E0E0E0" scope="col"><span class="Estilo7">EXISTENCIA</span></th>
    <th background="images/bginp.jpg" bgcolor="#E0E0E0" scope="col"><span class="Estilo7">ZONA</span></th>
    <th height="14" background="images/bginp.jpg" bgcolor="#E0E0E0" scope="col"><span class="Estilo7">PRECIO</span></th>
    <th height="14" background="images/bginp.jpg" bgcolor="#E0E0E0" scope="col"><span class="Estilo7">CANTIDAD</span></th>
    <th background="images/bginp.jpg" bgcolor="#E0E0E0" scope="col"><span class="Estilo7">IMPORTE</span></th>
 </tr>  
 <tr>
<!--     En ajax.js de la funcion añadir existe una lista que debe contener todos los campos de esta tabla 
 -->    <th width="20" height="14" background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col" id="lineaPedido2"><span class="Estilo4 Estilo5 Estilo6">1</span></th>
    <th width="50" height="14" background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"><input type="text" id="Item" class="input" style="width:57px; height:14px; border-width:0px"  onblur="RecuperaDescripcion(this.id,this.value,'Itemno','Uomcode Description','datos_articulo')" maxlength="7"/></th>
    <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col" width="70"><div id="datos_udm" style="font-size:14px"></div></th>
    <td  width="340" align="center" background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"><div id="datos_articulo" class="Estilo3" style="font-size:10px; font-weight: bold"></div></td>
    <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col" width="100"><div id="datos_ext1" style="font-size:14px"></div></th>
    <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col" width="60"><div id="datos_zon1" style="font-size:14px"></div></th>
    <td width="70" height="14" valign="middle" background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col">
      <div align="left"><div class="Estilo3" style="font-size:12px">$
          <input type="text" id="precio" class="input" style="width:50px; height:14px; text-align:center;border-width:0px" maxlength="15"/>
      </div></div></td>
    <th width="50" height="14" background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col"><input type="text" id="cantidad" class="input"  style="width:50px; height:14px; text-align:center;border-width:0px"  onblur="calculaPrecio(document.getElementById('precio').value,this.value); anadir(); document.getElementById('Item').focus(); document.getElementById('Item').value='';" onKeyDown="return tab_btn(event);"/></th>
    <th background="images/bodyarea-bg.gif" bgcolor="#E0E0E0" scope="col" width="57"><span id="importe" class="Estilo3" style="font-size:11px;">&nbsp;</span></th>
  </tr>
</tbody>
</table>

esta bien no?... aver k pasa

David · #20 (**permalink**) 22/08/2008, 14:24

El caso es que no cambiaste el elemento al que quieres enviar el foco, cambia esto:

Código PHP:

  x_busca.element().focus();

Por:

Código PHP:

  document.getElementById('Item').focus();

art33 · #21 (**permalink**) 22/08/2008, 14:44

kedo bonito ahora si mi....
____________
| |
‾‾‾‾‾‾‾‾‾‾‾‾

gracias a los 2....... chao..