[jQuery] Corrupt ajax requests?
Suddenly Ajax no longer seems to perform well formatted POST requests.
Consider the following call:
jQuery.ajax({
type:'POST',
dataType:'text',
url:'ajax.php',
data:({
testParamOne:1,
testParamTwo:2
})
});
And ajax.php:
[jQuery] strange behavior when using jQuery fadeOut function on element with floated element and absolutely positioned element
I am having some strange behavior with the fadeOut function. I asked about it on StackOverflow. If you want, you can see the discussion at http://stackoverflow.com/questions/735292/strange-behavior-when-using-jquery-fadeout-function-on-element-with-floated-eleme . Someone on there mentioned that this is a bug with jQuery 1.3.2 and it is not present in 1.3. I have pasted the question below in case anyone is unable to view the discussion: I am trying to use jQuery to fade out a div, using the fadeOut function. In most cases, it seems to work fine, but in certain cases, not all of the content fades out. If I have an absolutely positioned element and a floated element within the div, the fadeOut function doesn't work. If I only have an absolutely positioned element, it doesn't work. But if I have an absolutely positioned element and an unstyled element, it works. This may sound hard to explain, but you can try it yourself using this test code: http://www.w3.org/TR/html4/loose.dtd";> jQuery fadeOut test test This text should fade out. fade out test This text should fade out. fade out This text should fade out. fade out Everything seems to work fine in IE7, but in Firefox and Chrome, I am getting the strange behavior. Can anyone figure out why? Am I doing something wrong, or is it a browser bug or a bug within jQuery? You can see an example you can easily tinker with at http://jsbin.com/obipe . Add /edit at the end of the URL to be able to edit it.
[jQuery] Re: “too much recursion” error in JQuer y 1.3.2
Sorry about this. It is not a bug. I just didn't fully understand the new event bubbling behavior. You can see the solution to this problem in case anyone may find it helpful: http://stackoverflow.com/questions/639862/too-much-recursion-error-in-jquery-1-3-2
[jQuery] “too much recursion” error in JQuery 1. 3.2
I am trying to make a form with some dynamic behavior. Specifically, I
have my inputs in divs, and I would like to make it so when the user
clicks anywhere in the div, the input is selected. I was using JQuery
1.2.6 and everything worked fine.
However, I upgraded to JQuery 1.3.2 and I am getting some strange
behavior. When I click on any of the inputs, I get a delay before it
is selected. My Firefox error console gives me several "too much
recursion" errors, from within the JQuery library. I tried the page in
Internet Explorer 7 and got an error saying "Object doesn't support
this property or method".
Am I doing something wrong, or is this a bug in JQuery? Does anyone
know a way to fix this behavior, without going back to the old
version? I am using Firefox 3.0.7 in case that matters. Here is a
simple example I made to illustrate the problem:
quiz test
Favorite soda?
Coke
Pepsi
$(function() {
$(".question div").click(function() {
$(this).children("input").click();
});
});
[jQuery] Re: serializeArray problem with IE7
Hi, found the solution for my problem, surprise, surprise: form html
was invalid meaning that closing tag of form was :) FF was able
to parse DOM, IE not.
Mike, havent tested but I think that $("#editDiv
form").serializeArray() works also.
Cheers
Olli
On Dec 18, 5:30 pm, "Mike Alsup" <[EMAIL PROTECTED]> wrote:
> Just out of curiosity, does this work?
>
> var data = $("#editDiv form").serializeArray();
>
> Mike
>
> On Dec 18, 2007 7:55 AM, elias <[EMAIL PROTECTED]> wrote:
>
>
>
> > Hi, I have a following problem, FF2 works fine, IE not:
>
> > I have a form that is written dynamically on page, by dynamically I
> > mean that form html comes from ajax response like this:
>
> > function getForm() {
> > $.ajax({
> > url: actionurl,
> > data: data,
> > success: function(html){
> > $("#editDiv").empty();
> > $("#editDiv").html(html);
> > },
> > type:"POST",
> > cache:false
> > });
> > return false;
> > }
>
> > and then another function that serializes the form input fields and
> > sends data to server when #editForm is submitted:
>
> > function paSave() {
> > var data = $("#editForm").serializeArray();
> > $.ajax({
> > url: actionurl,
> > data: data,
> > success: function(resp){
> >..
> > },
> > error: function(XMLHttpRequest, textStatus,
> > errorThrown) {
> >
> > },
> > type:"POST",
> > dataType: "json",
> > cache:false
> > });
> > return false;
> > }
>
> > And it seems that with IE7 $("#editForm").serializeArray() returns
> > null, FF returns nicely data object holding form values.
>
> > Have someone else had this problem before, any help would be
> > appreciated!
[jQuery] serializeArray problem with IE7
Hi, I have a following problem, FF2 works fine, IE not:
I have a form that is written dynamically on page, by dynamically I
mean that form html comes from ajax response like this:
function getForm() {
$.ajax({
url: actionurl,
data: data,
success: function(html){
$("#editDiv").empty();
$("#editDiv").html(html);
},
type:"POST",
cache:false
});
return false;
}
and then another function that serializes the form input fields and
sends data to server when #editForm is submitted:
function paSave() {
var data = $("#editForm").serializeArray();
$.ajax({
url: actionurl,
data: data,
success: function(resp){
..
},
error: function(XMLHttpRequest, textStatus,
errorThrown) {
},
type:"POST",
dataType: "json",
cache:false
});
return false;
}
And it seems that with IE7 $("#editForm").serializeArray() returns
null, FF returns nicely data object holding form values.
Have someone else had this problem before, any help would be
appreciated!
