Habilitar Botón...

[MasterXNicoX]

Hola a todos...

Tengo un problema....

Tengo un cuadro de busqueda en mi sitio... el problema con esto es que...

Hay un botón, el cual se desabilita cuando uno pasa el mouse por ensima de él si en el campo de texto dice "Escribe Aquí...", si dice otra cosa en el campo de texto el botón sigue habilitado...

Lo anterior lo hago con este código:

onmouseover="if(searchText.value=='Escribe Aquí...')this.disabled=true;"

Como pueden ver, el cuadro de texto tiene un id, el cual se llama "searchText"....

---------

El problema es que cuando yo quito el mouse de ensima del botón, este último sigue desabilitado...

Yo queria saber si hay alguna forma de que al quitar el mouse de ensima el botón, este vuelva a habilitarse...

Ya probé, por ejemplo, con:

onmouseout="if(searchText.value=='Escribe Aquí...')this.disabled=false;"

onmouseout="if(searchText.value=='Escribe Aquí...')this.enabled=true;"

onmouseout="this.enabled=true"

onmouseout="this.disabled=false"

Pero de ninguna forma funciona...

Alguien tiene una solución a mi problema???

Saludos y espero sus respuestas!!

Que tengan un lindo dia

[Legoltaz]

cambia tuElemento.disabled=true por tuElemento.setAttribute('disabled','disabled'); y tuElemento.disabled=false por tuElemento.removeAttribute('disabled');

[MasterXNicoX]

Hola legoltaz, por favor, no podrías explicarme de otra forma, es que no entendí muy bien... recién estoy aprendiendo jejeje

[MasterXNicoX]

Puse así:

onmouseover="if(searchText.value=='Escribe Aquí...')this.setAttribute('disabled','disa bled');" onmouseout="this.removeAttribute('disabled');"

Pero no funcionó... a eso te referías??

Edito: El segundo disabled de setAttribute sale separado por el limite de caracteres por palabra en el foro, pero en mi código lo puse correctamente.

[Legoltaz]

Mejor pon todo el código, porque no sé si estarás usando correctamente el this.

[MasterXNicoX]

Codigo de text area y botón...

<input class="t" id="searchText" name="searchText" type="text" onfocus="if(this.value=='Escribe Aqu&iacute;...')this.value='';" onblur="if((this.value=='')||(this.value.strip()== ''))this.value='Escribe Aqu&iacute;...';" onmouseover="this.style.borderColor='#03f';this.st yle.backgroundColor='#ff9'" onmouseout="this.style.borderColor='#000';this.sty le.backgroundColor='#ff7'" value="Escribe Aqu&iacute;..." size="24" />

<input type="submit" value="Buscar" onmouseover="if(searchText.value=='Escribe Aqu&iacute;...')this.setAttribute('disabled','disa bled');" onmouseout="this.removeAttribute('disabled');"/>

[Legoltaz]

Tienes que acceder a searchText con document.getElementById('searchText') o bien tu_form.searchTextName.

[MasterXNicoX]

Osea usar getElementById y esta solución que me diste?

this.setAttribute('disabled','disa bled');" onmouseout="this.removeAttribute('disabled');"

[MasterXNicoX]

Lo puse asi:

onmouseover="if(document.getElementById('searchTex t').value=='Escribe Aqu&iacute;...')this.setAttribute('disabled','disa bled');" onmouseout="this.removeAttribute('disabled');"

Pero sigue sin volver a habilitarse el botón al quitar el mouse de ensima...

[Legoltaz]

Pues a mí me funciona perfectamente el código entero que pusiste.

[MasterXNicoX]

El último que cité??

A mi no me funciona

[Legoltaz]

Iniciado por MasterXNicoX

El último que cité??

A mi no me funciona

¿Qué navegador usas?

[MasterXNicoX]

Lo probé en FireFox 3.5, en IE 6.0 y en Google Chrome.. pero no funciona... En el único que funciona es en Opera 9.64...

[MasterXNicoX]

Alguien tiene alguna solución para esto???

[MasterXNicoX]

Bueno señores, quemandome la cabeza descubrí como solucionarlo...

Quedó así por si alguien lo necesita:

El Campo de texto quedó así:

<input
class="t"
id="searchText"
name="searchText"
type="text"
onfocus="if(this.value=='Escribe Aqu&iacute;...')this.value='';"
onblur="if((this.value=='')||(this.value.strip()== ''))this.value='Escribe Aqu&iacute;...';"
onmouseover="this.style.borderColor='#03f';this.st yle.backgroundColor='#ff9';boton.disabled=false"
onmouseout="this.style.borderColor='#000';this.sty le.backgroundColor='#ff7'"
value="Escribe Aqu&iacute;..."
size="24" />

De ante mano les aclaro que al input de submit, osea al botoncito para buscar le puse un id y un nombre, ambos se llaman boton

Y el input, el del botoncito quedó así:

<input
type="submit"
value="Buscar"
name="boton"
id="boton"
onmousedown="if(searchText.value=='Escribe Aqu&iacute;...')this.disabled=true;"/>