-
Notifications
You must be signed in to change notification settings - Fork 0
/
contentScript.js
19 lines (15 loc) · 1.03 KB
/
contentScript.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function loadTutorial(id, title) {
const html = "<div class='tutorial draggable'><div class='tutorial-header'><div class='tutorial-title'><img src='" + chrome.extension.getURL('/images/scratchscience-logo.svg') + "' style='width: 32px'> <span>" + title + "</span></div><div class='close-tutorial card_remove-button_1F8SI'><span>Close</span><img class='card_close-icon_1FYf5' src='/static/assets/a11c1802ec38e7fe60918fb52186261f.svg'></div></div><div class='tutorial-content'><iframe src='https://scratchscience.org/embed/"+id+"'/></div></div>";
document.querySelector(".gui").insertAdjacentHTML("afterbegin", html );
$(".draggable" ).draggable();
$(".draggable").resizable({
handles: 'se',
alsoResize: ".tutorial-content iframe",
maxWidth: 480
});
$(".tutorial-content iframe").fadeIn(1000)
document.querySelector('.close-tutorial').addEventListener("click", function () {
let tutorial = document.querySelector(".tutorial");
tutorial.parentNode.removeChild(tutorial);
})
}