Esto no me funciona

[AitorLopez]

Hola, mirad, tengo este codigo

Código PHP:

<div id="botones_forma_pago_retencion<?php echo $z;?>">
                  <a id="btn_anadir" class="img_anadir" name="anadir_forma_pago_retencion" title="Añadir" href="../../paginas/facturas/retenciones.php?id_factura=<?php echo $id_factura;?>&anadir_forma_pago_retencion=si&nombre_pagina=Introduzca los datos de la forma de pago nueva"></a>
                  <a id="btn_eliminar" class="img_eliminar" name="eliminar_forma_pago_retencion" title="Eliminar" href="../../paginas/facturas/eliminar_forma_pago_retencion.php"></a>
                  <button id="btn_modificar" type="submit" name="modificar_forma_pago_retencion" title="Modificar" class="boton_imagen"></button>
                </div>
                                <?php
                //Si existe esta variable es porque se pulsó añadir cargo, asi que traigo el foco hasta aqui
                if (isset($anadir_fp_reten_existe))
                {?>
                  <script type="text/javascript">
                    document.getElementById('botones_forma_pago_retencion<?php echo $z;?>').focus();
                  </script>
                  <?php
                }
                ?>
 

Se supone que, cuando recibe la variable 'botones_forma_pago_retencion, tiene que llevar el foco al div. La variable $z es un contador y y tiene el mismo valor, tanto en el nombre del div, como en el codigo javascript.

El codigo fuente que me devuelve es este, que en principio, por lo que veo esta bien, pero vamos, no lleva el foco al div cuando carga la pagina.

Código HTML:

<div id="botones_forma_pago_retencion3">
                  <a id="btn_anadir" class="img_anadir" name="anadir_forma_pago_retencion" title="Añadir" href="../../paginas/facturas/retenciones.php?id_factura=13&anadir_forma_pago_retencion=si&nombre_pagina=Introduzca los datos de la forma de pago nueva"></a>
                  <a id="btn_eliminar" class="img_eliminar" name="eliminar_forma_pago_retencion" title="Eliminar" href="../../paginas/facturas/eliminar_forma_pago_retencion.php"></a>
                  <button id="btn_modificar" type="submit" name="modificar_forma_pago_retencion" title="Modificar" class="boton_imagen"></button>
                </div>
 
                                                  <script type="text/javascript">
                    document.getElementById('botones_forma_pago_retencion3').focus();
                  </script>
 

[zerokilled]

buenas,
en realidad no deberia funcionarte. ¿razon? los elementos <div>, aunque pudieran tener la funcion focus, no hay forma de que ese elemento pueda recibir foco. generalmente, los elementos que pueden recibir foco son aquellos que puedes navegar con la tecla Tab. supongo que tu caso es hacer visible esa area del documento. en tal caso puedes usar la funcion scrollIntoView.

[AitorLopez]

Hola. En primer lugar, gracias por tu respuesta. Has sido muy amable en responderme.

En segundo lugar, quería comentar, cuando a lo mejor no es el momento mas adecuado, que llevo unos días observando que hay muy pocas respuestas en este foro, no se si será casualidad o que, en cualquier caso, es una pena, puesto que no os imaginais lo que he aprendido gracias a este foro y espero lo que me queda por aprender.

Volviendo al hilo, en otro script si me funciona, con la diferencia de que el en el otro script, el nombre del div no es dinamico, es decir que el nombre del div siempre es el mismo, es po resto por lo que no lo entiendo.
En cuanto a la respuesta de zerokillled, tengo que decir que llevo rato buscando subre la funcion que ha propuesto y no acabo de entenderla.

[IsaBelM]

a ver si con este ejemplo lo entiendes

<div style="height: 900px"></div>
<div id="botones_forma_pago_retencion3">
                  <a id="btn_anadir" class="img_anadir" name="anadir_forma_pago_retencion" title="Añadir" href="http://www.forosdelweb.com/paginas/facturas/retenciones.php?id_factura=13&anadir_forma_pago_re tencion=si&nombre_pagina=Introduzca los datos de la forma de pago nueva"></a>
                  <a id="btn_eliminar" class="img_eliminar" name="eliminar_forma_pago_retencion" title="Eliminar" href="http://www.forosdelweb.com/paginas/facturas/eliminar_forma_pago_retencion.php"></a>
                  <button id="btn_modificar" type="submit" name="modificar_forma_pago_retencion" title="Modificar" class="boton_imagen"></button>
                </div>
 
                                                  <script type="text/javascript">
                    document.getElementById('botones_forma_pago_retenc ion3').scrollIntoView(true);
                  </script>

<div style="height: 900px"></div>

lo que hace es hacer scroll hasta que encuentra el elemento. es como scrollTo() pero sin necesidad de indicar el top y left

[zerokilled]

nada, solo tienes que reemplazar focus por scrollIntoView. asi de sencillo. ahora bien, lo que desconozco es el soporte en los navegadores. scrollIntoView creo que sera parte del estandar DOM a partir de html5. sin embargo, segun quirksmode, hay bastantes navegadores que ya lo soportan. aca puedes hacer una prueba, http://www.quirksmode.org/dom/tests/scrollintoview.html.