file html modificato con sezione per minimap
This commit is contained in:
parent
36c4859122
commit
0888652364
|
@ -17,9 +17,10 @@
|
||||||
<link rel="stylesheet" href="./css/datatables.min.css">
|
<link rel="stylesheet" href="./css/datatables.min.css">
|
||||||
<link rel="stylesheet" href="./css/custom.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>
|
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
|
||||||
|
@ -628,25 +629,29 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-5 pa4 pl6 " id="browseArea">
|
<div class="col-md-5 pa4 pl6 " id="browseArea">
|
||||||
<div class="bg-washed-blue pv0">
|
<div class="bg-washed-blue pv0">
|
||||||
<div class="availability f3 b labelCantica">
|
<!-- <div class="availability f3 b labelCantica">
|
||||||
<span>Inferno</span>
|
<span>Inferno</span>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="measure f6 lh-copy text-secondary font-weight-lighter labelCanto">
|
class="measure f6 lh-copy text-secondary font-weight-lighter labelCanto">
|
||||||
<span>Canto I</span>
|
<span>Canto I</span>
|
||||||
</div>
|
</div> -->
|
||||||
<div> </div>
|
<div> </div>
|
||||||
<!-- <form id='filterform' onsubmit="return false;"> -->
|
<!-- <form id='filterform' onsubmit="return false;"> -->
|
||||||
<!-- <textarea id="displaycanto" name="PagineCanti" readonly
|
<!-- <textarea id="displaycanto" name="PagineCanti" readonly
|
||||||
style="resize: none" class="blog-main flex mb0 pb0 bg-washed-blue bn"
|
style="resize: none" class="blog-main flex mb0 pb0 bg-washed-blue bn"
|
||||||
rows="20" cols="35"></textarea> -->
|
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>-->
|
<!-- <div id="displaycanto" name="PagineCanti" class="blog-main flex mb0 pb0 bg-washed-blue bn"></div>-->
|
||||||
|
|
||||||
<!-- </form> -->
|
<!-- </form> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-md-3" id="displayminimap">
|
||||||
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<hr>
|
<hr>
|
||||||
|
|
|
@ -120,7 +120,8 @@ $(document).ready(function() {
|
||||||
|
|
||||||
minimapScrolling=true;
|
minimapScrolling=true;
|
||||||
trackScrollViewer(ui.offset.top-minimapTopPos);
|
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)`;
|
//document.getElementById(displayId).style.transform=`translateY(${viewer.scrollTop * realScale}px)`;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
Loading…
Reference in New Issue