Ruler on div?

[prbrowne]

I can see that the ruler works on the body, but how to get this working on a div??

[majong]

the same question as above.

[prbrowne]

I used this:

function drawRuler(){
$("#ruler[data-items]").val(mrna_length / 200);
$("#ruler[data-items]").each(function() {
var ruler = $(this).empty(),
len = Number($("#ruler[data-items]").val()) || 0,
item = $(document.createElement("li")),
i;
ruler.append(item.clone().text(1));
for (i = 1; i < len; i++) {
ruler.append(item.clone().text(i * 200));

    }
    ruler.append(item.clone().text(i * 200));
}); 

}

With css:

.ruler, .ruler li {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
}
/* IE6-7 Fix */
.ruler, .ruler li {
*display: inline;
}
.ruler {
background: #fff;
border-radius: 2px;

color: #8b8b8b;
margin: 0;
height: 2em;
padding-right: 22px;
white-space: nowrap;
font-size:9px;

}
.ruler li {
padding-left: 30px;
width: 2em;
margin: .64em -1em -.64em;
text-align: center;
position: relative;
}
.ruler li:before {
content: '';
position: absolute;
border-left: 1px solid #e6e6e6;
height: 150px;
top: 16px;
right: 1em;
}

See stackoverflow questions

http://stackoverflow.com/questions/20281471/jquery-ruler-not-working

http://stackoverflow.com/questions/20963257/drawing-consistant-line-length-against-ruler-using-fabric-js