Como escribir en un formulario mediante links de imágenes?

[chemanuca]

Hola a todos amigos!! Espero que estén bien...

Tengo la siguiente consulta:

Tengo un "menu" conformado de tres pestañas en jQuery, en las que tengo una tabla para cada pestaña con contenidos (imágenes)...

Ejemplo de la tabla:

Código HTML:

<table class="tabla" border="0">
                         <tbody>
                           <tr align="center" valign="middle" class="color cont">
                             <td>
                               <div align="center">MAN-02</div>
                             </td>
                             <td>
                               <div align="center">AMAR</div>
                             </td>
                             <td>
                               <div align="center">CAF-2</div>
                             </td>
                             <td>
                               <div align="center">NEGRO</div>
                             </td>
                             <td>
                               <div align="center">ROJO</div>
                             </td>
                           </tr>
                           
                           <tr align="center" valign="middle" class="color cont">
                             <td>
                               <div align="center"><img src="/images/stories/manchester2.jpg" height="95" width="56"></div>
                             </td>
                             <td>
                               <div align="center"><img src="/images/stories/amarillo2.jpg" height="95" width="56"></div>
                             </td>
                             <td>
                               <div align="center"><img src="/images/stories/caramelo%202.jpg" height="95" width="56"></div>
                             </td>
                             <td>
                               <div align="center"><img src="/images/stories/negro%202.jpg" height="95" width="56"></div>
                             </td>
                             <td>
                               <div align="center"><img src="/images/stories/rojo.jpg" height="95" width="56"></div>
                             </td>
                           </tr>
                          </tbody>
                        </table> 

Mi problema es:
Abajo de este "menu" tengo un form texfield, en el que quiero: Cuando se haga Click a la imagen o texto; este se añada con atributos como:

Color: $elcolor, otro Color: $Elotrocolor

Un atributo por cada pestaña. Pero que a la vez, si se vuelve a hacer click en una de las primeras pestañas, y se vuelve a elegir un color, no se aumente, sino que se sobreescriba en la posición debida, algo como:

Color: $elnuevocolor, otro Color: $Elotronuevocolor

Me parece que la manera más sencilla sería en PHP, (dando id's a cada texto e imagen??))

Espero que alguien me pueda ayudar!! :D

Gracias de antemano por sus respuestas :)

[repara2]

Consulta un foro de Js o Jquery, lo que necesitas se ejecuta en el navegador.
Salu2

[chemanuca]

Iniciado por repara2

Consulta un foro de Js o Jquery, lo que necesitas se ejecuta en el navegador.
Salu2

Tonces es imposible con php?? Ok, probaré con jQuery-Js...

Gracias!