<script type="text/JavaScript" src="http://tableau/JavaScripts/API/viz_v1.Js"><div ID="tableau_vIEw" > <object wIDth="1028" height="804" > <param name="host_url" value="http%3A%2F%2Ftableau%2F" /> <param name="site_root" value="" /> <param name="name" ID="wbname" value="vIEw_0/vIEw_0" /> <param name="tabs" value="no" /> <param name="toolbar" value="yes" /> </object></div>
我想要做的是生成一个包含下拉菜单的页面,其中包含“name”参数的值.基本上,当我在下拉列表中选择一个值时,将使用与所选值关联的tableau viz刷新页面的片段.我一直在努力解决这个问题,因为我自己还在学习JavaScript.
这就是我现在所拥有的:
<HTML><head><Meta charset="utf-8"><Title>tableau Test</Title><script type="text/JavaScript" src="http://tableau/JavaScripts/API/viz_v1.Js"> function selectViz() { var myList=document.getElementByID("tableau_workbook"); var wbname=document.getElementByname("name"); wbname.setAttribute("value",myList.options[myList.selectedindex].value); }</script></head><body> <form> <!-- Dropdown Menu,the value corresponds with those found in the "name" parameter in the tableau vIEw code --> <select ID="tableau_workbook" onchange="selectViz()" > <option>Choose Workbook</option> <option value="vIEw_0/vIEw_0">bioapps_single</option> <option value="vIEw_1/vIEw_1">bioapps_merged</option> </select> <!-- tableau vIEw goes here --> <div ID="tableau_vIEw" > <object wIDth="1028" height="804" > <param name="host_url" value="http%3A%2F%2Ftableau%2F" /> <param name="site_root" value="" /> <param name="name" value="vIEw_0/vIEw_0" /> <param name="tabs" value="no" /> <param name="toolbar" value="yes" /> </object> </div> </form></body></HTML>
此时我无法访问tableau JavaScript API,因此我尝试使用原始HTML / JavaScript执行所有 *** 作.不确定我是否正确行事.非常感谢您的帮助.
谢谢,
年轻
解决方法 我想我会发布我创建的代码作为其他人的参考,以查看他们是否遇到了与我相同的棘手情况.就像我提到的,我已经找到了访问tableau JavaScript API的方法,下面的代码正在使用它.请注意,这是用于在网页中嵌入视图.在Confluence Wiki页面中执行此 *** 作的方式略有不同,其描述为 here.这是代码:
<HTML><head><Meta charset="utf-8"><Title>tableau Test</Title><script type="text/JavaScript" src="http://tableau/JavaScripts/API/tableau_v8.Js"></script><script type="text/JavaScript">function selectViz() { var myList=document.getElementByID("workbook_selection"); wbValue = myList.options[myList.selectedindex].value; wbTagQuote = wbValue; initializeViz(wbTagQuote);}function initializeViz(wbTagQuote){ var placeholderdiv = document.getElementByID("tableauViz"); var url = wbTagQuote; var options = { wIDth: placeholderdiv.offsetWIDth,height: placeholderdiv.offsetHeight,hIDeTabs: true,hIDetoolbar: true,onFirstInteractive: function () { workbook = viz.getWorkbook(); activeSheet = workbook.getActiveSheet(); } }; var viz = new tableauSoftware.Viz(placeholderdiv,url,options);}</script></head><body><form><!-- Dropdown Menu,the value corresponds with those found in the "name" parameter in the tableau vIEw code --> <select ID="workbook_selection" onchange="selectViz()"> <option>Choose Workbook</option> <option value="vIEw_0/vIEw_0">vIEw_0</option> <option value="vIEw_1/vIEw_1">vIEw_1</option> </select><!-- tableau vIEw goes here --> <div ID="tableauViz" \"></div></form></body></HTML>
重要提示:在选项值下,您将链接插入到您的画面视图(即“http://”,后跟tableau_server_name / path_to_vIEw).此外,当前状态下拉菜单没有完全正常运行…当选择第一个元素时,当您尝试加载另一个视图时,它将无法正常工作……我试图解决这个问题.
总结以上是内存溢出为你收集整理的使用HTML / JavaScript在网页中嵌入画面视图全部内容,希望文章能够帮你解决使用HTML / JavaScript在网页中嵌入画面视图所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)