How can I embed a Manipulate (or other interactive graphics) in my website using CDF?

For part 2, you must add the following to your <head> section

<script type="text/javascript" src="http://www.wolfram.com/cdf-player/plugin/v2.1/cdfplugin.js"></script>
<script type="text/javascript">
    var cdf = new cdfplugin();
    cdf.embed('/path/to/filename.cdf', width, height);
</script>

For part 1, you can embed a static picture for people with no CDF plugin by using the cdf.setDefaultContent function:

cdf.setDefaultContent('<p>Your replacement content</p>');
cdf.embed('/path/to/additional.cdf', width, height);

For more details, see the Web Delivery page.


UPDATE

See: Why does Wolfram Research no longer support the CDF plugin?

Then: Web Delivery: Cloud

Also: Wolfram Notebook Embedder

LEGACY

This is just to update everyone on this topic. Wolfram Research released detailed blog and video tutorial "CDF Embedding in a Nutshell". It shows how to use built-in Mathematica wizard to deploy CDF online into HTML pages and Word Press blogs. URL:

http://blog.wolfram.com/2012/02/22/mathematica-qa-series-cdf-embedding-in-a-nutshell/


You could look at the following:

http://reference.wolfram.com/mathematica/howto/CreateAComputableDocumentFormatFile.html

That also explains, the wizard to create the html code for your web page.

Edit: OP wanted a precis:

Select you manipulate cell and choose (v.8.0.4): File -> Deploy. That will generate the HTML automaticaly.

Tags:

Cdf Format

Recent Posts