Code:
<!DOCTYPE html>
<html>
<head>
<script language="javascript" type="text/javascript">
function toView(str){
if(str=="tag1"){
document.getElementById("tag1").innerHTML = "tag1";
document.getElementById("tag2").innerHTML ="";
document.getElementById("tag3").innerHTML ="";
}
else if(str=="tag2"){
document.getElementById("tag2").innerHTML = "tag2";
document.getElementById("tag1").innerHTML ="";
document.getElementById("tag3").innerHTML ="";
}
else if(str=="tag3"){
document.getElementById("tag3").innerHTML = "tag3";
document.getElementById("tag2").innerHTML ="";
document.getElementById("tag1").innerHTML ="";
}
else{
document.getElementById("tag1").innerHTML ="";
document.getElementById("tag2").innerHTML ="";
document.getElementById("tag3").innerHTML ="";
}
}
</script>
</head>
<body>
<table class="lamp">
<tr>
<td><input type="button" name="x" value="tag1" onclick="return toView(this.value)"/><input type="button" name="x1" value="tag2" onclick="return toView(this.value)"/><input type="button" name="x2" value="tag3" onclick="return toView(this.value)"/><input type="button" name="x2" value="tag4" onclick="return toView(this.value)"/></td>
</tr>
<tr><td><div id="tag1"></div><div id="tag2"></div><div id="tag3"></div></td></tr>
</table>
</body>
</html>
in the place of "tag1"
i want to run the following code:
//tag1
<script type='text/javascript' src='https://online.tableausoftware.com/javascripts/api/viz_v1.js'></script><div class='tableauPlaceholder' style='width: 600px; height: 599px;'><object class='tableauViz' width='600' height='599' style='display:none;'><param name='host_url' value='https%3A%2F%2Fonline.tableausoftware.com%2F' /> <param name='site_root' value='/t/nettscience' /><param name='name' value='Livon/Adwords' /><param name='tabs' value='yes' /><param name='toolbar' value='yes' /><param name='filter' value='%3Aoriginal_view=yes' /></object></div>