Tumult Hype Animations Wordpress Plugin


(Cipsteroni) #105

My CSS and global variables in my html is not being recognized. I discovered that @Daniel 's comment is why.

Can someone please elaborate on how can include the javascript and css I have in the into an iframe and have it read when I serve it on a Wordpress site.

Is this something I can do within the Tumult interface? Do I create a resource file? I tried creating an html file with the js and the css inside and iframe and added it to the resource files. No luck.

Or is it a file that I have to add outside the app? If so where?

This is what I have in the head html:

<script  type="text/javascript">

// global variables

  var totalSelectOne = 0;
  var totalSelectTwo = 0;
  var arrayAccum = [0.00,0.00,0.00,0.00,0.00];
  var maxDistanceHold = [0.00,0.00,0.00,0.00,0.00];     
  var electricHold = [0.00,0.00,0.00,0.00,0.00];       
  var hydroFuelHold = [0.00,0.00,0.00,0.00,0.00];   


<style type="text/css">

 border-style: solid!important;
 border-width: 3px!important;
 border-color: #438730!important;


prototypeV7.zip (650.5 KB)

(Cipsteroni) #106

I’ve had good luck with running Hype animations in Wordpress in the past.

But for this most recent project, I’m running into issues with the < head >html as well as running jQuery commands.

Would it be a good solution to serve the Hype folders in a separate server and run everything in an iframe within Wordpress?


(Loves Hype) #107

You can if I am recalling this correctly. Use iFrame instead of DIV in the tumult Hype panel in WordPress … setting on each upload.


I recently added a new guide on this topic guide to the troubleshooting section above. It deals with how to use jQuery when embedding via the WP plugin (by @MarkHunte). You may have seen it since then.