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:
Cita: 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:
Cita: 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 :)