goldenapples / jquery.minimap Goto Github PK
View Code? Open in Web Editor NEWA Sublime Text-like "minimap" for in-page navigation.
License: Other
A Sublime Text-like "minimap" for in-page navigation.
License: Other
How can we regenerate the map in real time when the html changes?
Cloning the entire DOM of a page can cause problems with event listeners, duplicate IDs, and in-page search. Request is to investigate using html2canvas or a similar script to render the minimap as a canvas element instead of using jQuery.clone()
.
As noted in #8, there isn't currently a way to update the contents of the minimap when the HTML of the content it is mapping is updated.
It would be good to introduce a method like $.minimap.refresh()
which would do the following steps to refresh the minimap column:
First of all, thanks for quick reply.
This is more request then issue.
I have setup new jsFiddle
http://jsfiddle.net/nLauR/2/embedded/result/
Is this technically possible (in terms of performance and size) to make minimap dont shrink, but just take window height and when necessary to scroll that place.
Like sublime text
does this
I dont want to open new issue, so I'll ask it here, are you planning on moving to canvas? Coping will cause many issues (like search and event listeners with bootstrap and multiple IDs.. and many such)
Hi Nathaniel.
I've added the minimap plugin and have activated it with:
$(document).ready( function() {
$('.body_column').minimap();
// I have even tried adding:
$.minimap.show();
});
This creates the aside in the DOM, but when inspecting the page, the element has no height and doesn't show anything in itself, even when adding an absolute height. I think this may have to do with html
or body
not having min-height
set to 100% as I've been able to recreate it when forking your demo page.
You can see my broken demo here: http://www.mybema.com/the-ultimate-customer-service-cheatsheet
Cheers.
I have setup jsFiddle to show the problem. it was really hard to setup the problem which I currently have but this will do I guess.
http://jsfiddle.net/X3Ej8/9/embedded/result/
This problem also relates to one currently open, so I included Toggle
button to activate minimap (press twice)
So minimap currently scrolls when it detects window. Can we listen scroll
event we are currently attached to (if it has its own overflow) .. maybe there can be a option to do so
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.