Response title
This is preview!
- Screen name: pizzipie
pizzipie's Profile
71 Posts
186 Responses
0
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- 04-Feb-2019 01:42 PM
- Forum: Using jQuery
Trying to read ASCI color codes in order to see them on the screen. I am reading a file that is a json file to start with. My code is below. The response is in the attachment Created by Web Developer tools.Here is my php code.- <?php
// Read JSON file
$json = file_get_contents('./ASCIColors.json');
echo $json;
?>
<!DOCTYPE html>
<!-- Comments about the program -->
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title> Pizzi Contacts v2.1 21 Jan 2016 - contactConnect.html</title>
<script src="../../jquery/jquery-2.1.1.js"></script>
<script type="text/javascript">
$.ajax({
type: "POST",
dataType: "json",
url: "response.php", //Relative or absolute path to response.php file
//data: {}, not used - read from file
success: function(ret) {
$.each( ret[0], function( key, value ) {
alert($(".the-return").append("<style>div{background-color: "+value+"</style>)"));
});
successmessage = 'Data was succesfully captured';
$("label#successmessage").text(successmessage);
},
error: function(ret) {
successmessage = 'Error';
$("label#successmessage").text(successmessage);
},
});
</script>
</head>
<body>
<div class="the-return">
[HTML is replaced when successful.-<br>
-----------------------------------<br>
-----------------------------------<br>
-----------------------------------<br>
-----------------------------------]<br>
</div>
</body>
</html>
- 03-Jul-2017 02:53 PM
- Forum: Using jQuery
Here we go again!!
I've given up trying to run all code on one page(php). Now have tree2.html (client side), and tree2.php (server side)
Below is the tree2.html of my program.
I can't get the .on(change .. part to work as an empty tiny, tiny table is displayed before I can enter data into the <input> block. I know this has to do with the asyn running of HTML but how do you make this work?- <!DOCTYPE html>
<html>
<head><title>tree2.html Sun 02Jul2017</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<!-- ============== head scripts ================ -->
<script type="text/javascript" src="../jquery/jquery-2.1.1.js"></script>
<style>
.hov:hover {
color: red;
font-weight: bold;
}
li {
list-style-type:none;
}
</style>
</head>
<!-- ============== html ================ -->
<body>
<form action=""#"" method="POST">
Enter Base Directory to Choose Photo Directory From
<input type="text" id="dir">
<!--<input type="submit"> using .on(change, ... line 51 -->
</form>
<!-- ============== body scripts 1 of 1 ================ -->
<script type="text/javascript">
$(function(){ // ready
var dir="/home/rick/Desktop/2017Jun27-12:36_TransFile_Pictures"; // for testing works ok
$("#tbl1").hide();
// CAN'T GET THIS TO WORK REGARDLESS OF WHERE I PUT IT
// IT CALLS AJAX BEFORE YOU CAN ENTER THE DATA IN INPUT
/*
var dir="";
$("#dir").on('change', function () {
dir=$("#dir").val();
});
*/
myAjaxCall(dir);
function myAjaxCall(dir) {
var request = $.ajax( {
url: "tree2.php",
type: "POST",
data: {"dir":dir},
dataType: "json"
}); // end ajax()
request.done(showDirs);
request.fail(function( jqXHR, textStatus ) {
alert( "Request failed: line 74 myAjaxCall() " + textStatus );
});
} // end myAjaxCall()
}); // end ready()
// ========================== FUNCTION showDirs() ==================
function showDirs(data) {
var i=0;
var disp="";
var choice="";
$("#tbl1").show();
$("body").append("<h3> Pick A Directory to Process Photos</h3>");
table_str = "<table id='tbl1' class='center' id='verifyTbl' border='4' cellspacing='2' cellpadding='4' bgcolor='#fff99d' ><br/>";
$.each(data, function (index, value) {
disp="disp"+i++;
table_str += "<tr><td id='disp' class='hov'>" + value + "</td></tr>";
});
table_str += "</table><p></p><p></p>";
$("body").append(table_str + "<p></p>");
$("td#disp").click(function () {
console.log("testing");
choice=($( this ).text());
alert("You chose: " + choice);
// ajax call to getImageFiles.php goes here.
}); // end click()
} // end showDirs() ===================================================
</script>
</body>
</html>
- 01-Jul-2017 02:50 AM
- Forum: Using jQuery
My php/html code below'
After one of the <li> tags is chosen the var choice contains the text() value of that <li>.
How can I/is it possible to use AJAX to pass choice to the php code- <?php
set_include_path( '../../include' );
error_reporting (E_ALL ^ E_NOTICE);
$str=<<<LABEL
<style>
.hov:hover {
color: red;
font-weight: bold;
}
li {
list-style-type:none;
}
</style>
<script src="../jquery/jquery-2.1.4.js"></script>
<script type="text/javascript">
$(function(){
$("li.hov").click(function () {
var choice="";
console.log("testing");
choice=($( this ).text());
alert("You chose: " + choice); - ADD AJAX CODE HERE ? TO PASS choice TO PHP CODE ON THIS PAGE ?
});
});
</script>
LABEL;
chdir('/home/rick/Desktop');
echo $str;
$path=getcwd();
$items=scandir($path);
echo "<p>Contents of $path</p>";
echo '<ul>';
$i=0;
foreach($items as $item) {
if(is_file($item) || $item=="." || $item=="..") {
continue;
}
$disp='disp'.++$i;
echo "<li id=$disp class='hov' >$item</>";
}
echo '</ul>';
DO STUFF HERE WITH RESULT PASSED BACK BY AJAX ?
?>
- I clicked on My Profile -> edit and when I clicked on email it asked to send an email.
How do I change my current BAD email address??- Hi, trying to integrate HTML in PHP file. When I focus on the text displayed in the list the css works. ie: shows in red. However the $("li.disp").click(function () { ... doesn't do anything.
Any help welcomed.
R- <?php
set_include_path( '../../include' );
error_reporting (E_ALL ^ E_NOTICE);
$str=<<<LABEL
<style>
.hov:hover {
color: red;
font-weight: bold;
}
li {
list-style-type:none;
}
</style>
<script src="../jquery/jquery-2.1.4.js"></script>
<script type="text/javascript">
$("li.disp").click(function () {
consolelog("testing");
alert($("li,disp").text());
});
</script>
LABEL;
chdir('/home/rick/Desktop');
echo $str;
$path=getcwd();
$items=scandir($path);
echo "<p>Contents of $path</p>";
echo '<ul>';
foreach($items as $item) {
if(is_file($item) || $item=="." || $item=="..") {
continue;
}
echo "<li class='disp hov' >$item</>";
}
echo '</ul>';
?>
- 02-Dec-2016 02:12 PM
- Forum: Using jQuery
I'm trying to pass a variable to .click function
I have defined a var navFlag="home"- $('.nav').click(function (navFlag) {
alert("nav under construction - navFlag .. "+navFlag);
}); // nav
navFlag is returned as [object Object]
What is the proper way to do this?
Thanks for any help,
R
- 08-Aug-2016 03:36 PM
- Forum: Using jQuery
Hi,
Need explanation of where I'm going wrong. I have to process the var str to properly call $.ajax but don't know how. See Source below to see value of str.- var str=$("#imageForm").serialize()+"&recId="+recId;
var request = $.ajax({ // get data from database
url: "revise.php",
type: "POST",
data: str, // wrong way here, I think
dataType: "json"
}); // ajax
request.done (updatedData);
request.fail(function( jqXHR, textStatus ) {
alert("Bad Request!! revised.html 145 See Firebug");
});
The above causes error.
- var str=$("#imageForm").serialize()+"&recId="+recId;
$.post("revise.php",str, "json"), // this works ok
function updatedData(retData) {
$.each(retData[0], function(key, value) {
$("#"+key).val(value);
}); // each
}; // updated
//successMsgShow();
}; // update
Here is the output from firebug when $.post is called.
POST http://mydb.com/pollywood/queries2.php
200 OK
1ms
jquery-1.9.1.js (line 8526)
POST http://mydb.com/pollywood/revise.php
200 OK
32ms
jquery-1.9.1.js (line 8526)
HeadersPostResponse
Parametersapplication/x-www-form-urlencodedDo not sort
askPrice 32
dateToVendor 2016-08-02
filename img 9087
imageName Garden Bee
imageSize 8x10
itemNo 12
note
recId 1
timestamp 201608081105
vendor isaws
Source
itemNo=12×tamp=201608081105&filename=img+9087&imageName=Garden+Bee&imageSize=8x10&askPrice=32&vendor=isaws&dateToVendor=2016-08-02¬e=&recId=1- Hi,
I've been trying to create a form by appending to <div id='what'> with no success.
The form displays fine including data values but the submit does not display the alert() message. My goal is to view the data returned, change the data if desired, and send the changed data thru AJAX to update my MySql database.- function showReturn(data) { // <========= data is returned from AJAX.
$("#results").hide(); // hide previous
$("#what").show(); // show current
$("#what").append("<form method='post' id='myForm' action=''> ");
$("#what").append("<label for='DL'>DL:</label>");
$("#what").append("<input type='text' name='DL' id='DL' value="+data.DL+"><br>");
$("#what").append("<label for='DL_Expiry'>DL_Expiry:</label>");
$("#what").append("<input type='text' name='DL_Expiry' id='DL_Expiry' value="+data.DL_Expiry+"><br>");
$("#what").append("<label for='PassPort_No'>PassPort_No:</label>");
$("#what").append("<input type='text' name='PassPort_No' id='PassPort_No' value="+data.PassPort_No+"><br>");
$("#what").append("<label for='PP_Expiry'>PP_Expiry:</label>");
$("#what").append("<input type='text' name='PP_Expiry' id='PP_Expiry' value="+data.PP_Expiry+"><br>");
$("#what").append("<label for='subm'>Save:</label>");
$("#what").append("<input type='submit' name='subm' >");
$("#what").append("</form>");
$("form#myForm").submit(function(){
alert("Submitted"); // <=========== does not display
});
} // showReturn
- Hi,
In using setTimeout() to show and hide a message the message just flashes on and off. Timer is not working.
Hope someone can spot something wrong here.
UPDATE:
I commented out window.location.assign("fields.php"); and setTimeout works properly. See 5. below.-
if(update) {
$.ajax({
type: "POST",
url: "changeData.php",
data: { "col":col, "update":update},
dataType: "text",
success: showChangedData
}); // ajax
function showChangedData(data) {
successMsgShow();
} // showCh
}
else {
$('#succMsg').append("<h5><span style='color:red'>You Didn't Enter revised Data.</span></h5>");
}
});// indata
// =============== Success Message with Time Delay ===================
function successMsgShow() {
$("p").append('<h3> <span style="color:red">Data Revised Successfuly</span></h3>');
setTimeout(successMsgHide, 5000); // show message for 5 seconds- // Flashes on screen w/ no delay
window.location.assign("fields.php"); // run page again showing revised data
}
function successMsgHide() {
$("p").hide();
}
- 24-May-2016 04:50 PM
- Forum: Using jQuery
hi,
I am writing a Revise Data program for my database. I am passing the field name of data to be changed to 'changeData.php'. When this data is received by 'changeData.php' I want to use a form inside 'changeData.php' to revise the data and then to update the database.
If I call changeData.php from the command line it works fine.
(firefox mydb.com/db/changeData.php) The form appears in workable manner.
If I take the HTML code out of changeData it works fine. It will update data as fed by a variable for testing purposes.
Appreciate knowing a fix for this problem. CODE and results are below.
Thanks in advance
R
I am calling changeData.php file from fields.php with ajax as follows:
col=$(this).text();
$.ajax({
type: "GET",
url: "changeData.php",
data: { "col":col},
datatype: "text",
success: showChangedData
}); // ajax
function showChangedData(data) {
alert("this is returned data: "+data);
window.location="fields.php";
$('.retdata').toggleClass('msg');
} // showCh
}); // rowdata
This returns:
<html>
<body>
<form action="welcome.php" method="post">
Name: <input type="text" name="name"><br>
E-mail: <input type="text" name="email"><br>
<input type="submit">
</form>
</body>
</html>
result ok:
Here is my php code:
$hostname='localhost';
$username='r';
$password='r';
$database='db';
$table='per';
$fields=array();
$field=$_GET['col'];
$ret='ZG64526E - FL';
$msg="Data Sucessfully Changed";
?>
<html> ] // This test HTML doesn't work. Actual HTML is much longer.
<body>
<form action="welcome.php" method="post">
Name: <input type="text" name="name"><br>
E-mail: <input type="text" name="email"><br>
<input type="submit">
</form>
</body>
</html>
<?php
$cxn = mysqli_connect($hostname,$username,$password,$database)
or die("line 34 - Couldn't connect to server");
$query = "UPDATE {$table} SET {$field} = '{$ret}';";
$result = mysqli_query($cxn,$query);
if($result) {
echo "result ok:";
}
?>- 21-Jan-2016 06:47 PM
- Forum: Using jQuery
Hi, I have the 'location' object from a google map listener event. alert(location) shows something like this.
(46.05734091267766100, -114.173083371296539075)
I want to have the var 'latitude'=46.057340 and the var 'longitude'=-114.173083 . I will then use
AJAX to insert the value of these variables into my DB.
Nothing I do seems to work to split 'location' up.
R- 19-Jan-2016 06:37 PM
- Forum: Using jQuery
Yesterday I submitted a question 'Google Map Not Loading'. A disaster!! Before I can deal with the google mapping issues I have to be able to pass the data properly from the database.
The idea is to access a MySql database containing Marker information, create a 'dynamic select options list', make a choice, create an array of data from the choice and return the results as an array to a function which will create a 'google map'.
This is my re-write and I can't get the data to pass the array from 'MAPPING.JS' back to the calling program SIMPLEMAP.HTML. Code is:
MAPPING.JS:
- function
loadlist(selobj, url, nameattr) {
var dataArray=[];
$(selobj).empty();
$.getJSON(url, {}, function(data) {
$.each(data, function(i,obj) {
$(selobj).append($('<option></option>').val(obj[nameattr]).html(obj[nameattr]));
}); //each
$(selobj).change(function(){
name=$(this).val();
index=this.selectedIndex;
address=data[index]['address'];
lat=data[index]['lat'];
lng=data[index]['lng'];
dataArray.push(name);
dataArray.push(address);
dataArray.push(lat);
dataArray.push(lng);
return dataArray;
}) // latlng
}); // getJSON
} // loadlist
SIMPLEMAP.HTML
- <!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SimpleMap - With marker selection </title>
<link rel="stylesheet " type="text/css" href="css/loadList.css" />
<link rel="stylesheet " type="text/css" href="css/gps.css" />
<script src="../jquery/jquery-2.1.4.js"></script>
<script src="js/mapping.js"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
</head>
<body>
<!-- =============== Google Maps Function ============================== -->
<script type="text/javascript">
function mapIt() {
var a=48.3; // this is to be replaced w/retData passed from loadlist() below
var b=-116.54;
var myLatLng=new google.maps.LatLng(a, b);
var myOptions = {
zoom: 12,
center: myLatLng, //new google.maps.LatLng(42.351420812410865, -83.07237023559571),
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
}
</script>
<!-- =============== End Google maps Function ================================ -->
<div id="loadListWrapper">
<!-- Create Select/Options List here -->
<label id="markerLbl" >Select Marker For:</label><br>
<select name='latlng' id='latlng' size='5'></select>
</div>
<div id="map_canvas" style="width: 500px; height: 500px;">
<!-- Map goes Here -->
</div>
<!-- ======= Call to Create Select/Options & Pass data to mapIt ============ -->
<script type="text/javascript">
var retData=[]; // array to pass to mapIt()
retData=loadlist($('#latlng').get(0), // mapping.js supposed to return dataArray
'getMarkers.php?getlist=latlng', 'name');
alert(retData[0]); // detailed error: TypeError: retData is undefined
//mapIt(retData lat and Lng); call to create map with Lat & Lng data
</script>
</body>
</html>
- Am feeding lat and lng variables to google map from dynamic select/options. I am seeing that the correct lat and lng are being produced but when fed to mapOptions map doesn't load.
Here is my code:
- <!DOCTYPE
html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Google Maps API getting Lat and Long with Geocoding</title>
<link rel="stylesheet " type="text/css" href="css/loadList.css" />
<link rel="stylesheet " type="text/css" href="css/gps.css" />
<script src="../jquery/jquery-2.1.4.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script type="text/javascript" src="../jquery/getHtmlParams.js"></script>
<script type="text/javascript">
var name;
var index;
var address;
var lat;
var lng;
$(document).ready(function(){
loadlist($('#latlng').get(0), /*the 'select' object*/
'getMarkers.php?getlist=latlng', 'name');
function loadlist(selobj, url, nameattr) {
$(selobj).empty();
$.getJSON(url, {}, function(data) {
$.each(data, function(i,obj) {
$(selobj).append($('<option></option>').val(obj[nameattr]).html(obj[nameattr]));
}); //each
$("#latlng").change(function(){
name=$(this).val();
index=this .selectedIndex;
address=data[index]['address'];
lat=data[index]['lat'];
lng=data[index]['lng'];
mapIt(name, address, lat, lng); // off to load google maps
}) // latlng
}); // getJSON
} // loadlist
}); // doc ready
</script>
</head>
<body>
<div id="loadListWrapper">
<label id="markerLbl" >Select Marker For:</label><br>
<select name='latlng' id='latlng' size='5'></select>
</div> <!-- loadListWrap -->
<!-- ====================================================== -->
<script type="text/javascript">
function mapIt(a, b, c, d) { // c & d are lat an lng
var latlng=c+", "+d;
alert(latlng); // shows lat & lng
var mapOptions={
zoom:8,
center: new google.maps.LatLng(latlng),
mapTypeId: google.maps.MapTypeId.ROADMAP
}; // mapOptions
var map=new google.maps.Map($("#map").get(0), mapOptions); // doesn't load
}; // mapIt
/*
function mapIt(a, b, c, d){ // testing stuff
document.write(a+"/ ");
document.write(b+"/ ");
document.write(c+"/ ");
document.write(d);
}*/
</script>
<!-- ============================================================= -->
<div id="map" > <!-- where map goes -->
</div>
</body>
</html>
- 18-Jan-2016 11:47 AM
- Forum: Using jQuery
Hi,
Trying to learn about select/options dynamic lists. I found this nifty dynamic select program on the internet. Trouble is I can't get the value and text/html. Here is my code: The list populates fine but if I click on a selection nothing happens. Do I need a 'click' function?
Thanks for your help in advance.
R
- <!DOCTYPE
html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Google Maps API getting Lat and Long with Geocoding</title>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script type="text/javascript" src="../jquery/getHtmlParams.js"></script>
<script type="text/javascript">
$(document).ready(function(){
loadlist($('select#latlng').get(0), /*the 'select' object*/
'getMarkers.php?getlist=latlng', 'name');
alert($( "#latlng option:selected" ).html()); // says undefined
});
</script>
<script type="text/javascript">
function loadlist(selobj, url, nameattr) {
$(selobj).empty();
$.getJSON(url, {}, function(data) {
$.each(data, function(i,obj) {
$(selobj).append($('<option></option>').val(obj[nameattr]).html(obj[nameattr]));
}); //each
}); // getJSON
} // loadlist
</script>
<h3>Dynamically loaded list Sample</h3>
<label>Marker For:</label><br>
<select name='latlng' id='latlng' size='5'></select>
<script type="text/javascript">
alert($( "#latlng option:selected" ).html()) // says undefined
</script>
</body>
</html>
- 07-Jan-2016 04:10 PM
- Forum: Using jQuery
I am trying to call AJAX three maybe four times to get information from my DB. Can't get "global" var mapAddress
to return. I've tried to position the function in various locations but can't get it right. I'm sure this has to do with asynchronous functioning but still don't understand it.
Thanks for help,
R
<script type="text/javascript">
-
var recId="";
var mapAddress=""; // declaring here to create global var
// ==================================================================
// =========== lots of other code including code
// =========== that triggers $('.map').click function below =========
// ==================================================================
$('.map').click(function () {
// ======== there may be two addresses to process =========
// ======== home address and work address ==============
var phaseFlag=1; -
- // MULTIPLE CALL TO AJAX
-
// first phase query the DB to SELECT all address, city, state data ======
// phase two would be a call to SELECT home address info =================
// phase three would be a call to SELECT work address info ==============
mapAddress=myAjaxCallGeo(phaseFlag);
// =========== do stuff with mapAddress ===============
alert("ajax "+mapAddress); // mapAddress is undefined
});
</script>
<script type="text/javascript">
function myAjaxCallGeo(phaseFlag) {
var request = $.ajax({
url: "getLatLong2.php",
type: "GET",
data: {"id":choice, "phase":phaseFlag},
dataType: "json"
});
request.done(myData );
request.fail(function( jqXHR, textStatus ) {
alert("Line 279 - Bad request, see firebug");
});
function myData(address) {
var addFlag="";
if (address) {
if (address.Home_Address) {
addFlag="hm";
mapAddress=addFlag+", "+address.Home_Address+" "+address.Home_City+", "+address.Home_State;
}
else if(address.Work_Address) {
addFlag="wrk";
mapAddress=addFlag+", "+address.Work_Address+" "+address.Work_City+", "+address.Work_State;
}
}
}
}// myAjaxCall
</script>
- Hi, Getting error trying to create table. Don't know what it is or how to fix it.
Hope someone can help.
- ////////
CREATE HEADERS for Table ///////////
// pData from Ajax Call
table_str="<table class='center' border='3' cellpadding='5' bgcolor='#fff99d' >";
table_str+="<thead><tr>";
$.each(pData, function(index, value) {
if (index>0) return false; // just to get the headers
$.each(value, function(i, val) {
table_str+="<th>"+i+"</th>";
});
});
/////////// CREATE Body ////////////////
table_str+="<body>";
$.each(pData, function(index, value) {
table_str+="<tr>";
$.each(value, function(i, val) {
table_str+="<td>"+val+"</td>"; // line of data 'val' Creates the error as below
});
table_str+="</tr>"; // end row
});
table_str+="</body></table"; // end table
alert(table_str);
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
ERROR ERROR
TypeError: invalid 'in' operand obj
error source line:
typeof length === "number" && length > 0 && ( length - 1 ) in obj;
jquery-2.1.1.js (line 547, col 3)
*/
- Hi,
I don't know what is wrong here, the PHP or the call to AJAX.
error is: uncaught exception: out of memory
I suspect AJAX because the .php file populates the database properly.
Here is my code with pertinent notes in bold.
Thanks in advance for help in solving this.
R.
HTML CODE:
- <!DOCTYPE html>
<!-- Comments about the program -->
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title> GPS Information from Garman GPSmap76CSx </title>
<!-- ============== styles ================ -->
<link rel="stylesheet " type="text/css" href="css/gps.css" />
<!-- ============== scripts1 ================ -->
<script type="text/javascript" src="../jquery/jquery-1.9.1.js"></script>
<body>
<!-- =============== html ================== -->
<div class="wrapper">
<div id="forms">
<form name="gps" id="gps" action="#">
<p>To Down load a Garman GPX file directly to 'mymapping' database file.</p>
<p> <label for='gpxname'>Enter GPX File Name</label>
<input type="text" style="width:170px" class='hov' name='gpxname' id='gpxname'/><br>
</p>
</form>
</div>
</div>
<div id="rbox" >
</div>
<!-- =============== scripts2 ================ -->
<script type="text/javascript">
$('#gpxname').change(function () {
var filename=$('#gpxname').val();
myAjaxCall(filename) });
</script>
<!-- ============ Function showTable =================== -->
<script type="text/javascript">
function showTable(wptdata) { -
- alert("wpt3
"+wptdata[2]['name']); // Nothing Shows Up.
}
</script>
<script type="text/javascript">
<!-- ============ Function myAjaxCall =================== -->
function myAjaxCall(gpxfile) {
var request = $.ajax({
url: "error-downloadGpx.php",
type: "GET",
data: {"gpxfile":gpxfile},
dataType: "json",
});
//request.done(showTable); // detailed error: uncaught exception: out of memory
request.done(alert("data back "+data[0]['name'])); // nothing shows up
request.fail(function( jqXHR, textStatus ) {
alert("Request failed, see firebug."); //document.write( "Request failed: " + textStatus );
});
}// myAjaxCall
</script>
</body>
</html>
PHP Code:
- <?php
header('Content-Type: application/json'); // so JSON is returned properly
set_include_path( '../include' );
error_reporting (E_ALL ^ E_NOTICE);
$hostname='localhost';
$username='rick';
$password='rick';
$database='mymapping';
$table='wdata';
$rows=[];
$gpxfile="";
if($_GET['gpxfile']) {
$gpxfile=$_GET['mygpxfile'];
}
$cxn = mysqli_connect($hostname,$username,$password,$database)
or die ("line 28 readgpx.php - Couldn't connect to server");
$gpx =simplexml_load_file($gpxfile); //function reads xml files
//$gpx =simplexml_load_file('waypoints.gpx'); //function reads xml files
foreach($gpx->wpt as $wpt) {
$nstr=$wpt->name;
$nstr=str_replace("'","\'",$nstr); // escape ' from name
//echo $nstr."\n"; // print name
$dstr=$wpt->desc;
$dstr=str_replace("'","\'",$dstr); // escape ' from desc
$estr=$wpt->ele; // deal with no elevation data
if($estr=="") {
$estr=", ''";
}
else {
$estr=", ".$estr;
}
$sym=$wpt->sym; // deal with no symbol data
if($sym=="") {
$sym=", ''";
}
else {
$sym=", '".$sym."'";
}
// ================ build query to input data =====================
$query="INSERT INTO $table (`id`, `name`, `desc`, `lat`, `lon`, `ele`,`sym`) VALUES( NULL, ";
$query.="'".$nstr."', '".$dstr."', ".$wpt['lat'].", ".$wpt['lon'].$estr.$sym.");";
$result = mysqli_query($cxn, $query) or exit( mysqli_error( $cxn ));
$query=""; // use query over again for next record
} // foreach
$query="SELECT * FROM ".$table." ORDER BY `name` "; // collect data just input into database
//echo $query;
$res = mysqli_query($cxn, $query) or exit( mysqli_error( $cxn ));
While($row=@mysqli_fetch_assoc($res)) {
$rows[]=$row;
}
//echo "count rows ".count($rows)."\n";
//print_r($rows);
echo json_encode($rows); // return json to error-waypointsToDB.html
?>
- 01-Nov-2015 04:34 PM
- Forum: Using jQuery
Going nuts!!!
Can't seem to get the function to return values properly. I've been messing with this for hours and can't work it out, Please help. I don't seem to be able to see the forest for the trees!
Here is my code:
- <!DOCTYPE
html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Google Maps API getting Lat and Long with Geocoding</title>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="../jquery/getHtmlParams.js"></script>
<script type="text/javascript" >
var count, i, address;
var myArray = new Array(2)
var homeAdd=unescape(getUrlParametersVals()['Home_Address']);
var homeCity=unescape(getUrlParametersVals()['Home_City']);
var homeState=unescape(getUrlParametersVals()['Home_State']);
var homestr=homeAdd+", "+homeCity+", "+homeState;
var workAdd=unescape(getUrlParametersVals()['Work_Address']);
var workCity=unescape(getUrlParametersVals()['Work_City']);
var workState=unescape(getUrlParametersVals()['Work_State']);
var workstr=workAdd+", "+workCity+", "+workState;
$(document).ready(function(){
if (homestr && workstr) {
count=2;
}
else {
count=1;
}
if (count==1) {
myArray=getLatLong(homestr);
myLat=myArray[0];
mylong=myArray[1];
}
else if(count==2) {
for (i=0; i<count; i++) {
if(i==0) address=homestr;
if(i==1) address=workstr;
myArray=getLatLong(address);
alert("54: "+myArray[0]+" .. "+myArray[1]); // TypeError: myArray is undefined
//yLat=retVal[0];
//mylong=retVal[1];
//alert(myLat+": "+myLong);
}; // for
} // else
}); // ready
function getLatLong (myAddress) {
var myArray = new Array(2)
var geocoder = new google.maps.Geocoder();
geocoder.geocode({address: myAddress}, function(results) {
myLat= results[0].geometry.location.lat();
myLong=results[0].geometry.location.lng();
myArray[0]=myLat;
myArray[1]=myLong;
alert("75: "+myArray[0]+" .. "+myArray[1]); // returns correct Lat and Long
return myArray;
}); // geocoder
} // getLatLong
</script>
</head>
<body>
<div id="map"></div>
</body>
</html>
Just downloaded 1.11.4 version of jquery-ui.
Docs Say:
Basic Overview: Using jQuery UI on a Web Page
Next, open up
index.htmlfrom the downloaded zip in a text editor. You'll see that it references your theme, jQuery, and jQuery UI. Generally, you'll need to include these three files on any page to use the jQuery UI widgets and interactions:123<link rel="stylesheet" href="jquery-ui.min.css"><script src="external/jquery/jquery.js"></script><script src="jquery-ui.min.js"></script>
1<input type="text" name="date" id="date">JavaScript:
1$( "#date" ).datepicker();
Here are the pertinent parts of my code: All I can get out of this is;
3detailed error: ReferenceError: datepicker is not defined
Any help to resolve this appreciated.
Thanks R,
-
<!-- jquery-ui.css -->
<link rel="stylesheet" type="text/css" href="../jquery-ui-1.11.4.custom/jquery-ui.min.css"/>
<link rel="stylesheet " type="" href="css/health.css" />
<link rel="stylesheet " type="text/css" href="css/table.css" />
<!-- jquery.js -->
<script src="../jquery-ui-1.11.4.custom/external/jquery/jquery.js"></script>
<!--<script type="text/javascript" src="../jquery/jquery-2.1.4.js"></script> Tried this - no difference-->
<!-- jquery-ui.js -->
<script type="text/javascript" src="../jquery-ui-1.11.4.custom/jquery-ui.min.js"></script>
<tr><th scope='row'>Date</th><td class='dat'><input type='text' name='date' id='date'></td></tr>";
$("input[id='date']").click(function () {
alert("datepicker "); // OK - so .click() works
datepicker(); // datepicker not defined
});
- 18-Oct-2015 08:12 PM
- Forum: Getting Started
Trying to get sound to play when a data file can't save on backup.
Something like below but can't get <audio> to work. Please help.
-
-
function bakitup(database) {
var str='db='+encodeURIComponent(database)+'&dir='+encodeURIComponent(dir);
$.ajax({
url: 'DatabaseBakup.php',
data: str,
success: function(data) { -
- if
(data=="bad") {
$("#showMessage").empty();
<audio src="../Sounds/data_bad.wav autoplay='autoplay'></audio>
$("#showMessage").append("File was not saved");
} - }
Thanks R.
- 16-Oct-2015 03:24 PM
- Forum: Using jQuery
Hi,
Trying to declare var in 'ready' function and retrieve new set value in another inner function. Will not work!!
Will not work even if var is declared outside of the 'ready' function.
Please help in getting this to work.
- ===========
HTML ===============
<div id="who" align="center" >
<h3> Whose Health log?</h3>
<input type="radio" name="patients" id="r1" value="Polly" />Polly
<input type="radio" name="patients" id="r2" value="Rick" />Rick
</div> <!-- id-who -->
============ JQUERY/JAVASCRIPT =========
<script type="text/javascript"> -
$(function () { // ready function
var patient=""; // declaring global var
$('input[type=radio]').click(function() { patient=$(this).val() }); // produces value
$('#next').click(function () { nextRecord() });
$('#prev').click(function () { prevRecord() });
var url="healthPatientData.php";
alert('patient = '+patient); // does not show value
$.post(url, {'patient': patient}, processData, "json");
function processData(myData) {
...
- I'm trying to develop an elegant way to traverse a JSON object. The code below produces 15 records in the <div> with id="what". What I'm trying to do is show each record, one at a time, upon pressing a next or previous button. My last post here alluded to that but my solution was really bad.
I've been reading up on the next() and prev() methods and am trying to figure out how to do this using them. Do I have to do something like create a separate <div> with the same class for each record and then traverse through them with next() and prev().
-
<div class="controls">
<input type="button" name="next" class="controls-input-connect hov" id="next" value="Next" />
<input type="button" name="prev" class="controls-input-connect hov" id="prev" value="Previous"/> - </div>
- <script
type="text/javascript" >
var patient="Rick";
$(function () {
var url="healthPatientData.php";
$.post(url, {'patient': patient}, processData, "json");
function processData(myData) {
$.each(myData, function () {
$.each(this, function (key, value) {
$("#what").append(key+": "+value+"<br>"); // append
}) // each2
$("#what").append("<br>");
}); // each1
} // processData
}); // ready
- Can anyone spot my error in trying to get .click to work in the example below?
Thanks for help, R
-
THIS Code Works ..
<input type="button" name="next" class="controls-input-connect hov" id="next" value="Next" onclick="nextRecord();" />;
BUT .. This Equivelent Code DOES NOT WORK
<input type="button" name="next" class="controls-input-connect hov" id="next" value="Next"/>
<script type="text/javascript" >
$("#next").click(nextRecord);
OR $("#next").click(nextRecord() );
</script>
- 10-Sep-2015 03:09 PM
- Forum: Using jQuery
I want to access a "c" executable from my html page. ie: I want to call "helloworld" through a "javascript" function such as:
- .......
<head>
<script type="text/javascript">
function runHelloWorld() {
CODE TO CALL => /$PATH/helloworld
}
</script>
</head>
<body>
<a href="javascript:runHelloWorld()">Run Hello World </a>
</body
.......
I have seen discussions re: "network.protocol-handler.app" but all the talk and examples are regarding "Windows" with ActiveX (which I know nothing about). I use Ubuntu 14.10 with firefox.
Would appreciate if anyone could give me an example using Linux w/ jquery, php, AJAX or whatever.
Thanks,
R- 27-Jul-2015 05:40 PM
- Forum: Using jQuery
Hi,
Trying to pass two data entities in AJAX; See below CODE and ERROR.
Am I trying to do something you can't do here? Help appreciated.
R
-
$('button[name="create"]').click(
function() {
successMsgShow();
$.ajax({
type: "POST",
url: "AccountAdd.php",
data: {"mykey":mykey, $('form#acctForm').serialize()},
success: storeData
}); // ajax mykey is a var declared elseware.
})
detailed error: SyntaxError: missing formal parametererror source line:data: {"mykey":mykey, $('form#acctForm').serialize()},
-
THIS Code Works ..
-
<div class="controls">
-
- <!DOCTYPE html>
- ////////
CREATE HEADERS for Table ///////////
© 2013 jQuery Foundation
Sponsored by
and others.
- <!DOCTYPE
html>
-
- function showReturn(data) { // <========= data is returned from AJAX.
- <?php