Response title
This is preview!
- Screen name: wittner2
wittner2's Profile
6 Posts
9 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- I am sending a post request to a JSON api. If I test the remote script using PostMan (the Chrome extension), the results are perfect. However, when I try to manually post to the script using the following code:
-
$('#whateverPage').on( 'pagebeforeshow',function(event){
var myApi = 'http://api.domain.com/make';
$.post(myApi,
{
fname: "Kurt",
lname: "Vonnegut",
password: "kilgoretrout",
email: "foma@grandfaloon.com"
},
function(result){
$("#resultDisplay").html('<p><br><strong>Result: </strong>' + result.foma + '<br><strong>').trigger("create");
}, "json");
});
The api script lists all the required fields and tells me that I have not POSTed them. What could be the difference between my script and whatever PostMan sends?cheers,Wittner- jQuery 1.8.1jQuery Mobile 1.1.1Developing for Android and IOSHi,3 days with no solution for this. It's driving me nuts. Firstly, I have tried pageshow, pageinit, and .live .on .bind etc. to no avail. My problem is, my app has the following html code in my services.html page with an id of 'servicesPage':
- <a id="purchase_button" href="#" data-role="button" data-icon="plus">Make a test purchase</a>
a JavaScript script in included in the head of the document which includes the following:- // JavaScript for the services page$( document ).delegate("#servicesPage", "pageshow", function() {$( "#purchase_button" ).live( "click", function(event, ui) {var localUuid = localStorage.getItem("id");$.post("http://www.blah.com/mobile/make_a_test_purchase", { id: id},function(data){alert('A purchase has been successfully made');}, "json");});});
So, in any of my browsers this works perfectly well, when I compile out with PhoneGap Build it works perfectly with Android but no matter what I try it won't work on iPhone. Sometimes, a version of the code will fire my event once but not subsequently. Is it my imagination or should this be relatively simple to do? Any help appreciated as this is driving me crazy! I should say that other cross domain post requests are working fine on IOS and are returning data for a login and registration which typically only have to be done once. The 'purchase' function needs to be able to be repeated over and over as a test,cheers,Wittner- 06-May-2011 07:43 AM
- Forum: Getting Started
Hi,I'm using .load to load a snippet of code into a div on a page. This works fine, but IE won't show the div if there is any JQuery, or indeed and sign of <script></script> tags. The snippet I'm loading contains a form with a from/to date and needs some form validation, all of which I wish to use JQuery for, for instance:- <script>
- // Date picker
- $(function() {
- $( "#arriveDate" ).datepicker({
- dateFormat: "dd/M/yy"});
- $( "#departDate" ).datepicker({
- dateFormat: "dd/M/yy"});
- });
- </script>
Putting this script anywhere in the main body of my html page means that JQuery can't see the fields which eventually get loaded into the waiting div on the same page (even when using $(document).ready ). The field seems to be too deep in the DOM and loading too late for JQuery to see it. Anyway, this is why I want to include it at the top of the loaded html snippet. Is IE known to have a problem with scripts in .load-ed snippets? p.s.The reaction of IE is just to show a blank div.any help appreciated,cheers,Wittner- 12-Jul-2010 10:49 AM
- Forum: Getting Started
Hi,
I'm using the following code (simplified version) to call a Json file, parse it and on each iteration, create a div with an ID of "tab". I'm using this with jQuery UI .tab() to create a listing with entries which have three tabs. Anyhow, the principle seems to work except that when I examine what's happening behind the scenes using Firefox console, I see that each href in the html code produced is causing the Json function to re-fire using the href as it's url target. Seems really strange behaviour to me but I'm just a newbie at this. Can anyone help with this please. I'm including my code plus a url where you can check the behaviour for yourself,
many thanks,
Mike
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Search page</title>
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.2.custom.css" rel="stylesheet" />
<link type="text/css" href="main.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script>
function initialize() {
// Set vars for incoming file
var url = 'http://www.corporaterentalsbenelux.com/crbsearch/example.json';
var propInfo = '';
$.getJSON(url,function(json){
$.each(json.data,function(i,item){
propInfo += '<div class="tabs"><ul><li><a class="tabheader" href="www.hello.com">Intro</a></li><li>More information</li><li>Photo album</a></li></ul><div id="intro'+item.title+'"><h3>'+item.title+'<p>'+'</p></div><div id="more'+item.title+'"><p>info here</p></div><div id="photos'+item.title+'"><p>info here</p><p>info here</p></div></div>';
});
$("#results").html(propInfo);
$(".tabs").tabs();
});
}
</script>
</head>
<body onload="initialize()">
<div id="results">results here...</div>
</body>
</html>
Test file without .tab() function
Here is a link to the test file (with the .tab() function included) - note in your console the extra calls to the json file:
Test file with .tab() function
- Hi,
I'm a newbie to JavaScript and JQuery. I'd like to know if, when I load some data (in my case a table of data from my db) into a div using JQuery's .load command, is that table (and it's locally created wrapper div) completely unaware of the parent div into which it loads on the original calling page?
My mental picture of what's happening is that my main html page plus the loaded page are now all part of the one Document Object but I'm beginning to think that this is a flawed picture (especially after reading the sticky post about binding) I'm trying to figure out where to put snippets of JQuery that I need for instance on the .loaded content page. If any of that makes sense I'm looking for a gentle nudge in the right direction from someone with more experience. Some code below to illustrate what I'm doing:
p.s. in case it makes any difference, this is a new, existing application which I've written using the CodeIgniter pattern and php. I want to 'JQuery'-ize the application. If I can get all of these things to work together I'll be a very, VERY happy bunny as I love both technologies!<script type="text/javascript">
/* Load html to div */
$(document).ready(function () {
$(function(){
// Tabs
$('#navTabsMain').tabs();
});
$('#navTabsMain a').click(function() {
var divId = $(this).attr('id');
var divTarget = $(this).attr('source');
$('#div' + divId).load(divTarget);
});
});
</script>
<!-- Properties listing view -->
<div id="leftnav" class="leftnav">
</div>
<div id="mainnav" class="mainnav">
<!-- Tabs -->
<div id="navTabsMain">
<ul>
<li><a id="Home" href="#divHome" source="index.php/owners/blah">Home</a></li>
<li><a id="Tools" href="#divTools" source="index.php/owners/blah">Tools</a></li>
<li><a id="Queries" href="#divQueries" source="index.php/enquiries">Queries</a></li>
<li><a id="Sales" href="#divSales" source="index.php/owners/blah">Sales</a></li>
<li><a id="Customers" href="#divCustomers" source="index.php/owners/blah">Customers</a></li>
<li><a id="Availability" href="#divAvailability" source="index.php/owners/blah">Availability</a></li>
<li><a id="Property" href="#divProperty" source="index.php/owners/ajax_owners_list">Property</a></li>
<li><a id="Owners" href="#divOwners" source="index.php/owners/blah">Owners</a></li>
<li><a id="Locations" href="#divLocations" source="index.php/locations/blah">Locations</a></li>
<li><a id="Reports" href="#divReports" source="index.php/owners/blah">Reports</a></li>
</ul>
<div id="mainBody">
<div id="divHome"></div>
<div id="divTools"></div>
<div id="divQueries"></div>
<div id="divSales"></div>
<div id="divCustomers"></div>
<div id="divAvailability"></div>
<div id="divProperty"></div>
<div id="divOwners"></div>
<div id="divLocations"></div>
<div id="divReports"></div>
</div>
</div>
</div>
- Hi,
As a recent convert to jQuery I'm getting to grips with the jQuery autocomplete plug-ins which are available. I thought I'd replace some of my combo boxes with these as they'd be very useful and make life easier for my users.
I can understand how they work and how the values returned can be passed on via my forms, however, whilst I'd like my users to see meaningful results in the list of the autocomplete, I would like to pass on an ID for that field entry during form submission, rather than the friendly data which they see. Is there a way to show users 'friendly' information but pass on the ID to the submission script?
Any help or pointers in the right direction appreciated!
cheers,
Wittner- «Prev
- Next »
-
Moderate user : wittner2
© 2012 jQuery Foundation
Sponsored by 
and others.
