Warning:
This is really just a quick sample - no testing of any sort of usability and security has been done. Your mileage may vary!

To follow these instructions, you must know how to edit a file in OS/X, you must know the RESOURCES concept in Rapidweaver and you must have basic understanding about web directory structure.

Original Hype



Once you export Hype to HTML5 folder, there are three things you need to do:


  1. Rename the resources folder

  2. Edit one line in the javascript

  3. Edit one line in the html

To integrate Hype



Once you made the modifications, you need to



  1. Copy the files in resources to RW resources

  2. Copy the code in html to your RW page

Stacks Image 13
Stacks Image 16
Renaming the resource folder is not essential but it provides for a nice testing environment before copy to RapidWeaver. The same is true of the html file content.

If you have multiple Hype folders to integrate, you only need to put HYPE.js and PIE.htc to RW resource folder ONCE.

Details

In the ..._hype_generated_script.js
(function HYPE_DocumentLoader() {
	var resourcesFolderName = "textorig_Resources";
	var documentName = "textorig";



In the html code to copy
 src="textorig_Resources/......
... change the resourcesFolderName to resources
(function HYPE_DocumentLoader() {
	var resourcesFolderName = "resources";
	var documentName = "textorig";


In the html code to copy
 src="%resource(......) %"

Omit the space before %.
For testing before you copy to RW (out of HYPE generated folder), just use src="resouces"
If your web starts from a subdirectory of your site, ie www.rosicky.ca/fly then resourcesFolderName should be "/fly/resources"

Content of the RapidWeaver RESOURCES for the two examples

Entire code for Fly example page
Stacks Image 56
Stacks Image 59