[SOLUCIONADO] Línea con el bucle for

[blancoarnau]

Buenas. Estoy llevando a cabo un proyecto y hay una parte que no tengo ni idea de como hacerlo. Se trata de, con el bucle for, hacer una línea. No sé muy bien si me van a entender, pero me refiero un dibujo habla más que mil palabras:


Si el bucle llega al número 1 por ejemplo, imprimirá x pixels de altura de la línea, si llega a 2, imprimirá 2x pixels y así sucesivamente hasta llegar al final del bucle for.

No sé si me habrán entendido, necesito vuestra ayuda. Gracias :)

[PHPeros]

Tienes algo de código?

[IsaBelM]

un bloque (div) de 1 x 1. a cada iteración del bucle reescribes la propiedad height de dicho bloque

[rodojpm]

No creo que necesites un bucle:

Código:

/* aqui se hacen los calculos para la altura */
var altura =  20; // Aqui pones la altura (x)
var i = 50;  // van a ser impresas 50 lineas
var alturaTotal = toString( altura * i ) + "px";

var div = document.getElementById('myDiv'); //Aqui declaras el id del div
div.style.height=alturaTotal; //Aqui simplemente le cambias la altura

[jarios]

Buff. He estado dandole vueltas a esto y me falta el contexto.

Hay muchas formas de crear una linea en javascript, las que se me ocurren de momento son estas:

1. La linea de una tabla.
2. El borde de un div (como ya han comentado).
3. Dentro de un Canvas
4. Dentro de un SVG.

Incluso he llegado a leer de crear un div con:

background-image: url(...);
background-repeat: repeat-y;

para luego modificar el height.

Aqui tienes el ejemplo para repetir la imagen de un fondo dentro de un div: http://jsfiddle.net/Y4wyA/

Aqui tienes otro de como se agrega una linea a un SVG: http://jsfiddle.net/robertc/ePz5h/

Saludos.

[blancoarnau]

Gracias a todos.