Al hacer clic en un botón aparezca un mensaje adicional en un cuadro de escritura

#1 (**permalink**) 13/09/2011, 07:18

Hola!

Me gustaría saber cual es la forma de que al hacer clic en un botón aparezca en un cuadro de escritura un mensaje de forma adicional.

Me explico, hacer algo parecido como cuando en un foro haces clic en un botón bbcode y se agrega el tipo de etiqueta.

Raziel_Ravenheart · #2 (**permalink**) 13/09/2011, 08:27

Intenta con esto, ya te dará una idea:

Código HTML:

Ver original<html>
<head>
<script type="text/javascript" >
function anyadir() {
 document.getElementById("texto").innerHTML += "[etiqueta][/etiqueta]"
}
</script>
</head>
<body>
<textarea rows="10" cols="20" id="texto">
Escribir el texto.
</textarea>
<br />
<input type="button" value="A&ntilde;adir Texto" onclick="anyadir()"/>
</body>
</html>

Ten en cuenta que con este ejemplo siempre se añadirá al fin del texto, si necesitas que se añada en la posición del cursor, es un poco más complicado.

Exitos

IsaBelM · #3 (**permalink**) 13/09/2011, 08:33

depende de algunos factores tales como; el control ya tiene valor?? en caso que no, usa value

Cita:

control.value

por el contrario si ya tiene un valor, donde quieres insertar la cadena adicional?? al comienzo de un string?? en medio de un string?? al final de un string??. para este caso es conveniente usar innerHTML

Cita:

control.innerHTML

. si has de añadirlo dentro del string, también has de usar indexOf que te devuelve la posición de la subcadena

para mostrar el control usa la propiedad display

#4 (**permalink**) 13/09/2011, 08:51

Es que lo que quiero hacer es justamente que se ponga donde está el cursor :S