Focos

[decano1891]

Buenos días, estoy intentando dejar el foco en un input que esta dentro de un div pero no lo logro, si alguien me puede dar alguna pista estaré muy agradecido.
Desde ya muchas gracias a todos

[bitbow]

Saludos,

formulario.input.focus();

si esto no soluciona tu problema seria bueno que postearas parte del codigo, suerte.

[IsaBelM]

has de hacer referencia al elemento o bien por su nombre o por su id

[decano1891]

Bitbow e IsaBelM muchas gracias por sus respuesta, intente hacerlo de la forma que ustedes me indican pero me fue imposible, agrego parte del código para que sea mas facil de ver:

echo '<div id = '.$anexo.$anexo1.' style="display:none">';
if ($factura== 'SI'){//(2)
echo '<label><input type="text" name="cantidad" id="$codigo"
value="" size="3" onfocus="javascript:obtenerCantidadActual(this,
\''.$contador.'\');" onblur="javascript: obtenerCantidadActual(this,
\''$contador.'\');" /> </label>';
}
echo '</div>';

Yo tengo un div, y dentro de él tengo este input al cual necesito hacer foco para que se ejecute un evento y valide lo que tengo dentro de la caja de texto cada vez que lo abra ya que no se borrara lo ingresado.

Saludos y muchas gracias

[_cronos2]

¿Dónde está campo.focus()?
Saludos (:

[decano1891]

_cronos2 esto es lo que tengo, estaría faltando algo?
Saludos y gracias por tu interes

[_cronos2]

Para que un script se ejecute debe ir asociado a un evento, más o menos. ¿Cuándo quieres que se le dé el foco al campo? ¿Al cargar la página?
Saludos (:

[IsaBelM]

el evento que necesitas es onload, este lanza una pequeña función cuyo contenido es el arriba indicado

[decano1891]

Te cuento el usuario ingresa una cantidad de productos a comprar en un div, y al agregar se cierra y muestra solo el número del pedido. Yo quiero que cada vez que el usuario pinche este número el div se abra y el foco quede en el input de cantidad.
Pego el codigo de js que utilizo:
function foco(prm1){
variable = document.getElementById(prm1).focus();
return variable
}

me da el siguiente error: document.getelementbyid is null or not an object

Saludos y gracias _cronos2

[_cronos2]

Quita return variable, return se usa para devolver un valor, pero tú ahí lo que quieres es dar el foco, por tanto no tienes que devolver nada. Y no pongas variable=document.getElementById(prm1).focus(), pon simplemente document.getElementById(prm1).focus() .
Saludos (:

[decano1891]

IsaBelM no necesito que el foco se cargue al cargar la pagina porque ese campo al cargar la pagina esta oculto y se muestra cuando pincho en un número que al principio es el 0 y que va cambiando según la cantidad de articulos que vaya pidiendo el usuario.
Muchas gracias por tu ayuda

[decano1891]

Iniciado por _cronos2

Quita return variable, return se usa para devolver un valor, pero tú ahí lo que quieres es dar el foco, por tanto no tienes que devolver nada. Y no pongas variable=document.getElementById(prm1).focus(), pon simplemente document.getElementById(prm1).focus() .
Saludos (:

_Cronos2 seguí tu sugerencia pero el error es el mismo.

Saludos

[IsaBelM]

ese error viene dado del hecho que el elemento aún está oculto en el momento de darle el foco. en la misma función con la que muestras el campo ha de esta esta línea de código

document.getElementById(prm1).focus();

[_cronos2]

Bueno creo que yo me he perdido del todo, postea el código que tengas para ocultar el div, el código del div en HTML y la función esta para dar el foco.
Saludos :D

[decano1891]

Iniciado por IsaBelM

ese error viene dado del hecho que el elemento aún está oculto en el momento de darle el foco. en la misma función con la que muestras el campo ha de esta esta línea de código

IsaBelM estoy probando lo que me decis. Te cuento como me fue en un rato
Saludos y gracias

[decano1891]

Dale _cronos2 los posteo si no logro resolverlo en breve, saludos

[saggas]

Hooa yo tengo el mismo problema que IsabelM pero el error es por que el campo no existe, lo probe con un imput tampoco resulta, pero la diferencia es que yo me quireo cambiar de una pestaña a otra la cul fue creada con css.

el llamado a al fun.

[PHP]

<td>{$i}.-</td>
{if $editAllowed<>'false'}
<td colspan="3" id="div_nombre{$division.FormacionVegetal.div_id}S PAN" ondblclick="editar(this,{$division.FormacionVegeta l.div_id},'div_nombre')">
{else}
<td colspan="3" id="div_nombre{$division.FormacionVegetal.div_id} " >
{/if}

/************************************************** ******/
<span id="div_nombre{$division.FormacionVegetal.div_id} " ><a href="#" onclick="buscarDe({$division.FormacionVegetal.div_ id}); foco('clase');" > {$division.FormacionVegetal.div_nombre}</a> </span>

/************************************************** *******/
</td>
<td>
/PHP]

el lugar dode se mob.

Código PHP:

  <div  class="tabbertab">
        <h2><a name="tab2">Clase</a></h2>
            <input type="text" value="aqui" id="clase" >
                <table>
                    <tr>
                    <td>
        Clase  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    
        <a name="jarra">Índice de contenidos</am> 
   

la func.

Código PHP:

   
function foco(prm1)
{
//    alert(prm1);
//    document.getElementById("clase").focus();
    document.getElementById(prm1).focus();
 
} 
   

[decano1891]

Iniciado por _cronos2

Bueno creo que yo me he perdido del todo, postea el código que tengas para ocultar el div, el código del div en HTML y la función esta para dar el foco.
Saludos :D

_cronos2 posteo el codigo para ver si ayuda un poco mas.

Saludos y gracias

Código HTML:

echo '<div id = '.$contador.' name="namediv"  width:280px;" align="center" class="claseNameDiv">';
        echo $enlace = '<a href = "#" onclick="mostar_cantidad_precio(\''.$contador.'\', \''.$codigo.'\', \''.$lote.'\', \''.$contador.'\', \''.$regXpagina.'\' )">'.$cant_pedida.'</a>';
echo '</div>';
                                        
$anexo=_1_;
$anexo_3 ='_2_';
echo '<div id = '.$anexo.$contador.' name="namediv_1" style="display:none; width:280px;" class="claseNameDiv_1">';
         if ($Factura== 'SI'){
            echo " Cantidad: ";
            echo '<label><input type="text" name="my-item-qty" id='.$anexo_3.$contador.' value="" size="3");" /> </label>'; 
                                                
            echo '<a href = "#" onclick="cancelar(\''.$anexo.$contador.'\', \''.$prm1.'\', \''.$prm2.'\', \''.$prm3.'\', \''.$prm4.'\', \''.$prm5.'\');"> <img src = "./img/bt-eliminar.gif" border = "0"> </a>';
         }  
echo '</div>';
 

Código Javascript:

function mostar_cantidad_precio(id, codigo, lote, contador, regPorPagina){
    var anexo ='_1_';
    var id_2 = anexo+contador;
    prm14 =id;
    prm1= codigo;
    prm2 = lote;
    prm15 = contador;
    prm16 = regPorPagina;
 
    if (document.getElementById(id).style.display !='none')
    {   
        document.getElementById(id).style.display='none';//oculto la cantidad
        document.getElementById(id_2).style.display='block';//muestro los input para agregar cantidad y precio
        var anexo_3 ='_2_'
        id_3 = anexo_3 + contador;                   //----//
        document.getElementById(id_3).focus(); //FOCO//
    }else{                   //----//
        document.getElementById(id).style.display='block';//muestro la cantidad
        document.getElementById(id_2).style.display='none';//oculto los input para agregar cantidad y precio
    }
 
    divId = document.getElementById(id); 
    ajax= objetoAjax(); 
        nroRep = 40;
        ajax.open("GET", './Rep_'+nroRep+'.php?prm14='+prm14+'prm1='+prm1+'&prm2='+prm2+'&prm4='+prm4+'&prm15='+prm15+'&prm16='+prm16); 
 
        ajax.onreadystatechange=function() {
 
            if (ajax.readyState==4) {
                 divId.innerHTML = ajax.responseText 
            }
        }
        ocultatodo(prm15, prm16);
}