Alternar Activado/desactivado dos textbox

[jurassicboy]

Buenos días,

A ver si me podéis ayudar, tengo dos textbox y me gustaría que cuando el usuario escoja uno para escribir en él el otro quede anulado (gris) y al revés. Es decir alternar el foco del textbox para que sólo permita escribir en uno de los dos pero nunca en los dos al mismo tiempo.

He leído y parece que onBlur sería la solución, pero no consigo que me haga ese efecto.

Muchas gracias de antemano cracks.


Mi formulario tan solo tiene dos campos de texto que son:

Código HTML:

<input class="inputTextBuscador" name="palabrallave" value="" id="palabrallave" type="Text">
                    
                      <input class="inputTextBuscador" name="palabrallave" value="" id="palabrallave2" type="text">
 

[quimfv]

Código Javascript:

function  inhabilita(obj){
    if(obj.id=="palabrallave"){
        document.getElementById("palabrallave2").disabled=true;
    }else{
        document.getElementById("palabrallave").disabled=true;
    }
}
 
function rehabilita(obj){
if(obj.value==""){
    if(obj.id=="palabrallave"){
        document.getElementById("palabrallave2").disabled=false;
    }else{
        document.getElementById("palabrallave").disabled=false;
    }
    }
}
 

Código HTML:

<input class="inputTextBuscador" name="palabrallave" value="" id="palabrallave" type="Text" onBlur="rehabilita(this)" onFocus="inhabilita(this)" />
<br>
<input class="inputTextBuscador" name="palabrallave" value="" id="palabrallave2" type="text" onBlur="rehabilita(this)" onFocus="inhabilita(this)" />
 

El evento es onFocus, pero si el usuario deja el imput en blanco con el onBlur recuperamos la situación inicial.

Te parece bien?

Quim

[_cronos2]

Podría hacerse con una sola función:

Código Javascript:

function habilitarOno(id,boolean){
 document.getElementById(id).disabled=boolean;
}
 

Código HTML:

<input type='text' id='c1' onfocus='habilitarOno("c2",true);' onblur="habilitarOno('c2',false);habilitarOno(this.id,true);" />
<input type='text' id='c2' onfocus='habilitarOno("c1",true);' onblur="habilitarOno('c1',false);habilitarOno(this.id,true);" />
 

Saludos (:

[sysmadryn]

y tambien sin funcion ....

Código HTML:

<input type='text' id='c1' onfocus="document.getElementById('c2').disabled=true" onblur="this.value==''?document.getElementById('c2').disabled=false:''" />
<br />
<input type='text' id='c2' onfocus="document.getElementById('c1').disabled=true" onblur="this.value==''?document.getElementById('c1').disabled=false:''" />
 

Saludos

[jurassicboy]

Muchas gracias chicos, funciona perfecto

Pero, ¿hay alguna manera de que al hacer clic sobre la zona gris se cambie a editable? Busco que se alterne, es decir, que si hago click en el input text 1 el input text 2 se ponga en blanco (o gris), y si hago click en el input text 2 el input text 1 se ponga en blanco (o gris). Es para que solo se pueda enviar informacion por uno de los input text, pero no por los dos a la vez.

[quimfv]

Eso es lo que exactamente hace lo que te hemos mandado....

Si entras en el primero el segundo se inhabilita y solo se rehabilita si el primero no tinen valor... y así alternativamente.

Si un objeto esta inhabilitado no se le puede hacer nada puesto que esta inhabilitado, para que el inhabilitado se rehabilite se debe borrar el contenido del otro, puesto que és lo que provoca su inhabilitación...

Quim

[jurassicboy]

Ya lo tengo!!

Es así (aunque no se pone en gris, pero ya me va bien así):

Código Javascript:

<input class="inputTextBuscador" name="palabrallave" value="" id="palabrallave" type="Text" onfocus="document.getElementById('palabrallave2').value='';">
  <input class="inputTextBuscador" name="palabrallave2" value="" id="palabrallave2" type="text" onfocus="document.getElementById('palabrallave').value='';">
 

Gracias de nuevo a todos!