На примере самого примитивного действа — вывести при помощи плагина текст в определенное место.
html:
<div id="capcha" name="capcha"></div>
javascript:
jQuery.fn.Capcha = function(options) {
// воспользуемся расширением extend чтобы иметь "настройки по умолчанию"
var settings = $.extend( {
'caption' : 'Заголовок по умолчанию'
}, options);
console.log(settings);
// не посредственно работа плагина
this.html(settings.caption);
return this;
};
$(function() {
$("#capcha").Capcha({
caption: "Hello World!"
});
});
Задача: сохранить файл на сервер без обновления страницы. Т.е. при помощи ajax
Решение:
Клиентская часть:
<h1>Отправка сообщения в техподдержку</h1>
<div id="snd">
<form id="data" method="post" enctype="multipart/form-data">
<textarea id="tehtxt" name="tehtxt" class="form-control" rows="3" placeholder="Сообщение для техподдержки"></textarea>
<br/>
<input name="image" type="file" />
<br/>
<button class="btn btn-success" id="buttonsendteh">Отправить сообщение</button>
</form>
</div>
<br/>
<script>
$("form#data").submit(function(e) {
e.preventDefault();
var formData = new FormData(this);
$("#buttonsendteh").hide();
$.ajax({
url: "index.php?route=/controller/server/sendtoteh.php",
type: 'POST',
data: formData,
success: function (data) {
$("#snd").html(data);
ListSbssMessages();
$("#buttonsendteh").show();
},
cache: false,
contentType: false,
processData: false
});
});
</script>
Серверная часть:
$tehtxt=mysqli_real_escape_string($sqlcn->idsqlconnection,$_POST["tehtxt"]);
$prc="";
if (isset($_FILES['image'])==true){
$orig_file = $_FILES['image']['name'];
$userfile_name = GetRandomId(8) . '.' . pathinfo($orig_file, PATHINFO_EXTENSION);
$src = $_FILES['image']['tmp_name'];
$res = move_uploaded_file($src, WUO_ROOT."/files/".$userfile_name);
$prc="Прикрепленный файл: $userfile_name";
};
А именно Jquery, Bootstrap, JqGrid и т.п. Ну например так:
console.log(jQuery.fn.jquery);
console.log($.ui.version);
console.log($.jgrid.version);
console.log(jQuery.mmenu.version);
console.log($.fn.tooltip.Constructor.VERSION);
Казалось бы, что тут такого? В таблице строго число, разделенное точкой, а сортирует.. Какие-то колонки нормально, какие-то не пойми как. Проблема решается только если четко сказать плагину, какие колонки числа. Например так:
$("#sortable_table").tablesorter({
headers: {
1: { sorter: 'digit' },
2: { sorter: 'digit' },
3: { sorter: 'digit' },
4: { sorter: 'digit' },
5: { sorter: 'digit' },
6: { sorter: 'digit' },
7: { sorter: 'digit' },
8: { sorter: 'digit' },
9: { sorter: 'digit' },
10: { sorter: 'digit' },
11: { sorter: 'digit' }
}
});
Вот одно из решений:
$('<div></div>').appendTo('body')
.html('<div><h6>Вы убеждены?</h6></div>')
.dialog({
modal: true,
title: 'Удалить всё?',
zIndex: 10000,
autoOpen: true,
width: 'auto',
resizable: false,
buttons: {
Yes: function () {
$(obj).removeAttr('onclick');
$(this).dialog("close");
},
No: function () {
$(this).dialog("close");
}
},
close: function (event, ui) {
$(this).remove();
}
});
Навигация по записям
Жизнь замечательных грибов