1 
public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.main, menu);

    menu.add("Bar Graph");
    menu.add("Linear Graph");
    return true;
}



@Override
public boolean onOptionsItemSelected(MenuItem item) {

    if(item.getTitle().equals("Bar Graph"))
    {
           myWebView.loadUrl("javascript:document.getElementById(\"Bar\").style.display = 'block';");
        myWebView.loadUrl("javascript:document.getElementById(\"Linear\").style.display = 'none';");

        return true;
    }
    else if(item.getTitle().equals("Linear Graph"))
    {
        myWebView.loadUrl("javascript:document.getElementById(\"Bar\").style.display = 'none';");
        myWebView.loadUrl("javascript:document.getElementById(\"Linear\").style.display ='block';");

        return true;
    }

     @Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    myWebView = (WebView) findViewById(R.id.webview);
    myWebView.getSettings().setJavaScriptEnabled(true);
    myWebView.loadUrl("http://localhost:8080/index.html");

}

我的网站上有两个图表 - 条形图和线性图。我想在单击菜单项时显示/隐藏图表。

上面的代码假设在点击它们各自的标题时显示和隐藏两个图表，但它只工作一次。如果我点击“条形图”，条形图会显示出来，线性图会被隐藏，这很好。但是如果我点击“图表”，条形图仍然显示，线性图仍然隐藏。此外，如果我首先单击线性图，则仅显示线性图（这很好），但单击条形图时不会进行任何更改。基本上，首先单击的菜单项的操作是永久性的。

请帮忙！

4

0 回答 0