Connecting wordpress/Divi to Hype

In the following videos I am demonstrating how pages build with wordpress/divi can be linked inside of Hype.

Overview:

Setting up Hype:

The following code will be needed for the “On Scene Load” function:

	var containerID = "wp_work1";
	var link = "http://folio.any.green/example/";
	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>';

This is for the “On Scene Unload” function:

	var frames = document.getElementsByClassName("wp_content");
	for(var i = 0; i < frames.length; i++){
		while (frames[i].firstChild) frames[i].removeChild(frames[i].firstChild);
	}