Hola,
Estoy ententando crear un script para pintar las celdas de una tabla con los colores que el usuario seleciona, cada colo se ira repitiendo tantas veces como el usurio marca... he hecho algo per no me funiona!
necesito vuestra ayuda!! gracias
[MOD]: USA LAS ETIQUETAS PARA INSERTAR CÓDIGO
Estoy ententando crear un script para pintar las celdas de una tabla con los colores que el usuario seleciona, cada colo se ira repitiendo tantas veces como el usurio marca... he hecho algo per no me funiona!
necesito vuestra ayuda!! gracias
Código (html4strict) [Seleccionar]
<html>
<head>
<title> Pràctica I </title>
<link rel="stylesheet" href="css.css"></style>
<meta HTTP-EQUIV="CONTENT-TYPE" content="text/html; charset=UTF-8"/>
<script> // generar taula
function crearTaula()
{
var fons1 = document.getElementById("color1").value;
var fons2 = document.getElementById("color2").value;
var fons3 = document.getElementById("color3").value;
var val1 = document.getElementById("valor1").value;
var val2 = document.getElementById("valor2").value;
var val3 = document.getElementById("valor3").value;
var v1 = val1;
var v2 = val2;
var v3 = val3;
var cont = 0;
var gran = false;
document.write("<table>");
for (i = 0; i < 20; i++) // per generar files
{
document.write("<tr>");
for (j = 0; j < 20; j++) // per generar cel·les
{
if (!gran) {
cont = val1;
val1 = val2;
val2 = val3;
val3 = cont;
x = 0;
}
for (x; x < cont; x++) // valor primer input...
{
if (cont == v1) document.write("<td bgcolor=\"" + fons1 + "\"></td>")
else if (cont == v2) document.write("<td bgcolor=\"" + fons2 + "\"></td>")
else if (cont == v3) document.write("<td bgcolor=\"" + fons3 + "\"></td>")
}
if (j >= 20)
{
gran = true;
break;
}
}
document.write("</tr>");
}
document.write("</table>");
}
</script>
</head>
<body>
<h1>PRÀCTICA 1</h1>
<select id="color1">
<option value="red">Vermell</option>
<option value="green">Verd</option>
<option value="blue">Blau</option>
<option value="yellow">Groc</option>
<option value="orange">Taronja</option>
<option value="purple">Magenta</option>
<option value="cyan">Cian</option>
</select>
<input id="valor1"> repeticions<br />
<select id="color2">
<option value="red">Vermell</option>
<option value="green">Verd</option>
<option value="blue">Blau</option>
<option value="yellow">Groc</option>
<option value="orange">Taronja</option>
<option value="purple">Magenta</option>
<option value="cyan">Cian</option>
</select>
<input id="valor2"> repeticions<br />
<select id="color3">
<option value="red">Vermell</option>
<option value="green">Verd</option>
<option value="blue">Blau</option>
<option value="yellow">Groc</option>
<option value="orange">Taronja</option>
<option value="purple">Magenta</option>
<option value="cyan">Cian</option>
</select>
<input id="valor3"> repeticions<br />
<button onClick="crearTaula();">Pintar</button>
</body>
</html>
[MOD]: USA LAS ETIQUETAS PARA INSERTAR CÓDIGO