Adding other pages as popups in Hype

Overview (00:34)

Setup (11:22)


This is the code to call out the popup:

var containerID = "work";
	var timelineName = "popup";
	var link = "https://folio.any.green/first-project/";
	
	hypeDocument.continueTimelineNamed(timelineName, hypeDocument.kDirectionForward, false);
	var container = document.getElementById(containerID);
	container.innerHTML = '<iframe src="'+link+'" style="border: 0pt none ; left: 0px; top: 0px; position: absolute; width: 100%; height: 100%;"></iframe>';

And this is the one to close it:

var containerID = "work";
	var timelineName = "popup";
	
	hypeDocument.continueTimelineNamed(timelineName, hypeDocument.kDirectionReverse, false);
	var container = document.getElementById(containerID);
	container.removeChild(container.firstChild);