forked from leftypol/leftypol
js/ajax.js: post with ajax
This commit is contained in:
parent
fd5300a49e
commit
00833eeafd
5 changed files with 119 additions and 2 deletions
93
js/ajax.js
Normal file
93
js/ajax.js
Normal file
|
@ -0,0 +1,93 @@
|
|||
/*
|
||||
* ajax.js
|
||||
* https://github.com/savetheinternet/Tinyboard/blob/master/js/ajax.js
|
||||
*
|
||||
* Released under the MIT license
|
||||
* Copyright (c) 2013 Michael Save <savetheinternet@tinyboard.org>
|
||||
*
|
||||
* Usage:
|
||||
* $config['additional_javascript'][] = 'js/jquery.min.js';
|
||||
* $config['additional_javascript'][] = 'js/ajax.js';
|
||||
*
|
||||
*/
|
||||
|
||||
$(window).ready(function() {
|
||||
var setup_form = function($form) {
|
||||
$form.submit(function() {
|
||||
var form = this;
|
||||
var submit_txt = $(this).find('input[type="submit"]').val();
|
||||
if (typeof FormData == 'undefined')
|
||||
return true;
|
||||
|
||||
var formData = new FormData(this);
|
||||
formData.append('json_response', '1');
|
||||
|
||||
var updateProgress = function(e) {
|
||||
$(form).find('input[type="submit"]').val(_('Posting... (#%)').replace('#', Math.round(e.position / e.total * 100)));
|
||||
};
|
||||
|
||||
$.ajax({
|
||||
url: this.action,
|
||||
type: 'POST',
|
||||
xhr: function() {
|
||||
var xhr = $.ajaxSettings.xhr();
|
||||
if(xhr.upload) {
|
||||
xhr.upload.addEventListener('progress', updateProgress, false);
|
||||
}
|
||||
return xhr;
|
||||
},
|
||||
success: function(post_response) {
|
||||
if (post_response.error) {
|
||||
alert(post_response.error);
|
||||
$(form).find('input[type="submit"]').val(submit_txt);
|
||||
$(form).find('input[type="submit"]').removeAttr('disabled');
|
||||
} else if (post_response.redirect && post_response.id) {
|
||||
$.ajax({
|
||||
url: post_response.redirect,
|
||||
success: function(data) {
|
||||
console.log(data);
|
||||
$(data).find('div.post.reply').each(function() {
|
||||
var id = $(this).attr('id');
|
||||
if($('#' + id).length == 0) {
|
||||
$(this).insertAfter($('div.post:last').next()).after('<br class="clear">');
|
||||
$(document).trigger('new_post', this);
|
||||
}
|
||||
});
|
||||
highlightReply(post_response.id);
|
||||
document.location = '#' + post_response.id;
|
||||
|
||||
$(form).find('input[type="submit"]').val(submit_txt);
|
||||
$(form).find('input[type="submit"]').removeAttr('disabled');
|
||||
}
|
||||
}, 'html');
|
||||
|
||||
$(form).find('input[type="submit"]').val('Posted...');
|
||||
} else {
|
||||
alert(_('An unknown error occured when posting!'));
|
||||
$(form).find('input[type="submit"]').val(submit_txt);
|
||||
$(form).find('input[type="submit"]').removeAttr('disabled');
|
||||
}
|
||||
},
|
||||
error: function(xhr, status, er) {
|
||||
// An error occured
|
||||
// TODO
|
||||
console.log('Error');
|
||||
},
|
||||
// Form data
|
||||
data: formData,
|
||||
cache: false,
|
||||
contentType: false,
|
||||
processData: false
|
||||
}, 'html');
|
||||
|
||||
$(form).find('input[type="submit"]').val(_('Posting...'));
|
||||
$(form).find('input[type="submit"]').attr('disabled', true);
|
||||
|
||||
return false;
|
||||
});
|
||||
};
|
||||
setup_form($('form[name="post"]'));
|
||||
$(window).on('quick-reply', function(e, quickForm) {
|
||||
setup_form($('form#quick-reply'));
|
||||
});
|
||||
});
|
Loading…
Add table
Add a link
Reference in a new issue