JQuery :: Getting Null Results After Function Call
Apr 15, 2010
I'm using JSON/jQuery to pre populate a drop down menu. What I want to do, is once I select a plan from the drop down menu and click submit (go button), to get the details about the plan. The drop down menu get's pre populated, but I don't get anything after clicking go. I check the functions and it seems that in the DoPlanSearch() I get the alerts showing the newly constructed URL that gets me the correct JSON. But not sure what happens once the data is processed after that. I say this, because my alert statement in the DoPlanSearchCompleted(data) gets me NULL data.
I'm just getting started with this, I'm not exactly sure what's the best approach. Also, I'm not sure the way .JSON files is setup here works, it does on my Dev server though.
Code has line: function DoPlanSearchCompleted(data)
It should read function UserPlanSearchCompleted(data). The same problem though exists.
The general framework is a simple user login function. The user name is selected and a password entered as usual. The function grabs the element values and passes them to a php page that queries the database. An AJAX call returns the password to the function and then I want the innerHTML to be a choice of two web pages, depending on success or failure of validation. There are existing AJAX functions available on the internet but they are overly complicated for what I think should be a simple, quick to load function.
Where I am stuck is that the standard procedure to make an AJAX call is the browser window event. How do you make the call from within the function? I have tried creating two new variables, "success" and "again" to replace xmlhttp, but still stumble on the event to assign a value. I left the blank password protection (if statement) with that variable to demonstrate what I mean.
I've put in my code below, which is in development and successfully alters the innerHTML text depending on user input but I can't figure out how to insert the relevant php page. I have '// out' the testing bits, but left them for info. (I have tried full 'scripting' as the innerHTML, but it's messy.)
In the code below I am trying to show the echo statement from a php file. The ajax call works when I use the alert(), but I am trying to put it in a div tag but not working.
I am trying to use a $.post call in jQuery to check a user's credentials before submitting a form (so I can show errors without reloading the page), but I've run into a problem. I know why it is, because AJAX is not synchronous, but I just can't figure out how to do it.
In my code the script I'm making the call to returns "valid" or "invalid". If the return is "valid", I want to submit the form, if not, show an error message. Here is a simplified version:
$("#my_form").submit( function () { some_value = "username" $.post(script_location, {data : some_value}, function (data) { response = data
[Code]...
This obviously does not work because code is executed quickly one after another and the variable "response" is not yet set when the execution gets to the if statement, since it is set sometime later, asynchronously.
I looked into using functions, callbacks, but nothing seems to work properly, I always run into the same issue. This is probably really simple, i just a complete dunce, please do let me know what is the standard way of doing this properly.
I have a jQuery script which works fine online, but when it comes to testing locally I get this error on the 2nd line of code: Uncaught TypeError: Cannot call method 'hide' of null So, that means I'm trying to call a method on something that doesn't exist, or is set to null. But I'm trying to call the method on anything with the class menu. And there are divs with the class menu on my page. The script runs fine on several other pages, so it must have something to do with this page in particular, but I have no idea why...
I've put up the page online, but I don't have a direct link to it because it's a live site. You can see the code working here: The Pilot, and the offending page is here: The Gallery.
I've got a page that lists a bunch of info in a large table. In each row is a link, and when that link is clicked on, an ajax call fires that returns detailed info on the item in that row. I usually display the html just to the right of the table, but the table has gotten too large. I need to display the info in a pop up now. The only thing is, how do I get the results of my ajax call into a pop up window? I've been having an awful time getting this to work.
I'm using JQuery to make the ajax call, what can I put in my success of complete event to create the pop up using the data the ajax call returns?
Today I've tried to create simple hover effect on a <div>: if the cursor is over the box, the background-image css property of the div is modified. On the HTML side, a <div> with an id:
<button onClick="return popup('<span onClick='selectShape(1, 1, 1)'>test<span>');" tabindex=Ɖ' onFocus="setFocusColor(0,3)">....</button> This will work perfectly, but as soon as I need to pass Strings inside the selectShape function, I get stuck.
So the question is, how can I create the following and have it working
I'm wanting a table cell click event to remove and replace the table it was clicked on, however I'm finding that as it's deleting the original table object the actual running event code is being replaced and the function is bailing.how I can call the delete/refresh function from outside the event's function scope?
I have just started learning JQuery and have a doubt in the below code. $.get('myhtmlpage.html', myCallBack);The doubt is should the 1st parameter of the get function be a HTML file or can it be a unction name?
I have a real perplexing issue. In two separate "projects" I had code that displayed checkboxes - when clicked, they would fetch information from a db and display it in the div below. I had code that displayed a jquery date-picker - when clicked, it would fetch information from a db and display it in the div below. My issue comes with this:
Why this simple script is not working. Trying to use getElementById() but Firebug says the ID is null. I've tried troubleshooting by accessing other ID's but they all come back 'null'. Trying to add 2 classes based on an ID: <script> pageId = 1; if(pageId == 1) { //alert('This is page' + pageId); document.getElementById('arta').setAttribute("class", "menu-on menu-a"); } <./script>
An online example is here: [URL]. I also tried accessing the id like below but got the same result: document.arta.setAttribute('class', 'menu-on menu-a');
I have a program that calculates change and added a function to determine what currency that should be dispensed based on the change.Right now with my code as is, the calculate change portion works, also if I manually enter a value into the change field it will calculate the currency to be dispursed. My problem is I can't get it to read the value passed to the currency field from the calculate change portion. Here is my code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="Content-Script-Type" content="text/javascript">
function getParentElementByTagName(child, TagName){ var cn; if (child.parentElement){ cn = child.parentElement; if (child.parentElement.tagName == TagName){ return cn; }else{ getParentElementByTagName(child.parentElement, TagName); }}}
although it finds the element, the function returns null ( on the line 'return cn', cn is not null though). Is my algorithm wrong ?
Here's the problem: I have several hidden divs containing information. When you click on a link, javascript executes which is supposed to move the appropriate info from one of the hidden divs into the visible 'body' div. The javascript isn't working, though, and I'm getting 'undefined' instead
I'm calling a ajax function that brings back the results, it works fine the first time i call the ajax function but if i call it again nothing get's updated.here is ajax function in search.php (This is just an example - to keep it simple i'm only passing a random number)
Code: function searchUsers() { var iamt = document.getElementById('sGender').value;
Whenever i try to use this function it gives me either -NaN, or undefinedwhat am i doing wrong? The objective of these functions are to change x and y coordinates into SAN (Simplified Algebraic Notation) for use in the Chess Game's DataFile (PGN file format).Live Running DHTML App:http://daomingjin.googlepages.com/ChessManager.html140kb Zip-Archive:http://daomingjin.googlepages.com/ScoreMatev1.ziphere are the functions in Question:
function XCoordToSAN(x) { // Convert the x coordinate of the piece to partial SAN (Simplified Algebraic Notation)
I'm getting an error message that says that my function is null or undefined. I figure it' something simple, like maybe a ( instead of {, but I can't seem to find it.
Here's the script from the header: Code: <script type="text/javascript"> var time = new Date(); var dayNight = time.getHours(); function displayImage() { if (dayNight >= 9 && dayNight <= 14) { .....
And from the body: Code: <body onload="displayImage()"> <div> <img id="highlights" src="" alt=""/> </div> </body>
For some reason i'm getting the error of "length is null". Which is from this. function display_form(id) { //Create some variables var html = ""; var container = "form_container"; var menu = load_menu(id, false);
//Get id for ( var i = 0; i < menu.length; i++ ) { alert(i); }
Here is the function: function load_menu(menu, return_d) { //Availible menus var data = []; data [ 'login' ] = [ 'Login', 'Register', 'Recovery' ]; data [ 'settings' ] = [ 'Profile', 'Account', 'something' ];
if (return_d == false) { return data[ menu ]; } else { //Menu container ID's var cons = Array('menuitem1','menuitem2','menuitem3');
for ( var i = 0; i < cons.length; i++ ) { document.getElementById(cons[i]).innerHTML += data[ menu ] [ i ]; }}}
