I'm trying to to add a drop-down box menu in which i will make my choice in order to visualize data. My visualization works fine without the drop-down box but when i put them together something goes wrong. In my code i want to visualize the data when i choose selection02. Could anyone help me?\[code\]<html><head><script language="javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script><script type="text/javascript" src="http://www.google.com/jsapi"></script><script type="text/javascript">function allagi(){ if (document.getElementById("selection01").selected==true) { function01(); } else if (document.getElementById("selection02").selected==true) { f1(); } else if (document.getElementById("selection03").selected==true) { function03(); } else if (document.getElementById("selection04").selected==true) { function04(); }}</script><script type="text/javascript" src="http://stackoverflow.com//ajax.googleapis.com/ajax/static/modules/gviz/1.0/chart.js"> function f1(){ {"dataSourceUrl":"//docs.google.com/spreadsheet/tq?key=0AihqKzH-MgAndERnaFVsYk1RLUM3S0pDSmNjcEQ4M1E&transpose=0&headers=0&range=A2%3AB13&gid=0&pub=1","options":{"vAxes":[{"useFormatFromData":true,"viewWindowMode":"pretty","viewWindow":{}},{"useFormatFromData":true,"viewWindowMode":"pretty","viewWindow":{}}],"booleanRole":"certainty","animation":{"duration":0},"useFirstColumnAsDomain":true,"hAxis":{"useFormatFromData":true,"viewWindowMode":"pretty","viewWindow":{}},"isStacked":false,"width":454,"height":285},"state":{},"chartType":"AreaChart","chartName":"\u0393\u03c1\u03ac\u03c6\u03b7\u03bc\u03b1 1"} } </script></head><body><div id="wrapper"> <div id="logo"><select onchange="allagi()"> <option id="selection01">Selection01</option> <option id="selection02">Selection02</option> <option id="selection03">Selection03</option> <option id="selection04">Selection04</option></select></div> <div id="pie"> </div></div></body></html>\[/code\]
Drop down menu and visualization
- Thread starter shumar
- Start date