file html modificato con sezione per minimap

This commit is contained in:
cesare 2022-11-17 10:56:33 +01:00
parent 36c4859122
commit 0888652364
2 changed files with 12 additions and 6 deletions

View File

@ -17,9 +17,10 @@
<link rel="stylesheet" href="./css/datatables.min.css">
<link rel="stylesheet" href="./css/custom.css">
<link href="css/browsingldcnick.css" rel="stylesheet">
<link rel="stylesheet" href="./css/jquery.highlight-within-textarea.css">
<link href="css/browsingldc.css" rel="stylesheet">
<!-- <link rel="stylesheet" href="./css/jquery.highlight-within-textarea.css"> -->
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
@ -628,25 +629,29 @@
</div>
<div class="col-md-5 pa4 pl6 " id="browseArea">
<div class="bg-washed-blue pv0">
<div class="availability f3 b labelCantica">
<!-- <div class="availability f3 b labelCantica">
<span>Inferno</span>
</div>
<div
class="measure f6 lh-copy text-secondary font-weight-lighter labelCanto">
<span>Canto I</span>
</div>
</div> -->
<div>&nbsp;</div>
<!-- <form id='filterform' onsubmit="return false;"> -->
<!-- <textarea id="displaycanto" name="PagineCanti" readonly
style="resize: none" class="blog-main flex mb0 pb0 bg-washed-blue bn"
rows="20" cols="35"></textarea> -->
<div class=" blog-main overflow-auto p-3 border text-muted" target='area' id="displaycanto" style="max-width: 500px; max-height: 800px;">
<div class=" blog-main overflow-auto p-3 border text-muted" target='area' id="displaycanto" style="max-width: 500px; max-height: 600px;">
<!-- <div id="displaycanto" name="PagineCanti" class="blog-main flex mb0 pb0 bg-washed-blue bn"></div>-->
<!-- </form> -->
</div>
</div>
</div>
<div class="col-md-3" id="displayminimap">
</div>
</div>
<hr>

View File

@ -120,7 +120,8 @@ $(document).ready(function() {
minimapScrolling=true;
trackScrollViewer(ui.offset.top-minimapTopPos);
console.log(ui.position.top);
//trackScrollViewer(ui.offset.top);
console.log(ui);
//document.getElementById(displayId).style.transform=`translateY(${viewer.scrollTop * realScale}px)`;
}
});