$('#first').insertAfter('#second');
// или аналогично
// $('#second').insertBefore('#first');var dependent = document.querySelectorAll('.dep');
[].forEach.call(dependent, function(item, i, arr) {
alert(i + ": " + item + " (массив:" + arr + ")");
});var dependent = [].slice.call(document.querySelectorAll('.dep'));
dependent.forEach(function(item, i, arr) {
alert(i + ": " + item + " (массив:" + arr + ")");
});function myAjax() {
$.ajax({
/* прочие опции*/
,
success: function() {
setTimeout(myAjax, 5000);
}
});
}var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver,
config = {
attributes: true,
attributeFilter: ['style']
},
target = document.getElementById('my_id');
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
console.log(mutation.target.style.display);
});
});
observer.observe(target, config);var output = $('.fav-c-n');
$('.faname').on('input', function(){
output.text($(this).val());
});А если инпутов много, а в span нужно выводить каждый инпут на новой строке (br)?
var output = $('.fav-c-z'),
inputs = $('.ggg');
inputs.on('input', function() {
output.html(inputs.map(function(i, el) {
return $(el).val();
}).get().join('<br>'));
});$('.fav-c-z').html( $('.ggg').map(function(i, el){
return $(el).val();
}).get().join('<br>') );var mediaQuery = window.matchMedia("screen and (min-width: 855px)");
mediaQuery.addListener(myFunc);
function myFunc(mq) {
if (mq.matches) {
document.body.style.backgroundColor = '#060';
} else {
document.body.style.backgroundColor = '#900';
}
}
myFunc(mediaQuery);Trumbowyg.prototype.buildEditor = function () {
// описываем свой метод
};Предоставлю написать код для оформления заказа и отправки данных на сервер самимДанные хранятся в localStorage, поэтому обратится к ним на сервере, как, например, если бы в качестве хранилища использовались куки, не получится. Что можно сделать:
при успешной отправки заявкиЧто подразумевается под "успешной отправкой": отправка заявки, например, на почту или успешное окончание запроса после отправки данных на сервер? success отвечает за второе, а первая часть, выполняющаяся на сервере, может возвращать ответом на запрос какую-нибудь метку, в зависимости, от результата (те же
true/false). Что же касается проверки заполнения полей, то к отправке это никакого отношения не имеет. Проверку эту как раз до отправки делать нужно, ну и безоговорочно делать проверку еще и на стороне сервера.$(function() {
$('#formx').on('submit', function() {
var empty = $(':text', this).filter(function() {
return $.trim($(this).val()).length < 3;
}).length;
if (empty) {
alert('Хьюстон! У нас проблемы!');
return false;
}
$.ajax({
type: 'POST',
url: '../php/script.php',
data: $(this).serialize(),
success: function(data) {
if (data) {
$('.result').text('Ваша заявка отправлена');
}
},
error: function(xhr, str) {
alert('Возникла ошибка: ' + xhr.responseCode);
}
});
});
});action="javascript:void(null);" onsubmit="call()". Это вчерашний день, о котором вспоминать нет смысла. Хотя action с реальным адресом обработчика, можно и оставить в качестве фолбэка. Проверка полей: "Не меньше трёх символов". С этим условием, да и вообще, алгоритмом валидации, уже сами разберетесь.
$('.jq').html("Name = " + jsondata[0].name + "Nickname = " + jsondata[0].price);checkInput(). Кстати, если родительский элемент участвует только в селекторе, то смысла в обращении к нему нет, а использовать можно просто :$.fn.checkInput = function() {
$(this).filter('[check]').each(function(i, el) {
/* ... */
});
};<label>
<img src="image.jpg">
<input type="checkbox">
</label>