work on notes js
This commit is contained in:
40
app/views/static/jquery_test.html.erb
Normal file
40
app/views/static/jquery_test.html.erb
Normal file
@@ -0,0 +1,40 @@
|
||||
<div id="jquery-test">
|
||||
<div class="note" id="lots-of-text-1">
|
||||
Lorem ipsum
|
||||
</div>
|
||||
|
||||
<div class="note" id="lots-of-text-2" style="left: 400px;">
|
||||
Lorem ipsum
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
var body = $("#lots-of-text-2");
|
||||
body.css({height: "auto", minWidth: 140});
|
||||
|
||||
var w = body[0].offsetWidth;
|
||||
var h = body[0].offsetHeight;
|
||||
var lo = null;
|
||||
var hi = null;
|
||||
var x = null;
|
||||
var last = null;
|
||||
|
||||
if (body[0].scrollWidth <= body[0].clientWidth) {
|
||||
lo = 20, hi = w
|
||||
|
||||
do {
|
||||
x = (lo+hi)/2
|
||||
body.css({minWidth: x});
|
||||
|
||||
if (body[0].offsetHeight > h) {
|
||||
lo = x;
|
||||
} else {
|
||||
hi = x;
|
||||
}
|
||||
} while ((hi - lo) > 4);
|
||||
|
||||
if (body[0].offsetHeight > h) {
|
||||
body.css({minWidth: hi});
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user