![\"before\"](\"http:\/\/michalu.eu\/wordpress\/wp-content\/uploads\/2014\/02\/before.png\")
<\/a><\/td>\n![\"\"](\"http:\/\/upload.wikimedia.org\/wikipedia\/commons\/1\/12\/Right_arrow.svg\"){kind=icon}
<\/td>\n![\"disabled\"](\"http:\/\/michalu.eu\/wordpress\/wp-content\/uploads\/2014\/02\/disabled.png\")
<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\nStatic (in this case) HTML resource located in Android assets. I used jQueryMobile to make the webpage more… ‘mobile’:<\/p>\n
<!DOCTYPE html>\r\n\r\n<html>\r\n<head>\r\n<meta charset="utf-8">\r\n<meta name="viewport" content="width=device-width, initial-scale=1">\r\n<title>michalu-examples<\/title>\r\n\r\n<link rel="stylesheet" type="text\/css" href="http:\/\/code.jquery.com\/mobile\/latest\/jquery.mobile.min.css" \/>\r\n<script type="text\/javascript" src="http:\/\/code.jquery.com\/jquery-1.7.1.min.js"><\/script>\r\n<script type="text\/javascript" src="http:\/\/code.jquery.com\/mobile\/latest\/jquery.mobile.min.js"><\/script>\r\n<script type="text\/javascript">function disableSection(id){$('#'+id+' a').addClass('ui-disabled');}<\/script>\r\n<\/head>\r\n<body>\r\n <div data-role="page" data-control-title="Home" id="page1">\r\n <div data-theme="a" data-role="header">\r\n <h3>michalu.eu | examples<\/h3>\r\n <\/div>\r\n <div data-role="content">\r\n <div id="section1">\r\n <a href="#" data-iconpos="right" data-icon="arrow-r" data-role="button">Section1<\/a>\r\n <\/div>\r\n <div id="section2">\r\n <a href="#" data-iconpos="right" data-icon="arrow-r" data-role="button">Section2<\/a>\r\n <\/div>\r\n <div id="section3">\r\n <a href="#" data-iconpos="right" data-icon="arrow-r" data-role="button">Section3<\/a>\r\n <\/div>\r\n <div id="section4">\r\n <a href="#" data-iconpos="right" data-icon="arrow-r" data-role="button">Section4<\/a>\r\n <\/div>\r\n <div id="section5">\r\n <a href="#" data-iconpos="right" data-icon="arrow-r" data-role="button">Section5<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html><\/pre>\nJavaScript disableSection(id)<\/strong> listed below disables div at given id:<\/p>\nfunction disableSection(id){$('#'+id+' a').addClass('ui-disabled');}<\/pre>\nWe need to call it after successfully loading a webpage in our example activity. But before it we should:<\/p>\n
\n- enable<\/strong> JavaScript engine (line 23)<\/li>\n
- override onPageFinished<\/strong> (line 26)<\/li>\n
- and run disableSection<\/strong> on each element from idsToHide<\/strong> array (line 33)<\/li>\n
- of course remember about loading resource into your webView(in this case HTML5 from local assets) (line 38)<\/li>\n<\/ul>\n
package eu.michalu;\r\n\r\nimport android.app.Activity;\r\nimport android.os.Bundle;\r\nimport android.webkit.WebView;\r\nimport android.webkit.WebViewClient;\r\n\r\npublic class WebViewActivity extends Activity {\r\n WebView mWebView;\r\n \/*\r\n * array of div's ids to disable\/hide\r\n *\/\r\n String[] idsToHide = { "section1", "section3", "section5" };\r\n\r\n@Override\r\n public void onCreate(Bundle savedInstanceState) {\r\n \/\/ TODO Auto-generated method stub\r\n super.onCreate(savedInstanceState);\r\n setContentView(R.layout.main);\r\n\r\nmWebView = (WebView) findViewById(R.id.activity_webview);\r\n \/\/enable javascript engine\r\n mWebView.getSettings().setJavaScriptEnabled(true);\r\n mWebView.setWebViewClient(new WebViewClient() {\r\n @Override\r\n public void onPageFinished(WebView view, String url) {\r\n \/\/ TODO Auto-generated method stub\r\n super.onPageFinished(view, url);\r\n\r\n \/\/run 'disableSection' for all divs to hide\/disable\r\n for (String s : idsToHide) {\r\n String surveyId = s;\r\n view.loadUrl("javascript:disableSection('" + surveyId + "');");\r\n }\r\n }\r\n });\r\n \/\/load webpage from assets\r\n mWebView.loadUrl("file:\/\/\/android_asset\/list.html");\r\n }\r\n}<\/pre>\nAll code is available on my github\u00a0profile<\/a>\u00a0or just download:<\/p>\n