I'm using the foundation 3 framework and tabs - http://foundation.zurb.com/old-docs/f3/tabs.php

Within one tab I want this to open up yet the JS file is not loading. Can I add a snippet of code to solve this?

Code:
<script type="text/javascript" src="http://public.tableausoftware.com/javascripts/api/viz_v1.js"></script>
                  <div class="tableauPlaceholder" style="width:900px; height:700px;">
                      <noscript><a href="#"><img alt="" src="http:&#47;&#47;public.tableausoftware.com&#47;static&#47;images&#47;ni&#47;ni_age_population&#47;Treemapshowing60ofresidentpopulation-Census2011&#47;1_rss.png" style="border: none" /></a>
                      </noscript><object class="tableauViz" width="900" height="700" style="display:none;"><param name="host_url" value="http%3A%2F%2Fpublic.tableausoftware.com%2F" /><param name="site_root" value="" /><param name="name" value="ni_age_population&#47;Treemapshowing60ofresidentpopulation-Census2011" /><param name="tabs" value="yes" /><param name="toolbar" value="yes" /><param name="static_image" value="http:&#47;&#47;public.tableausoftware.com&#47;static&#47;images&#47;ni&#47;ni_age_population&#47;Treemapshowing60ofresidentpopulation-Census2011&#47;1.png" /><param name="animate_transition" value="yes" /><param name="display_static_image" value="yes" /><param name="display_spinner" value="yes" /><param name="display_overlay" value="yes" /><param name="display_count" value="no" /></object></div><div style="width:900px;height:22px;padding:0px 10px 0px 0px;color:black;font:normal 8pt verdana,helvetica,arial,sans-serif;"><div style="float:right; padding-right:8px;"><a href="http://www.tableausoftware.com/public/about-tableau-products?ref=http://public.tableausoftware.com/views/ni_age_population/Treemapshowing60ofresidentpopulation-Census2011" target="_blank">Learn About Tableau</a></div></div>