I'm using Malsup's jQuery Form Plugin and trying to return a json object:
$('form#new_form').live('submit', function(e) {
//e.preventDefault(); // <-- important
$(this).ajaxSubmit({[code]....
Currently using: version: 2.47 (04-SEP-2010)
If I have iframe: true, my JSON response back is always:
<head></head><body>{"WEBSITE_URL":"test","ASSETTYPE_ID":0.0,"ASSET_RESULT":{"ASSET_ID":9,"ERROR":false},"ASSETTYPE":"link","NAME":"test","DESCRIPTION":"test"}</body>
Was this done for a specific reason (note the Head/Body tags)? Is there a safe way of parsing this JSON request out? Am I doing something wrong?
I'm having troubles with an existing J2EE application (which uses Dojo) and in which I'm gradually introducing jQuery. The specific issue is with the malsup Form plugin and the JSON returned from a form submission: the error callback is always called, regardless of what happens on the server side, and the error is always "parsererror". I'm using jQuery 1.4.2 and the 2.45 version of the malsup Form plugin.
For example, given the following code:
$(document).ready(function() {
var options = {
dataType: 'json',[code]....
the server receives the submission and handles it without errors, then in the browser I always get the same alert from the processAddressEditSubmitError() function, with an "Invalid JSON" message:
pStatus=parsererror
pErrorText=Invalid JSON: {"nickname":"trytrez","success":"success"}
However, the JSON looks OK for me (and http:[url]...agrees that it is valid).
I'm trying to get a return of
[
["red","green","blue"]
,["blue","red","green"]
[code]....
We're using Malsup's form plugin v2.82 and jQuery core 1.6.2. We're having issues in IE7 where, on a form with file upload, form fields are being dropped before the form is submitted to the server.We tracked it down to the `fileUpload` function, specifically line 196 where each field in the form data has `.attr('disabled',false)` run against it. If we change this to`.prop('disabled',false)` it all works fine.I don't see a clearly marked place to submit bug reports for the form plugin, and wanted to verify that others see this as well,
View 6 Replies View RelatedIt`s not working with Chrome since V.5 and it`s working in all other browsers including IE6?
View 9 Replies View RelatedMalsup's most excellent and comprehensive Form plugin has me completely stuck on just one thing.Take a look at this: http:[url]....At the bottom are a variety of submit buttons, and when you click one, it knows which one has been clicked.And I've been through the js and the source and the examples and I can't figure out how the bleep it's done!I'll tell you why I'm asking, then perhaps you can probably tell me I'm doing it wrong anyway!Let's say a blind person logs in, and want to edit their presets.I don't want the form to be too complex or clever or ajaxy, as screenreaders don't like that, so it just iterates through as many presets as they have, and populates a form with edit boxes.But there's no point "pushing back" 29 unchanged items just to edit one row.
So my idea was I'd just "fieldSerialize()" the details of the row that was currently being edited and submit that to my little php routine that updates the db. Then they can do a refresh just to hear the list again.The js looks like:
$(document).ready(function() {
$('#myForm').ajaxForm(function() {
var queryString = $('#myForm').formSerialize(); [code]....
All works fine like that. But if I change line 3 to: var queryString = $('#myForm :button').fieldSerialize(); it doesn't work. I've also tried:
'#myForm :button'
'#myForm .button'
':button'[code]....
Maybe I should just generate as many separate forms as there are presets, but then I'm going to need as many ready(function)'s as there are rows, which is going to be very messy.
I'm using 2.28 from http:[url].....I'm submitting a form using this plugin and that works fine however I use <button> tags and these do not seem to be submitting with the rest of the fields.Has anyone managed to submit a button?
View 4 Replies View RelatedI'm trying to submit a form with the jQuery Form Plugin by malsup. I'm fairly positive my code is correct because in IE8 the success function is being called and the background of the boxes are turning green. In IE7 however, The submit function is definitely working as the file is uploaded to the correct place, but the success function is not being called/fired. Any ideas as to why this might be? Do IE7 and IE8 handle this that differently? The function in the success call is just changing a checkbox and combo box background colors to green.
View 1 Replies View RelatedIn the function 'formToArray' the variable 'max' is causing a conflict in my application. The reason being that max is not explicitly defined as a var so it becomes a global variable.So IMHO:
#520 - var i,j,n,v,el;
for(i=0, max=els.length; i < max; i++) {
should be changed to
#520 - var i,j,n,v,el, max;
for(i=0, max=els.length; i < max; i++) {
I am using this plugin in order to upload pdf or excel files. I have not problem with Firefox but only with IE. Unfortunately, as I read on the forum, there is an issue concerning getting the response from the iframe, even if I can get the uploaded file. I need that functionality in order to get error messages from the server that will be displayed on the user interface. I know that it will be solved in a future version of the plugin but I wonder if there is a workaround. I made several attempts and I arrived at the point where a cross domain issue stopped me.
View 1 Replies View RelatedDoes anyone know how or if this its possible to get the response headers using the jQuery Form Plugin? I've got a success function which needs to get access to a response header I'm setting.
View 3 Replies View RelatedHow do i get response from php script called with form plugin?
View 1 Replies View RelatedThis is driving me nuts. I'm using the File Upload. It works fine in Chrome, but in FF4 and IE9 it executes the beforeSubmit, but never reaches the success, and the file never reaches the server.
[Code]...
If this is synchronous, normal json request, I can capture the result (data) and return it to a calling function.
However jsonp is not synchronous. Whilst the data IS returned, and I can view it from within the success function, but I cannot access it after that.
$.ajax({
url: remote_url,
async: false,
cache: false,
[Code]....
I am building a library of functions which call this function, so I cannot have the data processing done within the success function, I need to extract the data itself.
I have designed a form as below
<form action="https://checkout.google.com/api/checkout/v2/checkoutForm/Merchant/XXXXXXXXXXXX" id="BB_BuyButtonForm" method="post" name="BB_BuyButtonForm" target="_top" >
<input name="item_name_1" type="hidden" value="Test Product"/>
<input name="item_description_1" type="hidden" value="Test Product of my cart"/>
[Code].....
On hitting the button one new window is getting opened with response URL from 3rd party(in this case Google Checkout). But for me i need to open this in a inline-popup (lightBox, ColorBox etc...) rather than new window. In the form definition, i have replaced mymerchant_idwith 'XXXXXXXXXX' for privacy purpose
I have a html file that I want to load, loop through the json data and for each json entry I want to add a new block of the html and insert the json data into the matching div/class of the html. json looks like this:
{"Super" : [{"Name" : "John Doe", "Age" : "30"}, {"Name" : "Jane Doe", "Age" : "40"}]};
html looks like this:
<div class="Name"></div><div class="Age"></div>
So for each json entry of name/age, I want to insert that into the html, and then add another row, until all json data has been fetched. After this I want to insert all of this into #box, which is just a divthat should contain that html. Looping like this obviously does not work, since I just keep replacing the same html through the loop.
var jsonData = {"Super" : [{"Name" : "John Doe", "Age" : "30"}, {"Name" : "Jane Doe", "Age" : "40"}]};
$.each(json.Super, function() {
$('#box .Name').html(this.Name);
$('#box .Age).html(this.Age);
});
I like the tabs plugin used on the taconite (love the taconite plugin also!). It does not appear to be the jQuery UI tabs. Where can I get this plugin?
View 1 Replies View RelatedI am using the awesome malsup cycle plugin, but it seems like the sync: true option isn't working 100% synchronous. If I activate the sync option and let exactly the same images fade, a short opacity effect occurs.
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade',
sync: true,
speed: 1000,
timeout: 4000
});});
<div class="slideshow">
<img src="[URL]" width="200" height="200" />
<img src="[URL]" width="200" height="200" />
<img src="[URL]" width="200" height="200" />
<img src="[URL]" width="200" height="200" />
<img src="[URL]" width="200" height="200" />
</div>
I would like to fade some images with only few differences, and for the user it should look like only those few parts of the image change.
I installed IE9 and the jquery.media plugin from http://jquery.malsup.com/media/# stopped working on all my pages the error is SCRIPT5022: DOM Exception: INVALID_CHARACTER_ERR (5) in line 382 var o = document.createElement(a.join(''));
View 1 Replies View RelatedI need todo the following: (Fade imgs 1-17 then fadeZoom img 18 ) loop this
View 7 Replies View Relatedi'm having a small problem with getting the captions to display from a slideshow... i've got multiple slideshows on the page which i guess could be causing the problem... i'm not getting any errors, but no caption is being displayed... here is a section of my html....
<script>
$(document).ready(function() {
$('#cat_slide1').cycle({
fx: 'scrollHorz',
timeout: 0,
next: '#next1', prev: '#prev1',
[Code]...
Using the minified jQuery Cycle Lite Plugin (only 3kb) is very very attractive for the project I'm working on. I'm trying to make cuts in load time and 99% of my site would only requires the fade transition, however one area needs the 'scrollUp' effect. How hard would it be to add that effect to the Lite version of the plugin?
View 2 Replies View RelatedI have a Cycle Plugin carousel of 20 product thumbs split into 4 slides of 5 thumb images each slide. This scrolls horizontally forwards and backwards with left/right navigation. This carousel is situated below the products being displayed. The user can navigate forwards and backward through these 4 slides, however, when they pick a product to look at the carousel always resets itself back to the first slide. How can I set it so that when an image in one of the 4 slides is clicked and we move to that product's page, that slide stays active when the page loads? It's annoying to have to scroll back through the 4 slides to find the one that had the active product on it.
View 17 Replies View RelatedI have a very simple PHP script that returns JSON like this:
{"question":"What day is it?"}
And I'm trying to call it from another page using Ajax. My code looks like this:
var url = "/test.php";
$.get(url,
function(data){
$.each(data, function(i, value) {
alert(value);
}, "json"
);
});
When I run it I get each character printed out one at a time in a separate alert. And then when I used this line of code:
alert(typeof data);
It tells me that 'data' is a string. Shouldn't it be a JSON object?
I don't quiet understand how to require a valid email address to be entered into a particular field.
There is documentation for what I wish to achieve here[code]...
But I'm having trouble understanding it.
For a start, I can't quiet tell from examining the demo how a particular field is required to have a valid email address.
I can't tell how the script picks up which particular fields are required to have which rules.