Skip to content

Instantly share code, notes, and snippets.

@byquanton
Last active March 24, 2021 12:08
Show Gist options
  • Save byquanton/b178f6f075bb18c3e1f48533b8bf7402 to your computer and use it in GitHub Desktop.
Save byquanton/b178f6f075bb18c3e1f48533b8bf7402 to your computer and use it in GitHub Desktop.
document.getElementsByClassName("icon-bbb-group_chat")[0].parentElement.click(); // Chat Should be Opened First
document.getElementsByClassName("icon-bbb-copy")[0].parentElement.click(); // Open Notes
//Get IFrame
var getIFrame = function() {
var interval = setInterval(function() {
check_iframe(interval)
}, 500);
};
function check_iframe(interval) {
if (document.querySelector('[title=etherpad]') != null) {
old_iframe = document.querySelector('[title=etherpad]');
document.getElementById('new_notes').src = old_iframe.src;
document.getElementsByClassName("icon-bbb-group_chat")[0].parentElement.click(); // Go Back to Chat
clearInterval(interval);
}
}
getIFrame();
function addcss(css) {
var head = document.getElementsByTagName('head')[0];
var s = document.createElement('style');
s.setAttribute('type', 'text/css');
if (s.styleSheet) { // IE
s.styleSheet.cssText = css;
} else { // the world
s.appendChild(document.createTextNode(css));
}
head.appendChild(s);
}
var css = `
#mydiv {
resize: both;
position: absolute;
z-index: 9;
background-color: #f1f1f1;
border: 1px solid #d3d3d3;
text-align: center;
}
#mydivheader {
padding: 10px;
cursor: move;
z-index: 10;
background-color: #2196F3;
color: #fff;
}
#new_notes {
height: 500px;
resize: both;
overflow: auto;
border: 2px solid;
}
`
addcss(css);
var html = `
<div id="mydiv">
<!-- Include a header DIV with the same name as the draggable DIV, followed by "header" -->
<div id="mydivheader">Shared Notes (Moveable)</div>
<iframe id="new_notes" src="">Loading ...</iframe>
</div>
`;
var html_el = document.createElement("div");
html_el.innerHTML = html;
document.body.insertBefore(html_el, document.body.childNodes[0]);
console.log("loaded");
// Make the DIV element draggable:
dragElement(document.getElementById("mydiv"));
function dragElement(elmnt) {
var pos1 = 0,
pos2 = 0,
pos3 = 0,
pos4 = 0;
if (document.getElementById(elmnt.id + "header")) {
// if present, the header is where you move the DIV from:
document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
} else {
// otherwise, move the DIV from anywhere inside the DIV:
elmnt.onmousedown = dragMouseDown;
}
function dragMouseDown(e) {
e = e || window.event;
e.preventDefault();
// get the mouse cursor position at startup:
pos3 = e.clientX;
pos4 = e.clientY;
document.onmouseup = closeDragElement;
// call a function whenever the cursor moves:
document.onmousemove = elementDrag;
}
function elementDrag(e) {
e = e || window.event;
e.preventDefault();
// calculate the new cursor position:
pos1 = pos3 - e.clientX;
pos2 = pos4 - e.clientY;
pos3 = e.clientX;
pos4 = e.clientY;
// set the element's new position:
elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
}
function closeDragElement() {
// stop moving when mouse button is released:
document.onmouseup = null;
document.onmousemove = null;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment