asdaafaf

Browse more Jquery Examples
<html>
    
<head>
</head>    
    
<body>

<div id='tableauViz'  style="height:100%"> </div>

<script type="text/javascript" src="https://onlinehelp.tableau.com/samples/en-us/js_api/jquery-1.9.1.js"></script>
<script type="text/javascript" src="https://onlinehelp.tableau.com/samples/en-us/js_api/jquery-ui-1.10.0.custom.js"></script>
<script type="text/javascript" src="https://public.tableau.com/javascripts/api/tableau-2.0.0.min.js"></script>
<script>

function isMessage(txt, msg) {

  return txt.substring(0, msg.length) === msg;

}

function initializeViz() {
    
    var vizLoaded = false;
    // these are just constants for the messages returned.
    var LOADED_INDICATOR = 'tableau.loadIndicatorsLoaded';  
    var COMPLETE_INDICATOR = 'tableau.completed';
    
    
  var placeholderDiv = document.getElementById("tableauViz");
  var url = "https://public.tableau.com/views/WorldIndicators/GDPpercapita";
  var options = {
    width: placeholderDiv.offsetWidth,
    height: placeholderDiv.offsetHeight,
    hideTabs: true,
    hideToolbar: true,
    onFirstInteractive: function (e) {
      workbook = viz.getWorkbook();
      activeSheet = workbook.getActiveSheet();
    }
  };
  
  
  

    
    viz = new tableau.Viz(placeholderDiv, url, options);



    // SEE THIS
    try{
          viz.addEventListener('test123', function(msg) {       //test123 is a fake event
            alert(msg)
          });
    }
    catch(e){
        alert('An error has occurred: '+e.message + e.tableauSoftwareErrorCode)
    }


}

  

initializeViz();
</script>

</body>
</html>
asdaafaf

Follow

Newsletter
