[SOLUCIONADO] Cambiar tipo de input en función a un textarea

[UNDR4]

Hola amigos estoy buscando la forma de cambiar el tipo de un input, verán tengo este código

Código HTML:

<!--Cuando el textarea esta vacio-->
<input id='cmEdt' type='button' name='Editar' value='Editar Comentario' onclick='funJS1()' />
<input id='cmSve' type='hidden' name='Guardar' value='Guardar Comentario' onclick='funJS2()' />
 

Lo que necesito es que en función al estado de un textarea los dos input que tengo cambien su tipo (de button a hidden y viceversa), con estado de textarea me refiero a si está vacía o no

Código HTML:

<!--Cuando el textarea esta lleno-->
<input id='cmEdt' type='hidden' name='Editar' value='Editar Comentario' onclick='funJS1()' />
<input id='cmSve' type='button' name='Guardar' value='Guardar Comentario' onclick='funJS2()' />
 

El textarea lo lleno desde una base de datos MySql, la cosa es que no eh encontrado la forma en que realice este cambio al tipo de input, traté de hacerlo con load() pero no me función y no puedo utilizar los eventos onclick de los botones porque tiene otra función en mi codigo, no se sea posible verificar esto mediante php o solo tengo la opción de JS espero puedan ayudarme con este problema, saludos y gracias

[ocp001a]

pues si lo que quieres de dibujar un input de un tipo u otro en función de si un campo tiene algo, es tan simple como una condición:

Código PHP:

if(empty($fila['campo']))
    echo '<iput type="button">';
else
    echo '<iput type="hidden">';
 

ahora que si lo quieres hacer conforme el usuario llena el textarea, entonces el tema es de javascript

[quinqui]

Holas, UNDR4.

Por lo que entiendo de tu planteamiento, debieras seguir todo en JS (ojalá los moderadores lo movieran al foro respectivo, si es el caso).

Como sea, parece que la solución iría (partiendo de la idea que quieres que el cambio se realice en función del cambio del contenido del textarea) por agregar el manejador del evento keypress del textarea: si el contenido del mismo cambia, entonces ejecuta una función que realice el cambio de type de los input. Algo como:

Código HTML:

<textarea onkeypress="cambiaTipo(this)">Hola, mundo</textarea> 

Donde la función cambiaTipo() realiza la validación (averiguar si el contenido del textarea ha cambiado) y ejecuta el cambio de type, de ser verdadera la validación.

Saludos!

[arcanisgk122]

con js:

Código Javascript:

function mostrardiv2() {
    div = document.getElementById('reg');
    div.style.display ='';
}
 

[UNDR4]

Antes que nada gracias a todos por responder

Holas, UNDR4.

Por lo que entiendo de tu planteamiento, debieras seguir todo en JS (ojalá los moderadores lo movieran al foro respectivo, si es el caso).

Como sea, parece que la solución iría (partiendo de la idea que quieres que el cambio se realice en función del cambio del contenido del textarea) por agregar el manejador del evento keypress del textarea: si el contenido del mismo cambia, entonces ejecuta una función que realice el cambio de type de los input. Algo como:

Código Javascript:

<textarea onkeypress="cambiaTipo(this)">Hola, mundo</textarea>
 

Donde la función cambiaTipo() realiza la validación (averiguar si el contenido del textarea ha cambiado) y ejecuta el cambio de type, de ser verdadera la validación.

Saludos!

Hola quinqui, es cierto que esa función hace lo que yo quiero, pero solo lo hace cuando ocurre un evento en el textarea, lo que necesito es que en cuanto cargue el archivo php realice esta acción sin necesidad de tocar el textarea

sigo intentando con onload tanto en las etiquetas body y form, así como llamándolo con JS window.onload = cambiaTipo(); pero sin ningún resultado :S

[pateketrueke]

En todo caso deberías aprender Javascript, si no te está funcionando es porque no tienes ni idea de lo que estás haciendo.

Si deseas saber porque no funciona tu código debes depurarlo con Firebug y ver si arroja un error o algo más.

Además, siendo un problema de Javascript, ¿por qué has preguntado aquí?

[arcanisgk122]

Iniciado por pateketrueke

En todo caso deberías aprender Javascript, si no te está funcionando es porque no tienes ni idea de lo que estás haciendo.

Si deseas saber porque no funciona tu código debes depurarlo con Firebug y ver si arroja un error o algo más.

Además, siendo un problema de Javascript, ¿por qué has preguntado aquí?

puede tener la idea de lo que esta asiendo un error lo comete cualquiera pero deberia de estudiar mas lo que hace claro...

[UNDR4]

Iniciado por pateketrueke

En todo caso deberías aprender Javascript, si no te está funcionando es porque no tienes ni idea de lo que estás haciendo.

Si deseas saber porque no funciona tu código debes depurarlo con Firebug y ver si arroja un error o algo más.

Además, siendo un problema de Javascript, ¿por qué has preguntado aquí?

No soy un experto en JS pero eso no quiere decir que no tenga conocimientos acerca de cómo usarlo, no creo que no exista alguien que no tenga por lo menos un problema en su código al momento de escribirlo, pero en fin no importa mucho ese tema.

Publique esto aquí para buscar un solución en php, pero después de los comentarios me quedo claro que la forma más sencilla seria con JS, como lo dice quinqui si el tema está fuera de lugar por favor le pido a algún moderador lo cambie al foro correspondiente.

Ya solucione mi problema, agradezco mucho a los que me apoyaron, muchas gracias y saludos

[pateketrueke]

Iniciado por UNDR4

Ya solucione mi problema, agradezco mucho a los que me apoyaron, muchas gracias y saludos

Me imagino que no vas a compartir la solución, si es así entonces el tema que abriste sirve de nada.

[UNDR4]

Iniciado por pateketrueke

Me imagino que no vas a compartir la solución, si es así entonces el tema que abriste sirve de nada.

La solución es esta, espero y le sea de utilidad a alguien más, saludos

Código Javascript:

window.onload = function()
            {
                if(document.form.textarea.value=='')
                {
                    document.getElementById('boton1').type = 'button';
                    document.getElementById('boton2').type = 'hidden';
                }
                else
                {
                    document.getElementById('boton1').type = 'hidden';
                    document.getElementById('boton2').type = 'button';
                }
            }