Seleccionar elementos de una tabla haciendo click y que aparezcan en un input de form

[Masterkhan]

Hola, me gustaría saber como en correos como Hotmail, puedes seleccionar las direcciones haciendo click sobre ellas y después que te aparezcan en otro campo del formulario de correo.

Gracias por adelantado....

[TurKa]

cada celda debe tener un ID único:

<td id="celda_1">

Luego, deberás agregar la función deseada tras el evento onClick:

<td id="celda_1" onClick="funcion()">

Para crear la función, puedes tomar el contenido de la celda utilizando innerText (toma solo el texto plano, sin código) o innerHTML para tomar el texto con el código HTML:

document.getElementById('celda_1').innerText

Y luego solo restará guardar ese texto en el campo de algún formulario. Por ejemplo, en un campo de texto:

formulario_x.campo_y.value = document.getElementById('celda_1').innerText

Y si agregas un signo "+" antes del igual, los textos se irán acumulando:

formulario_x.campo_y.value += document.getElementById('celda_1').innerText

Y con un "\n" al final provocas un salto de línea en un textarea:

formulario_x.campo_y.value = document.getElementById('celda_1').innerText + "\n";

Un código resultante podría ser este:

<script language="JavaScript" type="text/javascript">
function seleccionarContenido(id_celda) {
nombre_del_formulario.nombre_del_campo.value += document.getElementById(id_celda).innerText + "\n";
}
</script>

<table ...>
<tr>
<td id="celda_1" onClick="seleccionarContenido('celda_1')">texto</td>
</tr>
</table>

Después incluso puedes mejorar aún más el script, identificando si la celda ya fue pulsada. Por ejemplo, si ya fue pulsada, no agregas el texto. Para ello puedes guardar el evento en alguna variable numérica. Pero depende del uso que debas darle.

Saludos!

[Masterkhan]

gracias