Javascript widget not displaying properly

  • balajimurugavel

    (@balajimurugavel)


    13 years ago

    Hi,
    I have embedded Tableau Public javascript in a post, but its appearing after a big gap, dont know why its happening tried with different themes and wordpress versions

    Below is the Tableau embedd script

    <script type="text/javascript" src="http://public.tableausoftware.com/javascripts/api/viz_v1.js"></script><div id="tableau_hide_this"style="width:704px; height:844px;"></div><object class="tableauViz" width="704" height="844" style="display:none;"><param name="host_url" value="http%3A%2F%2Fpublic.tableausoftware.com%2F" /><param name="name" value="MLB2001-2010_RunDifferentialOPSDifferentialWins/WinsRunDiffandOPSDiff2001-2010" /><param name="tabs" value="no" /><param name="toolbar" value="no" /><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" /></object><noscript>Visualizing Major League Baseball: 2001-2010 <br /><a href="#"><img alt="Visualizing Major League Baseball: 2001-2010 " src="http://public.tableausoftware.com/static/images/ML/MLB2001-2010_RunDifferentialOPSDifferentialWins/WinsRunDiffandOPSDiff2001-2010/1_rss.png" height="100%" /></a></noscript><div style="width:704px;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?ref=http://public.tableausoftware.com/views/MLB2001-2010_RunDifferentialOPSDifferentialWins/WinsRunDiffandOPSDiff2001-2010" target="_blank">Powered by Tableau</a></div></div>

    Thanks

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter balajimurugavel

    (@balajimurugavel)

    13 years ago

    Here is the link

    http://careers.jobgraphs.com/hello-world/

    Thread Starter balajimurugavel

    (@balajimurugavel)

    13 years ago

    Some plz take a look at this

    Thanks

    rbp1986

    (@rbp1986)

    13 years ago

    Hi balajimurugavel,

    This is usually a straightforward fix. In the embed code, you simply need to remove the tag “<div id=”tableau_hide_this”style=”width:704px; height:844px;”></div>” from the script.

    Hope that helps.

    Best,
    Ross from Tableau

    Thread Starter balajimurugavel

    (@balajimurugavel)

    13 years ago

    Hi Ross,

    Thanks a lot, it worked..surprised to see someone from Tableau team, how did you got to know about this thread, I guess you guys are using some Social media monitoring tools like Radian6 or Viralheat ryt ??

    BTW what else I need to do to adjust the viz because its getting over the sidebar

    rbp1986

    (@rbp1986)

    13 years ago

    You will need to republish at a smaller size (in your dashboard view, the bottom left hand corner has a blue edit button).

    Found you via google alerts, let us know if you have other problems!

    jmbantolino

    (@jmbantolino)

    12 years, 2 months ago

    Hi Ross,

    I have the same problem here. I would like to post my Tableau viz in my WordPress Blog found at:

    http://thebitbox.wordpress.com

    Below is the embedded Tableau code:

    <script type="text/javascript" src="http://public.tableausoftware.com/javascripts/api/viz_v1.js"></script><div class="tableauPlaceholder" style="width:654px; height:2595px;"><noscript><a href="#"><img alt=" " src="http://public.tableausoftware.com/static/images/Ph/Phil_ImportExport_ASEANRev2/PhilippineImport-ExportDashboard/1_rss.png" style="border: none" /></a></noscript><object class="tableauViz" width="654" height="2595" style="display:none;"><param name="host_url" value="http%3A%2F%2Fpublic.tableausoftware.com%2F" /><param name="site_root" value="" /><param name="name" value="Phil_ImportExport_ASEANRev2/PhilippineImport-ExportDashboard" /><param name="tabs" value="yes" /><param name="toolbar" value="yes" /><param name="static_image" value="http://public.tableausoftware.com/static/images/Ph/Phil_ImportExport_ASEANRev2/PhilippineImport-ExportDashboard/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="yes" /></object></div><div style="width:654px;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?ref=http://public.tableausoftware.com/views/Phil_ImportExport_ASEANRev2/PhilippineImport-ExportDashboard" target="_blank">Powered by Tableau</a></div></div>

    Hope you can help me very, very soon.

    Thank you very much!
    John

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Javascript widget not displaying properly’ is closed to new replies.