vrr/save-as-ebook
2
0
Fork 0
mirror of https://github.com/alexadam/save-as-ebook.git synced 2025-09-10 17:34:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add fixed menu to selector

Browse source
This commit is contained in:
Alex Adam 2020-11-12 18:21:40 +02:00
parent bca73403eb
commit 03dd484827
1 changed files with 39 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

65
web-extension/selector.js
View file

@ -3,40 +3,48 @@ var lastElementData = {}
var lastParentElem = null var lastParentElem = null
var lastParentData = {} var lastParentData = {}
let cleanXPaths = []
let bodyElem = document.getElementsByTagName('body')[0] let bodyElem = document.getElementsByTagName('body')[0]
let bodyInner = bodyElem.innerHTML let bodyInner = bodyElem.innerHTML
bodyElem.innerHTML = '' bodyElem.innerHTML = ''
let container = document.createElement('div') // let container = document.createElement('div')
container.style.display = "flex" // container.style.display = "flex"
container.style.flexFlow = "row" // container.style.flexFlow = "row"
let menuContainer = document.createElement('div') // let menuContainer = document.createElement('div')
menuContainer.style.width = '300px' // menuContainer.style.width = '300px'
menuContainer.style.minWidth = '300px' // menuContainer.style.minWidth = '300px'
menuContainer.style.height = '600px' // menuContainer.style.height = '600px'
menuContainer.style.minHeight = '600px' // menuContainer.style.minHeight = '600px'
let page = document.createElement('div') // let page = document.createElement('div')
page.id= 'super-selector' // page.id= 'super-selector'
page.style.width = '100%' // page.style.width = '90%'
page.style.height = '100%' // page.style.height = '90%'
page.innerHTML = bodyInner // page.innerHTML = bodyInner
let menu = document.createElement('div') // let menu = document.createElement('div')
menu.id = "slector-main-menu" // menu.id = "slector-main-menu"
menu.style.width = '300px' // menu.style.width = '300px'
menu.style.minWidth = '300px' // menu.style.minWidth = '300px'
menu.style.height = '600px' // menu.style.height = '600px'
menu.style.minHeight = '600px' // menu.style.minHeight = '600px'
menu.style.backgroundColor = 'black' // menu.style.backgroundColor = 'black'
menu.style.position = 'fixed' // menu.style.position = 'fixed'
menu.style.top = '0' // menu.style.top = '0'
container.appendChild(menuContainer) // container.appendChild(menuContainer)
container.appendChild(page) // container.appendChild(page)
bodyElem.appendChild(container) // bodyElem.appendChild(container)
bodyElem.appendChild(menu) // bodyElem.appendChild(menu)
bodyElem.innerHTML = `<div style="width: 100%;">
<div id="super-selector" style="max-width:75%; position: absolute;">${bodyInner}'</div>
<div id="slector-main-menu" style="width:25%; min-width: 300px; height: 100%; right: 0; position: fixed;">MENU</div>
</div>`
document.getElementById('super-selector').addEventListener('mousemove', (e) => { document.getElementById('super-selector').addEventListener('mousemove', (e) => {
// document.getElementsByTagName('body')[0].addEventListener('mousemove', (e) => { // document.getElementsByTagName('body')[0].addEventListener('mousemove', (e) => {
@ -67,6 +75,11 @@ document.getElementById('super-selector').addEventListener('mousemove', (e) => {
// console.log(createXPathFromElement(clickedElem)); // console.log(createXPathFromElement(clickedElem));
///
let tmpElem = document.createElement('div')
tmpElem.innerText = createXPathFromElement(clickedElem);
document.getElementById('slector-main-menu').appendChild(tmpElem)
let clickedElemParent = clickedElem.parentNode; let clickedElemParent = clickedElem.parentNode;
let foundClickedEleme = false let foundClickedEleme = false
while (clickedElemParent) { while (clickedElemParent) {