The following function runs on form submit. The code appears to process correctly, the create.php file does it's job, but I'm directed to the create.php page and stay there, so the callback function never runs.. What do I have to change to get create.php to process 'behind the scene', and to stay on the original web page, instead of being redirected to create.php?
Code JavaScript:
I've got an Ajax post that has been working fine with version 1.3.2 of jQuery, but when I tried it with version 1.4.2 it doesn't work. Specifically, the callback function is not firing when I define a variable equal to the function and then pass the post that variable.
Thus, in the following, if I call getCustList, the agent GetCustomerListSelection will run successfully on the server, but the ShowResult function will not fire. On the other hand, if I replace "ShowResult" in the post parameters with, say, "alert('You made it!')", then that works fine.
????
//////////////////////////////////////////////////////////////////////////////////////////////////////
// Define return function for AJAX
var ShowResult = function(result) {
[Code].....
I have the following in the header if index.php:
Code JavaScript:
<script type="text/javascript" src="/jquery/jqueryui/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/jquery/jqueryui/js/jquery-ui-1.8.6.custom.min.js"></script>
<script type="text/javascript" src="/jquery/jqueryui/development-bundle/ui/jquery.ui.tabs.js"></script>
<script>
[Code]...
I then delete testFile.txt and click on 'Submit' without refreshing, and this time, it does NOT create testFile.txt - and hence, my guess is that it is not calling on functions.php, and of course, alert is empty as usual.
What I want to do is this: I want to be able to click on the Submit button - without refreshing the page - and return data from functions.php and display it within a div tag on index.php What am I doing wrong to get an empty alert?
How can I check if the content type is JSON or HTML here (server can return any)?
$.post(url, params, function(data) {
if (!isDataInJsonFormat(data, this)) {
editDialog.html(data);
return;
[Code]....
I can't seem to get a variable declared from within a post callback, so that I could manipulate my script accordingly. I have delete.php, that deletes an id from a mysql db. If it fails, I want the script to stop and display the error. The .php script echos an "ok" if everything went fine, if not - it echos the error.var abort_error; // set the error variable
$.get("delete.php", { delete: $(this).parent().parent().parent().attr('id') },
function(data){
if(data != 'ok') {
[code]...
Here is my server side code:
Here is my javascript:
When i call alert(data), it says it is "undefined". i am new to jQuery, but this appears to mean that no data is being passed to the callback function even though i know the $.post() executed properly (the server side code is executing, and the other alert() tells me that it had a successful result and the callback is being made.
I'm opening a new window with window.open() In the new window a file is loaded with the following post data function:
function ajaxPost(url,data){
$.post(url,data,
function(data){
alert(data)
[Code]....
If I call this function form within the new window everything is fine
- If I call it from the opener window the callback function is broken
- only in safari - ff works fine.
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
var global_var = false;
function test_func() {
$.post("server.php", function(data){
alert("Data Loaded: " + data);
[Code]...
I use the getJSON request to fill a select (with cities names) after the user have choosen his region.
I paste some code:
The problem is that callback is never called. I used firebug and i have seen that when i change region the getJSON function is called and my script (python) return this JSON:
Why my callback is not called? I can't even get the alert ('callback time!'). I thinked that my json could be broken, but firebug net console read and parse it very well, so i think is valid JSON.
I also tried to split up the function declaration from the getJSON request, but it's no use.
I want to run an external function outside the post.
This is what I have currently.
On success of the post I want to run the setGrandTotal(); function which will do some calculating for me.
How can I post array of controls through &.post() in jQuery??I have some of checkboxs in my page and declare them like this
<input name="mycheckbox[]" "value="myvalue" type="checkbox">
I can get it works if I using <form> tag with an action="post" and a submit button to post to another php page by using this statement to get all controls in receiver's page _GET['mycheckbox'];I have tried
$.post('ajax/test.php", {checkbox: $
(
'input[name="mycheckbox"]'
)});
[code]....
I just started using jQuery, but i can't get it working. On the index.php page I want a search form, that post's to search.php. Following next, I want that the html of search.php (which will only be a table with the results), is show into the 'results' div in the index.php.
This is the code im using:
<script type="text/javascript">
/* attach a submit handler to the form */
$(document).ready(function(){
alert("Ok - 1");
[Code].....
The alert's are for debugging, but none of them show's up.
[Code]....
how do i cause the form to post to another page? Am I doing it correct? I want this to happen ONLY if validation passes.
i need to post data from a form to a page on another domain, without leaving the current page.I am using ASP as a server language.
View 9 Replies View Relatedi am relativly new to jquery and the$.getJSON method. two weeks ago i startet using$.getJSON with success.but now i have an inexplicable problem with using the function. i changed nothing in the behavior of using the method but getting now a different result. i am calling the function this way
var path = 'app.php?controller=kgr&task=savemod&action=new&tablename=kostengruppe
&start=5&kostengruppename=132&kostengruppenummer=546';
var jqxhr = $.getJSON(path, function() {
alert("success");
[Code]...
I have created a click event handler on an anchor and can reference it using $(this) just fine until I include a $.post function which processes the return data using a callback function. Once in the callback function, the $(this) no longer works.
How can I refer to the clicked anchor from within the $.post callback function? After way too long trying different combinations of things and making it work and break, I am first of all assuming that is what is going on, i.e. that once I am in the callback function, I no longer have access to $(this).
I'm using the plugin jquery-tmpl. Is there a way to specify a callback after a template is run? I want to do something like
<script id='itemTemplate' type='text/html'>
<li class="item" id=${timestampMs}>
<span class="content">${content}</span>
[code]....
Where processItem does something to the <li> element that just got generated. As it's written, though, the element doesn't exist at the time processItem is called.Here's how I run the template:
// Make the AJAX call to the service
$.ajax({
dataType: "json",
[code]....
I am looking to fade text out when the mouse passes over it and replace it with text that is faded in. My understanding is that this needs to be done through a callback, as the text needs to fade out completely before fading in. However, when I try to implement this idea the content does not fade in, so I must be doing something wrong.[code]I left the mouseout part unchanged, as that is an example of what I am changing from. What happens is that the mouseover text fades out, but the replaced text does not fade back in. Additionally, the shown text flashes before fading out if the mouse rolls over the text (as opposed to the containing box), which is not really a problem, but I am not understanding why that is happening. All works fine with hide/show. Full code can be found at URL...
View 2 Replies View RelatedIs it possible to call a callback from an anonymos function that is running as a callback itself? how would the correct code look? (i could not get that running)
If i try to animate a set of elements who match a selector, the animations will be executed on each element in some sort of a loop. how do i attach a callback that will be executed, after ALL elements have been animated instead after each element animation? is this possible at all?
I have simplified the problem - see image.[URL]I instantiate object obj1 which inturn instantiates subObj1. subObj1 is a slave to obj1. obj1 registers a handler function called method1 with subObj1 so that subObj1 can tell obj1 when it has finished.For example: call subObj1.subMethod2() to get the sub object to do something.subObj1 calls subMethod1 when its finished with its task, which inturn causes method1 to be called.
If I call method1 directly from obj1 'this' refers to obj1.However when method1 gets called by the subObj1 through the event handler mechanism,I find that 'this' has been changed to refer to subObj1.This is a problem as now method1 has lost all connection with its object obj1.If I define method1 within the 'Class1' function, I can get it to work if I use the 'var me = this;' trick, but if you have lots of methods within Class1() with further nesting this can get a bit hard to read.So, can someone tell me how to deal with 'this' changing. I.e. I want 'this' to refer to obj1 within method1.
<html>
<body>
<script type="text/javascript">
[code]....
On another note, there seems to many ways of defining methods (e.g using 'prototype' etc etc) and I gettting sick and tierd of a 'trial and error' approach to get things working. Can anyone recomend a good resourse that sets out the best way to design with javascript so I dont keep running into these issues.
What I did wrong to make this code not work. Can you put a variable in a function callback?
<script type="text/javascript">
var aaa = prompt('number?')
var obja = new Const(aaa);
functin Const(numb){
this.x=numb;
alert(obja.x);
}
</script>
I'm creating a list with buttons that show and hide some of the list elements to create the effect of scrolling. I've built an scrollList object so I can apply this to any list. When you create the object and pass it the id of the <ul> and how many items of the list you want to be displayed. It will add the scroll down and scroll up links and add an Event.observe to them (I'm using the Prototype library).
This code creates the object
var main_news_articles;
main_news_articles = new scrollList('main_news_articles', 5);
main_news_articles.init();
The problem I am having is with the callback functions of the onclick event of the links (scrollUp and scrollDown). The this keyword within these functions is refering to the link and not the object.
To try and solve this I've made the title attribute of the link the same as the variable name of the scrollList object. I can reference the scrollList object like so Code:
I have the following Javascript code
function Obj()
{
obj.squares = new Array();
}
Obj.prototype.Load= function(xdoc)
{
var goat = "head";
xdoc.ProcessNodes("squares/square", function(node)
{
alert(goat); // <-- this works fine
this.squares.push(
// do processing on node, create a square
);
});
}
Now the xdoc is another object I have, with a method called
ProcessNodes. The only important thing to know about ProcessNodes is
that it does some things, and calls its second argument (which is a
function) successively.
The problem I am running into here is once I get into the callback
function, "this.squares" is returning null ... even though it has been
initialized to an Array. For whatever reason, its like the object loses
scope when I get into the callback function. For all other intents and
purposes however, the callback function has the same scope as the
calling block (i.e. the goat variable is still accessible).
I'm experiencing with the .animate() function.What I'm trying to do is implement a wicked window scrolling method that I found here:URL...Basically I'm wanting a nested animation, ie do A first then B, so in my example, after the window has scrolled down, I then animate a div to open.. however the callback function code within the // secondary animate comments is executed twice.[code]
View 2 Replies View RelatedI don't have the exact code anymore, but it was something like this:
$('html,body').animate({
scrollTop : $element.offset().top
}, 900, function() {
$element.find('h4').eq(0).click();
});
The click in the callback function was executed twice. Version 1.6.3.
i can't callback even raise a alert.
{literal}
<script type="text/javascript">
$('document').ready(function(){
getToken();
});
[Code]....