cordova - Using Jquery with PhoneGap -


i testing modified version of 1 of phonegap quick starts. referenced jquery. however, when want change content of div using jquery, got error, simple alert works fine. 

function querysuccess(tx, results) { var s = ""; (var i=0; i<len; i++){ s += "row = " + + " id = " + results.rows.item(i).id + " data = " + results.rows.item(i).data + "<br />"; } //this cause error //$("#cnt").html(s); //this works fine alert(s); }

could tell me missing? full code below.

<!doctype html> <html> <head> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> <meta charset="utf-8"> <!-- if application targeting ios before 4.0 must put json2.js http://www.json.org/json2.js www directory , include here --> <script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script> <script type="text/javascript" charset="utf-8"> // wait phonegap load // document.addeventlistener("deviceready", ondeviceready, false); // populate database // function populatedb(tx) { tx.executesql('drop table if exists demo'); tx.executesql('create table if not exists demo (id unique, data)'); tx.executesql('insert demo (id, data) values (1, "first row")'); tx.executesql('insert demo (id, data) values (2, "second row")'); } // query database // function querydb(tx) { tx.executesql('select * demo', [], querysuccess, errorcb); } // query success callback // function querysuccess(tx, results) { var len = results.rows.length; console.log("demo table: " + len + " rows found."); var s = ""; (var i=0; i<len; i++){ console.log("row = " + + " id = " + results.rows.item(i).id + " data = " + results.rows.item(i).data); s += "row = " + + " id = " + results.rows.item(i).id + " data = " + results.rows.item(i).data + "<br />"; } $("#cnt").html(s); //alert(s); } // transaction error callback // function errorcb(err) { console.log("error processing sql: "+err.code); } // transaction success callback // function successcb() { var db = window.opendatabase("database", "1.0", "phonegap demo", 200000); db.transaction(querydb, errorcb); } // phonegap ready // function ondeviceready() { var db = window.opendatabase("database", "1.0", "phonegap demo", 200000); db.transaction(populatedb, errorcb, successcb); } </script> </head> <body onload="onbodyload()"> <h1>example</h1> <p>open database</p> <div id="cnt">this</div> </body> </html>

the code works fine in device in browser

http://jsfiddle.net/dhavaln/ujkuf/

as have mentioned cdn url jquery , jquery mobile, make sure libraries loaded code in using jquery.

$("#cnt").html(s);

Comments

Post a Comment

Popular posts from this blog

javascript - backbone.js Collection.add() doesn't `construct` (`initialize`) an object -

<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="http://documentcloud.github.com/underscore/underscore-min.js"></script> <script src="http://documentcloud.github.com/backbone/backbone-min.js"></script> </head> <body> <button id="cmd_create_event" name="cmd_create_event" type="button">create new `event`</button> <script type="text/javascript"> var eventmodel = backbone.model.extend({ initialize : function() { console.log("`event` initialized. id: " + this.cid); this.bind("change:status", function() { console.log(this.get("status") + " value `status`"); }); this.bind("error", function(model, e...
Read more

php - Get uncommon values from two or more arrays -

is there function in php give array of uncommon values 2 or more arrays? for example: $array1 = array( "green", "red", "blue"); $array2 = array( "green", "yellow", "red"); .... $result = function_needed($array1, $array2,...); print_r($result); should give output: array("blue", "yellow", ...); use array_diff , array_merge : $result = array_merge(array_diff($array1, $array2), array_diff($array2, $array1)); here's demo. for multiple arrays, combine callback , array_reduce : function unique(&$a, $b) { return $a ? array_merge(array_diff($a, $b), array_diff($b, $a)) : $b; } $arrays = array( array('green', 'red', 'blue'), array('green', 'yellow', 'red') ); $result = array_reduce($arrays, 'unique'); and here's demo of that.
Read more

Adding duplicate array rows in Php -

i create function in php adds rows of array shared column value. so input. $test = array( array("c", 5, 6), array("c", 2, 3), array("test", 5, 6) ); and output. $testduplicatefree = array( array("c", 7, 9), array("test", 5, 6) ) ); i'm thinking function combine_duplicates($array,$col){ ... ... return $duplicatefreearray; } where $col duplicate free array. so, in case, combine_duplicates($test,0); would me desired output. this. <?php function combine_duplicates($array,$col) { $index = array(); foreach ($array $row) { $key = $row[$col]; if (!isset($index[$key])) { $index[$key] = $row; } else { ($i = 0; $i < count($row); ++$i) { if ($i != $col) { $index[$key][$i] += $row[$i]; } } } } return array_values($index); } $array = array( array("c", 5, 6), array("c", 2, 3), array("test", 5, 6) ); print_r(combine_duplicates($array, 0)); try here: http://codepad.org/mdhesqhi
Read more