Hi,
I am using JQuery
to position a series of div tags which basically use a class inside of
the tag which decorates
the divs as bars. So
the div is a green box based on its css specifications
to the glass.
I have a list of STARTING postions,
a list of left coordiantes- for
the starting points I wish
to position my DIV
say 556, 560, 600 these automatically are generated as left positions in a list
I have a list of ENDING postions,
a list of left coordiantes- for
the ending points I wish
to position my DIV
say 570, 590, 610 these automatically are generated as left positions in a list
now for each start and end position,
the bar(green box) i want
to be drawn with its appropriate width as follows.
so say f is
the offset or position of
the start and ff
the offset or position of
the end :
Below draws
the green box based on only one start and end position LEFT.
if (f.left != 0) {
$("#test").html($("<div>d</div>")).css({
position: 'absolute',
left: (f.left) + "px",
top: (f.top + 35) + "px",
width: (ff.left - f.left) + 25 + "px"
}).addClass("option1");
}
I am looking
to loop through
the list of positons in
the list and draw multiple green boxs based on
the positions on
the screen.
The above code draws just one green box from
the last offset position.
