function color1() { var color = document.getElementById("todos").value; var todos = document.getElementById("todos"); var otros = document.getElementById("otros"); var p = document.getElementById("p"); switch (color) { case "0": document.getElementById("p").innerHTML = ""; otros.style.visibility = "hidden"; p.style.backgroundColor = "#FFF"; p.style.border = "none"; break; case "1": document.getElementById("p").innerHTML = ""; var am = new Array ("Seleccione un Color", "Azul", "Rojo"); var texto = new Array(am.length); if(document.getElementById("otros").innerHTML.length <= 0){ otros.style.visibility = "visible"; p.style.backgroundColor = "#FFF"; p.style.border = "none"; for (i=0;i 0){ document.getElementById("p").innerHTML = "Verde (#00FF00) (0,255,0)"; p.style.backgroundColor = "#00FF00"; }else { var texto = document.createTextNode("Verde (#00FF00) (0,255,0)"); p.style.backgroundColor = "#00FF00"; p.appendChild(texto); div.appendChild(p); } break; case "Rojo": if(document.getElementById("p").innerHTML.length > 0){ document.getElementById("p").innerHTML = "Naranja (#FFA500) (255,165,0)"; p.style.backgroundColor = "#FFA500"; }else { var texto = document.createTextNode("Naranja (#FFA500) (255,165,0)"); p.style.backgroundColor = "#FFA500"; p.appendChild(texto); div.appendChild(p); } break; } break; case "2": switch (color2){ case "Seleccione un Color": document.getElementById("p").innerHTML = ""; p.style.backgroundColor = "#FFF"; p.style.border = "none"; break; case "Amarillo": if(document.getElementById("p").innerHTML.length > 0){ document.getElementById("p").innerHTML = "Verde (#00FF00) (0,255,0)"; p.style.backgroundColor = "#00FF00"; }else { var texto = document.createTextNode("Verde (#00FF00) (0,255,0)"); p.style.backgroundColor = "#00FF00"; p.appendChild(texto); div.appendChild(p); } break; case "Rojo": if(document.getElementById("p").innerHTML.length > 0){ document.getElementById("p").innerHTML = "Morado (#9B009B) (155,0,155)"; p.style.backgroundColor = "#9B009B"; }else { var texto = document.createTextNode("Morado (#9B009B) (155,0,155)"); p.style.backgroundColor = "#9B009B"; p.appendChild(texto); div.appendChild(p); } break; case "Blanco": if(document.getElementById("p").innerHTML.length > 0){ document.getElementById("p").innerHTML = "Celeste (#00BFFF) (0,191,255)"; p.style.backgroundColor = "#00BFFF"; }else { var texto = document.createTextNode("Celeste (#00BFFF) (0,191,255)"); p.style.backgroundColor = "#00BFFF"; p.appendChild(texto); div.appendChild(p); } break; } break; case "3": switch (color2){ case "Seleccione un Color": document.getElementById("p").innerHTML = ""; p.style.backgroundColor = "#FFF"; p.style.border = "none"; break; case "Verde": if(document.getElementById("p").innerHTML.length > 0){ document.getElementById("p").innerHTML = "Verde Claro (#4DFF4D) (77,255,77)"; p.style.backgroundColor = "#4DFF4D"; }else { var texto = document.createTextNode("Verde Claro (#4DFF4D) (77,255,77)"); p.style.backgroundColor = "#4DFF4D"; p.appendChild(texto); div.appendChild(p); } break; case "Morado": if(document.getElementById("p").innerHTML.length > 0){ document.getElementById("p").innerHTML = "Violeta (#C864FF) (200,100,255)"; p.style.backgroundColor = "#C864FF"; }else { var texto = document.createTextNode("Violeta (#C864FF) (200,100,255)"); p.style.backgroundColor = "#C864FF"; p.appendChild(texto); div.appendChild(p); } break; case "Azul": if(document.getElementById("p").innerHTML.length > 0){ document.getElementById("p").innerHTML = "Celeste (#00BFFF) (0,191,255)"; p.style.backgroundColor = "#00BFFF"; }else { var texto = document.createTextNode("Celeste (#00BFFF) (0,191,255)"); p.style.backgroundColor = "#00BFFF"; p.appendChild(texto); div.appendChild(p); } break; case "Cafe": if(document.getElementById("p").innerHTML.length > 0){ document.getElementById("p").innerHTML = "Cafe Claro (#BE640F) (190,100,15)"; p.style.backgroundColor = "#BE640F"; }else { var texto = document.createTextNode("Cafe Claro (#BE640F) (190,100,15)"); p.style.backgroundColor = "#BE640F"; p.appendChild(texto); div.appendChild(p); } break; case "Rojo": if(document.getElementById("p").innerHTML.length > 0){ document.getElementById("p").innerHTML = "Rosado (#FF0064) (255,0,100)"; p.style.backgroundColor = "#FF0064"; }else { var texto = document.createTextNode("Rosado (#FF0064) (255,0,100)"); p.style.backgroundColor = "#FF0064"; p.appendChild(texto); div.appendChild(p); } break; case "Negro": if(document.getElementById("p").innerHTML.length > 0){ document.getElementById("p").innerHTML = "Gris (#808080) (128,128,128)"; p.style.backgroundColor = "#808080"; }else { var texto = document.createTextNode("Gris (#808080) (128,128,128)"); p.style.backgroundColor = "#808080"; p.appendChild(texto); div.appendChild(p); } break; } break; case "4": switch (color2){ case "Seleccione un Color": document.getElementById("p").innerHTML = ""; p.style.backgroundColor = "#FFF"; p.style.border = "none"; break; case "Blanco": if(document.getElementById("p").innerHTML.length > 0){ document.getElementById("p").innerHTML = "Cafe Claro (#BE640F) (190,100,15)"; p.style.backgroundColor = "#BE640F"; }else { var texto = document.createTextNode("Cafe Claro (#BE640F) (190,100,15)"); p.style.backgroundColor = "#BE640F"; p.appendChild(texto); div.appendChild(p); } break; case "Negro": if(document.getElementById("p").innerHTML.length > 0){ document.getElementById("p").innerHTML = "Cafe Oscuro (#5A2D0F) (90,45,15)"; p.style.backgroundColor = "#5A2D0F"; }else { var texto = document.createTextNode("Cafe Oscuro (#5A2D0F) (90,45,15)"); p.style.backgroundColor = "#5A2D0F"; p.appendChild(texto); div.appendChild(p); } break; } break; case "5": switch (color2){ case "Seleccione un Color": document.getElementById("p").innerHTML = ""; p.style.backgroundColor = "#fff"; p.style.border = "none"; break; case "Blanco": if(document.getElementById("p").innerHTML.length > 0){ document.getElementById("p").innerHTML = "Violeta (#C864FF) (200,100,255)"; p.style.backgroundColor = "#C864FF"; }else { var texto = document.createTextNode("Violeta (#C864FF) (200,100,255)"); p.style.backgroundColor = "#C864FF"; p.appendChild(texto); div.appendChild(p); } break; } break; case "6": switch (color2){ case "Seleccione un Color": document.getElementById("p").innerHTML = ""; p.style.backgroundColor = "#FFF"; p.style.border = "none"; break; case "Verde": if(document.getElementById("p").innerHTML.length > 0){ document.getElementById("p").innerHTML = "Verde Oscuro (#009900) (0,153,0)"; p.style.backgroundColor = "#009900"; }else { var texto = document.createTextNode("Verde Oscuro (#009900) (0,153,0)"); p.style.backgroundColor = "#009900"; p.appendChild(texto); div.appendChild(p); } break; case "Cafe": if(document.getElementById("p").innerHTML.length > 0){ document.getElementById("p").innerHTML = "Cafe Oscuro (#5A2D0F) (90,45,15)"; p.style.backgroundColor = "#5A2D0F"; }else { var texto = document.createTextNode("Cafe Oscuro (#5A2D0F) (90,45,15)"); p.style.backgroundColor = "#5A2D0F"; p.appendChild(texto); div.appendChild(p); } break; case "Blanco": if(document.getElementById("p").innerHTML.length > 0){ document.getElementById("p").innerHTML = "Gris (#808080) (128,128,128)"; p.style.backgroundColor = "#808080"; }else { var texto = document.createTextNode("Gris (#808080) (128,128,128)"); p.style.backgroundColor = "#808080"; p.appendChild(texto); div.appendChild(p); } break; } break; case "7": switch (color2){ case "Seleccione un Color": document.getElementById("p").innerHTML = ""; p.style.backgroundColor = "#FFF"; p.style.border = "none"; break; case "Amarillo": if(document.getElementById("p").innerHTML.length > 0){ document.getElementById("p").innerHTML = "Naranja (#FFA500) (255,165,0)"; p.style.backgroundColor = "#FFA500"; }else { var texto = document.createTextNode("Naranja (#FFA500) (255,165,0)"); p.style.backgroundColor = "#FFA500"; p.appendChild(texto); div.appendChild(p); } break; case "Azul": if(document.getElementById("p").innerHTML.length > 0){ document.getElementById("p").innerHTML = "Morado (#9B009B) (155,0,155)"; p.style.backgroundColor = "#9B009B"; }else { var texto = document.createTextNode("Morado (#9B009B) (155,0,155)"); p.style.backgroundColor = "#9B009B"; p.appendChild(texto); div.appendChild(p); } break; case "Blanco": if(document.getElementById("p").innerHTML.length > 0){ document.getElementById("p").innerHTML = "Rosado (#FF0064) (255,0,100)"; p.style.backgroundColor = "#FF0064"; }else { var texto = document.createTextNode("Rosado (#FF0064) (255,0,100)"); p.style.backgroundColor = "#FF0064"; p.appendChild(texto); div.appendChild(p); } break; case "Verde": if(document.getElementById("p").innerHTML.length > 0){ document.getElementById("p").innerHTML = "Cafe (#914B0F) (145,75,15)"; p.style.backgroundColor = "#914B0F"; }else { var texto = document.createTextNode("Cafe (#914B0F) (145,75,15)"); p.style.backgroundColor = "#914B0F"; p.appendChild(texto); div.appendChild(p); } break; } break; case "8": switch (color2){ case "Seleccione un Color": document.getElementById("p").innerHTML = ""; p.style.backgroundColor = "#FFF"; p.style.border = "none"; break; case "Blanco": if(document.getElementById("p").innerHTML.length > 0){ document.getElementById("p").innerHTML = "Verde Claro (#4DFF4D) (77,255,77)"; p.style.backgroundColor = "#4DFF4D"; }else { var texto = document.createTextNode("Verde Claro (#4DFF4D) (77,255,77)"); p.style.backgroundColor = "#4DFF4D"; p.appendChild(texto); div.appendChild(p); } break; case "Rojo": if(document.getElementById("p").innerHTML.length > 0){ document.getElementById("p").innerHTML = "Cafe (#914B0F) (145,75,15)"; p.style.backgroundColor = "#914B0F"; }else { var texto = document.createTextNode("Cafe (#914B0F) (145,75,15)"); p.style.backgroundColor = "#914B0F"; p.appendChild(texto); div.appendChild(p); } break; case "Negro": if(document.getElementById("p").innerHTML.length > 0){ document.getElementById("p").innerHTML = "Verde Oscuro (#009900) (0,153,0)"; p.style.backgroundColor = "#009900"; }else { var texto = document.createTextNode("Verde Oscuro (#009900) (0,153,0)"); p.style.backgroundColor = "#009900"; p.appendChild(texto); div.appendChild(p); } break; } break; default: break; } }

Selección de Colores