Trata con esta funcion. Es la funcion
asignaColor modificada:
Código:
function asignaColor(elemento) {
donde = elemento.substr(0, elemento.length - 6);
color = elemento.substr(donde.length);
window["metodo" + donde](color);
__elemento = window["color" + donde];
if (document.getElementById(donde + __elemento.substr(1)))
document.getElementById(donde + __elemento.substr(1)).style.borderStyle = "solid";
window["color" + donde] = "#" + color;
document.getElementById(elemento).style.borderStyle = "inset";
document.getElementById("muestra" + donde).style.backgroundColor = "#" + color;
/* ----- aqui comienza la modificacion ----- */
switch (document.getElementById("donde").selectedIndex) {
//texto
case 0 :
document.getElementById('color_del_texto').value = '#' + color;
break;
//fondo
case 1 :
document.getElementById('color_del_fondo').value = '#' + color;
break;
//border
case 2 :
document.getElementById('color_del_borde').value = '#' + color;
break;
}
/* ----- aqui termina la modificacion ----- */
if (document.all) event.returnValue = false;
}
NOTA En el formulario cambia los atributos
name y
ID reemplazando los espacios por guion bajo
Código:
<input type="text" name="color_del_texto" id="color_del_texto">