Embed processing sketch in Wordpress
in
Integration and Hardware
•
2 years ago
Hi all,
I uploaded the following working processing sketch today:
http://culturehacking.fm/code/SOM/ (not sized properly at the moment).
I am trying to embed it into a Wordpress (.org) post but I am having difficulty. I tried to copy and paste the html from the index page (everything within the first div brackets) and replacing SOM.jar with the full path/SOM.jar but it still doesn't display correctly. Does anyone have any experience with this? The html I have currently is this:
<div id="content"> | |
<div id="SOM_container"> | |
<!-- This version plays nicer with older browsers, | |
but requires JavaScript to be enabled. | |
http://java.sun.com/javase/6/docs/technotes/guides/jweb/deployment_advice.html --> | |
<script type="text/javascript" | |
src="http://www.java.com/js/deployJava.js"></script> | |
<script type="text/javascript"> | |
/* <![CDATA[ */ | |
var attributes = { | |
code: 'SOM.class', | |
archive: ' http://culturehacking.fm/code/SOM/SOM.jar', | |
width: 720, | |
height: 600, | |
image: 'loading.gif' | |
}; | |
var parameters = { }; | |
var version = '1.5'; | |
deployJava.runApplet(attributes, parameters, version); | |
/* ]]> */ | |
</script> | |
<noscript> <div> | |
<!--[if !IE]> --> | |
<object classid="java:SOM.class" | |
type="application/x-java-applet" | |
archive="SOM.jar" | |
width="720" height="600" | |
standby="Loading Processing software..." > | |
<param name="archive" value=" http://culturehacking.fm/code/SOM/SOM.jar" /> | |
<param name="mayscript" value="true" /> | |
<param name="scriptable" value="true" /> | |
<param name="image" value="loading.gif" /> | |
<param name="boxmessage" value="Loading Processing software..." /> | |
<param name="boxbgcolor" value="#FFFFFF" /> | |
<param name="test_string" value="outer" /> | |
<!--<![endif]--> | |
<!-- For more instructions on deployment, | |
or to update the CAB file listed here, see: | |
http://java.sun.com/javase/6/webnotes/family-clsid.html | |
http://java.sun.com/javase/6/webnotes/install/jre/autodownload.html --> | |
<object classid="clsid:8AD9C840-044E-11D1-B3E9-00805F499D93" | |
codebase="http://java.sun.com/update/1.6.0/jinstall-6u20-windows-i586.cab" | |
width="720" height="600" | |
standby="Loading Processing software..." > | |
<param name="code" value="SOM" /> | |
<param name="archive" value=" http://culturehacking.fm/code/SOM/SOM.jar" /> | |
<param name="mayscript" value="true" /> | |
<param name="scriptable" value="true" /> | |
<param name="image" value="loading.gif" /> | |
<param name="boxmessage" value="Loading Processing software..." /> | |
<param name="boxbgcolor" value="#FFFFFF" /> | |
<param name="test_string" value="inner" /> | |
<p> | |
<strong> | |
This browser does not have a Java Plug-in. | |
<br /> | |
<a href="http://www.java.com/getjava" title="Download Java Plug-in"> | |
Get the latest Java Plug-in here. | |
</a> | |
</strong> | |
</p> | |
</object> | |
<!--[if !IE]> --> | |
</object> | |
<!--<![endif]--> | |
</div> </noscript> | |
</div> | |
<p> | |
</p> | |
<p> | |
Source code: <a href="SOM.pde">SOM</a> | |
</p> | |
<p> | |
Built with <a href="http://processing.org" title="Processing.org">Processing</a> | |
</p> | |
</div> |
2