virt2/api/code/js/page_edit.js

91 lines
3.8 KiB
JavaScript
Raw Normal View History

$(function(){
$( "#tabs" ).tabs();
$("a#del_obl").click(function(){
$("#img-oblozhka").hide();
$("#input-oblozhka").val("");
var id = $("#input-id").val();
$.ajax({
type:'POST', // Тип запроса
url: '/act/page_edit', // Скрипт обработчика
data: 'id=' + id + '&act=del_oblozhka', // Данные которые мы передаем
success:function(data){alert('Обложка удалена');}
});
return false;
})
//загрузка ключевых слов
$("#form-load-keywords").submit(function(){
event.preventDefault();
var input_keys = $('#input_keys').prop('files')[0];
var formData = new FormData(this);
formData.append('input_keys', input_keys);
$.ajax({
type:'POST', // Тип запроса
url: $(this).attr('action'), // Скрипт обработчика
data: formData, // Данные которые мы передаем
cache:false, // В запросах POST отключено по умолчанию, но перестрахуемся
contentType: false, // Тип кодирования данных мы задали в форме, это отключим
processData: false,
success:function(data){alert('Загружено');}
});
})
/* вкладка 3 - загружаем картинки */
function readImage ( input ) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$("#div_preload").prepend('<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 col-xl-3"><img src="' + e.target.result + '" style="width:100%;"></div>');
//$('.img_ava_mod_user').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
function readImage2 ( img ) {
$("#div_preload").prepend('<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 col-xl-3"><img src="/img/pages/' + img + '_150_150.jpg" style="width:100%;"></div>');
//$('.img_ava_mod_user').attr('src', e.target.result);
}
/*сохраняем*/
$('#upload-image').submit(function(event){
event.preventDefault();
var formData = new FormData(this);
$.ajax({
type:'POST', // Тип запроса
url: '/act/page_edit', // Скрипт обработчика
data: formData, // Данные которые мы передаем
cache:false, // В запросах POST отключено по умолчанию, но перестрахуемся
contentType: false, // Тип кодирования данных мы задали в форме, это отключим
processData: false,
success:function(data){
readImage2(data);
//Сделать показ после загрузки уменьшенной картинки
},
error:function(data){
console.log(data);
}
});
});
//при изменении инпута показываем превью и отправляем на сервер
$('#input-img2').change(function(){
// readImage(this);
$('#upload-image').submit();
});
//вызываем диалог
$("#img-img2, #btn-upload").click(function(event){
$("#input-img2").click();
})
//киляем картинку
$(".a_del_img").click(function(event){
var idimg=$(this).data('img');
var id=$(this).attr('href');
$("#img_"+id).hide();
$.ajax({
type:'POST', // Тип запроса
url: '/act/page_edit', // Скрипт обработчика
data: "act=del_img&img=" + idimg + "&id=" + id, // Данные которые мы передаем
success:function(data){
//alert(data);
//Сделать показ после загрузки уменьшенной картинки
}
});
return false;
})
})