javascript - Error: TypeError: Cannot set property 'innerHTML' of null in phonegap -
here javascript file below , getting error "error: typeerror: cannot set property 'innerhtml' of null" . changes should create works fine. in advance. please help.
var scancode = function() { window.plugins.barcodescanner.scan( function(result) { alert("scanned code: " + result.text + ". format: " + result.format + ". cancelled: " + result.cancelled); document.getelementbyid("d").innerhtml="result.text"; window.location.href = 'page5.html'; }, function(error) { alert("scan failed: " + error); }); } i getting error as:
06-24 11:55:08.130: w/flashlightmanager(7817): @ java.lang.reflect.method.invoke(method.java:511) 06-24 11:55:08.130: w/flashlightmanager(7817): @ com.android.internal.os.zygoteinit$methodandargscaller.run(zygoteinit.java:784) 06-24 11:55:08.130: w/flashlightmanager(7817): @ com.android.internal.os.zygoteinit.main(zygoteinit.java:551) 06-24 11:55:08.130: w/flashlightmanager(7817): @ dalvik.system.nativestart.main(native method) 06-24 11:55:08.540: d/openglrenderer(7817): flushing caches (mode 0) 06-24 11:55:08.870: d/openglrenderer(7817): flushing caches (mode 0) 06-24 11:55:14.920: d/phonegaplog(7817): error in success callback: barcodescanner2 = typeerror: cannot set property 'innerhtml' of null 06-24 11:55:14.920: d/phonegaplog(7817): file:///android_asset/www/phonegap-1.4.1.js: line 692 : error in success callback: barcodescanner2 = typeerror: cannot set property 'innerhtml' of null 06-24 11:55:14.930: i/web console(7817): error in success callback: barcodescanner2 = typeerror: cannot set property 'innerhtml' of null @ file:///android_asset/www/phonegap-1.4.1.js:692 here html code calling above js function
<!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width"> <title>bar code scanner</title> <link rel="stylesheet" href="main.css" type="text/css"> <script type="text/javascript" charset="utf-8" src="phonegap-1.4.1.js"></script> <script type="text/javascript" src="barcodescanner.js"></script> <script type="text/javascript" src="main.js"></script> </head> <body id="stage" class="theme"> <h1>barcode scanner , encoder</h1> <h2>phonegap barcode scanner plugin</h2> <a href="#" class="btn" onclick="scancode();">scan code</a> </body> </html> and here html file need print result.
<!doctype html> <html> <head> <script type="text/javascript" charset="utf-8" src="phonegap-1.4.1.js"></script> <script type="text/javascript" src="main.js"></script> </head> <body> <p id="d"></p> </body> </html>
try ::
page1.html:
<!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width"> <title>bar code scanner</title> <link rel="stylesheet" href="main.css" type="text/css"> <script type="text/javascript" charset="utf-8" src="phonegap-1.4.1.js"></script> <script type="text/javascript" src="barcodescanner.js"></script> </head> <body id="stage" class="theme"> <h1>barcode scanner , encoder</h1> <h2>phonegap barcode scanner plugin</h2> <a href="#" class="btn" onclick="scancode();">scan code</a> </body> <script type="text/javascript"> var scancode = function () { window.plugins.barcodescanner.scan( function (result) { alert("scanned code: " + result.text + ". format: " + result.format + ". cancelled: " + result.cancelled); localstorage.setitem("myvalue", result.text); window.location.href = 'page2.html'; }, function (error) { alert("scan failed: " + error); }); } </script> </html> page2.html
<!doctype html> <html lang="en"> <head> <title>checkd control</title> <meta charset="utf-8"> <script type="text/javascript" charset="utf-8" src="phonegap-1.4.1.js"></script> </head> <body> <p id="d"></p> </body> <script type="text/javascript"> var barcodeval = localstorage.getitem("myvalue"); document.getelementbyid("d").innerhtml = barcodeval; </script> </html> javascript html cordova phonegap-plugins
No comments:
Post a Comment