Как можно создать кнопку выход из сообщения, то-есть выскакивает подсказка например, вы уже подали заявку, и с боку кнопочку закрытия сделать, + чтобы это сообщение исчезло через пару секунд, и все это на js
Закрыть через пару секунд: https://learn.javascript.ru/settimeout-setinterval Выскакивает сообщение - ну либо самому наверстать, display: none, а потом из JS отображать и скрывать Код (Javascript): document.getElementById("message").style.display = "block"; setTimeout(function () { document.getElementById("message").style.display = "none";}, 2000); --- Добавлено --- P.S. Что бы не говорил @Fell-x27, но Код (Javascript): $("#message").show() мне больше по душе (это с jQuery). Тут просто как-то смотрю, в этой теме все VanillaJS пишут, ну ладно.
Чет не получается( Код (Javascript): /* Добавляем юзера методом js */ var add = document.querySelectorAll('.addFriend'); // var message = document.querySelectorAll('.msg'); var message = document.querySelectorAll('.msg').style.display = 'block'; setTimeout(function () { document.querySelectorAll('.msg').style.display = 'none';}, 2000); add.forEach(function(item, i) { add[i].addEventListener('click', function(e) { e.preventDefault(); userId = e.target.parentElement.elements.uid.value; xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange=function() { if (this.readyState==4 && this.status==200) { message[i].innerHTML=this.responseText; } } xmlhttp.open("POST", "friends?act=add&uid="+userId, true); xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xmlhttp.send(); }) }) И страница users.php код: PHP: $button_add_friend = ' <form method="POST" action="" class="addFriend"> <input type="hidden" name="uid" value="'.$uid.'"> <button type="submit" value="">Добавить</button> </form> <span class="msg"></span>';
И что эта строка делает, по твоему? Ты вообще читаешь о функциях, которые используешь? querySelectorAll вернёт NodeList, у NodeList нету свойства style, надо каждый узел в нём перебрать руками и у него уже поставить. У меня-то было getElementById, которая возвращает конкретный элемент. Включай голову, прекращай бездумно копипастить --- Добавлено --- https://developer.mozilla.org/ru/docs/Web/API/NodeList
@mkramer querySelectorAll я подумал что эта функция вытягивает class а та что у тебя вытягивает id из форм, вроде не так подумал)
Надо было прочитать. https://developer.mozilla.org/ru/docs/Web/API/Document/querySelectorAll Или по названию догадаться. Я, к примеру, эту функцию до недавнего времени только в примерах здесь на форуме видел, поскольку свои скрипты не пишу на VanillaJS, но в названии All, переводится "все", и сразу подозреваешь какой-то списочный тип, а не одиночный элемент.
@mkramer Согласен, я же о этом даже не задумался, вот например в запросе fetchall() вытащить все, вот так и сейчас ситуация)
@MouseZver Давай без приколов? я знаю что в фореме нужно указывать скрипт action="myscipt.php" а если еще и get параметры и с базы вытягиваю id что в таких случаях делают?
PHP: printf ( '<form action="/pricol.porno.php?cicbki=%s">', $result['id'] ); --- Добавлено --- вызывают скорую прыгают с бордюров забегают в ларек и кричат БОМБА АЛАХ БАБАХ
никто не тестирует, но нужно написать годный код --- Добавлено --- он отправит POST запрос по урл /pricol.porno.php?cicbki=123
Можешь мне свитч убрать и гет параметр, так будет легче создать post запрос на js ajax. А то-есть код добавления это один скрипт, код удаления это другой скрипт, ну и так далее.
Аматоры... Учитесь у тимлида как красоту писать. Код (Javascript): $(document).on('submit', '.jsPaySubm', function(event) { event.preventDefault(); var d = "my data"; $.ajax({ type: 'POST', cache: false, url: '/assets/ajax.php', dataType: 'json', data: { 'ajaxing': 'test', 'data': encodeURIComponent(d) }, success: function(result){ switch (result['error']) { default: case 1: // простая ошибка alert(result['message']); break; case 2: // ошибка с подсветкой полей if (result['fields']) { for (var i in result['fields']) { $('select[name="'+result['fields'][i]+'"]').addClass('red-border'); $('textarea[name="'+result['fields'][i]+'"]').addClass('red-border'); var Obj = $('input[name="'+result['fields'][i]+'"]'); Obj.addClass('red-border'); Obj.each(function() { var Id = $(this).attr('id'); $('label[for="'+Id+'"]').addClass('text-red'); }); } } alert(result['message']); break; } alert(result['success']); }, error: function(result){ if ((result['status']) || (result['responseText'])) { alert('Error: '+result['status']+': '+result['responseText']); } } }); });
@_ne_scaju_ если тебе это надо, то почему не пойдешь узнавать в гугл синтаксис правописания switch в ДЖАВАскрипт , чтобы после взять, уделить внимание тестам и примерам в инете и поиграть на что получится.
Ай да опять не правильно меня поняли, свитч убрать там где у меня скрипт друзей а не скрипт js --- Добавлено --- @NerdRage А при чем тут свитч в js я не пойму)
Так народ переделываю скрипт js на чистый ajax: Код (Javascript): // Добавления в друзья $(function(){ $('#friends_add').submit(function(e){ // отправка формы с ид=friends_add e.preventDefault(); // отменяем действие по умолчанию //userId = e.target.parentElement.elements.uid.value; $.ajax({ // начинается ajax type: 'post', // метод отправки данных url: 'add_to_friends', // обработчик формы data: $(this).serialize(), // собираем данные с формы cache: false, success: function(data){ // функция вывода инфы $('#friends_add_error').html(data); // выводим сообщение в блок с ид=friends_add_error } }); }); }); На странице users.php PHP: $button_add_friend = ' <form method="POST" action="" id="friends_add"> <input type="hidden" name="uid" value="'.$uid.'"> <button type="submit" value="">Добавить</button> </form> <span id="friends_add_error"></span>'; Не могу передать id юзера кому кидаю заявку в друзья(