outliner-5000
v1.0.0
Published
Create an inspector like highlight select on hover of elements to select a specific element and handle with a callback.
Downloads
3
Readme
outliner-5000.js !!
Create an inspector like highlight select on hover of elements to select a specific element and handle with a callback.
Bring in this script by copying/downloading the outliner-5000.js
file.
Or install with bower
or npm
under the package name outliner-5000
.
Usage
Outliner5000(options, callback);
Example 1
Simple usage for user to select an element and it return it's text:
Outliner500({}, target => console.log(target.textContent.trim()));
Example 2
Get css path for selected element, see examples/index.html
.
Options available
removeOnCallback: true | false (default: false)
- Removes selection picker once user has selected element.
highlightSelected: true | false (default: true)
- Highlight the selected element once selected (unless removeOnCallback set to true).
finishCallback: Function
- Callback once finish called.
Browser support
Current version was built for use in a chrome extension so it's browser support is pretty much just the latest browsers. But shouldn't take much tweaking to get any older browser support in.