andre347/index.html

## index.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Data-Refresh Tableau</title>
</head>

<body>
    <h1>Hello Tableau!</h1>

    <script src="js/tableau-extensions-1.latest.min.js"></script>
    <script src="js/app.js"></script>
</body>

</html>

## script.js
// When the DOM has load, run the function load
document.addEventListener("DOMContentLoaded", load);

function load() {
  //initialise the tableau object, wait for the promise to return and grab the name of the dashboard
  tableau.extensions.initializeAsync().then(() => {
    const dashboard = tableau.extensions.dashboardContent.dashboard;
    console.log(dashboard.name);
  });
}

## tableau-extension-step-3.markdown

      
    Raw
  

              tableau-extension-step-3.markdown
            
          
    Tableau Extension: Step 3

A Pen by Andre de Vries on CodePen.
License.
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Data-Refresh Tableau</title>
	</head>

	<body>
	<h1>Hello Tableau!</h1>

	<script src="js/tableau-extensions-1.latest.min.js"></script>
	<script src="js/app.js"></script>
	</body>

	</html>
	// When the DOM has load, run the function load
	document.addEventListener("DOMContentLoaded", load);

	function load() {
	//initialise the tableau object, wait for the promise to return and grab the name of the dashboard
	tableau.extensions.initializeAsync().then(() => {
	const dashboard = tableau.extensions.dashboardContent.dashboard;
	console.log(dashboard.name);
	});
	}