Tengo el siguiente javascript, lo que hace es que al pulsar en una imagen (un emoticono) pega unos caracteres asociados al emoticono en un textarea (el mensaje):
Código PHP:
<script language="javascript" type="text/javascript">
function emoticon(text) {
var txtarea = document.post.message;
text = ' ' + text + ' ';
if (txtarea.createTextRange && txtarea.caretPos) {
var caretPos = txtarea.caretPos;
caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? caretPos.text + text + ' ' : caretPos.text + text;
txtarea.focus();
} else {
txtarea.value += text;
txtarea.focus();
}
}
</script>
Para llamar a la función pinchamos sobre la imagen:
Código PHP:
<img src="emoticonos/sunrise.gif" onClick="emoticon(':D');"></img>
<img src="emoticonos/smile.gif" onClick="emoticon(':)');"></img>
Y el texto se muestra en:
Código PHP:
<form action="index.php" method="post" name="post">
<textarea name="message" cols="50" rows="20"></textarea>
</form>
Funciona bien pero el problema que se plantea ahora es que las imágenes están en una ventana de tipo popup, es decir, distinta a donde se encuentra la función y el formulario, ¿como hago para referirme desde este popup al documento 'padre' dónde hay que añadir el texto?
Saludos y gracias.
Nota: lo que quiero hacer es lo mismo que hacen con las caritas cuando se publica un nuevo mensaje en este sitio, es decir, al pinchar en 'Mostrar más' sale un popup con las caritas y al pincha en la carita que quieres añade el texto en el textarea del mensaje.