Agregar emoticón a textarea

hgp147 · #1 (**permalink**) 01/03/2008, 17:41

Hola, en mi web http://tufotolog.com.es/forosdelweb/ abajo hay un textarea, que al hacer click en los emoticones que tiene a su lado, se le agrega el valor (por ejemplo :A , etc). Ahora, les cuento el problema, es que si por ejemplo tengo escrito en el textarea "Hola como estas?" y si pongo el cursor entre "hola" y "como..." y hago click en el emoticon, este me aparece al final de la frase "Hola como estas? :A" y lo que quiero es que aparezca donde había puesto al cursor, es decir que quede así "Hola :A como estas? "

Gracias

Panino5001 · #2 (**permalink**) 01/03/2008, 17:54

En esta faq tenés un ejemplo de cómo manejar la seleción para que ocurra lo que describís:
http://www.forosdelweb.com/1755928-post244.html

hgp147 · #3 (**permalink**) 01/03/2008, 20:00

Excelente el código Panino5001. Muchas gracias por tu ayuda.

Aquí dejo el código con las modificaciones:

Código HTML:

<html>
<head>
<title>Editor bbCode</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
function instag(tag){
var input = document.form1.contenido;
if(typeof input.selectionStart != 'undefined'){
var start = input.selectionStart;
var end = input.selectionEnd;
var insText = input.value.substring(start, end);
input.value = input.value.substr(0, start) + '['+tag+']' + input.value.substr(end);
input.focus();
input.setSelectionRange(start+2+tag.length+3+tag.length,start+2+tag.length);
return;
}
}
</script>
</head>

<body>
<form name="form1" method="post" action="">
<input type="button" name="Submit" value="B" onClick="instag(':A')">
<input type="button" name="Submit3" value="U" onClick="instag(':B')">
<input type="button" name="Submit4" value=" I " onClick="instag(':C')">
<br>
<textarea name="contenido" cols="40" rows="10" id="contenido"></textarea>

</form>
</body>
</html>

caricatos · #4 (**permalink**) 02/03/2008, 01:49

Hola:

Estuve viendo el funcionamiento del editor, y puedes mejorarlo bastante. Si te bajas el script de esta página: Editor de texto creo que ganarás algo...

Creo que Panino5001 (¡Hola!

) tiene también un script similar.

Saludos

hgp147 · #5 (**permalink**) 03/03/2008, 15:00

Muy bueno el editor Caricatos. Gracias