Search the Community

Возникли сложности с созданием нестандартной формы в конструкторе сайтов, может кто-то сталкивался с такими проблемами? Как решать такие проблемы в конструкторах по типу Lp Motor и Tilda(есть блок html есть куда вставить css, ну и соответственно есть возможность вставлять скрипты js), что использовать и как отправлять формы на почту в такой ситуации?

Очень нужен фильтр товаров на ajax без БД. В интернете нашла подходящий пример. Могу провести всю рутинную работу (коей очень много) по наполнению фильтра. Есть проблемы: 1. не знаю, как проверить его на ошибки, и 2. не знаю, как встроить в сайт Прошу провести эти две работы. Для заинтересованного программиста пришлю более подробное описание ТЗ

Интернет-маркетинговое агентство Top-Life. Мы ищем в команду Junior Web разработчика. Что мы ожидаем от кандидата: Навыки HTML5, CSS3, JavaScript; Знания PHP5-7‚ MySQL‚ jQuery, ajax; Опыт в верстке; Наличие опыта разработки и знание различных CMS (1С Битрикс, UMI, ModX, WordPress и другие) будет плюсом; Опыт работы и наличие портфолио приветствуется; Умение и желание работать в команде; Аккуратность (осмысленность) в работе. Задачи, которые вам предстоит решать: Современная адаптивная кроссбраузерная верстка (HTML5+CSS3); Применение готовой верстки к CMS (1С-Битрикс, Wordpress); Условия: Оформление по ТК РФ Заработная плата: от 20 000 до 40 000 руб; График работы: 5/2 с 10.00–19.00, обед с 14.00–15.00; На территории работодателя; Молодой‚ профессиональный коллектив; Корпоративные мероприятия; Чай, кофе и печеньки с нас; Мы даем возможность не просто работать‚ а создавать и развиваться. Для связи: Антон тел: 8(981)897-42-46 mail: a.majstrenko@top-life.su hh: https://spb.hh.ru/vacancy/30397980

Здравствуйте дорогие форумчане! Сделала всплывающую форму обратной связи на своем сайте, все работает,нормально, вот только после отправки письма форма не закрывается, нужно нажимать на крестик для закрытия. Как сделать так , что бы после успешной отправки форма сама закрывалась.Если кому не трудно подскажите ПОЖАЛУЙСТА. P.S в js не буб бум. Вот форма: <div class="popup"> <div class="popup-dialog"> <div class="popup-content"> <button class="popup-close"> &times;</button> <form class="top" action="smart.php" method="POST"> <h4>Submit your application</h4> <label for="name"> Your name<input type="text" name="name" value="" placeholder="name"></label> <label for="emeil"> Your e-meil<input type="text" name="e-meil" value="" placeholder="emeil" required></label> <label for="phone">Your Phone<input type="text" name="phone" id="phone" value="" placeholder="phone"></label> <textarea name="comment" id="comment-field" rows="4">comment</textarea> <button class="button-block button-btn" type="submit"> to order</button> </form> </div> </div> </div> Вот скрипт отправки: $('form').submit(function(event) { event.preventDefault(); var th = $(this); $.ajax({ type: "POST", url: "smart.php", data:$(this).serialize() }).done(function() { $(this).find("input").val(""); alert("Спасибо за заявку!"); $("form").trigger("reset"); }); return false; }); И на всякий случай скрипт всплытия окна $(document).ready(function() { $('.popup-btn').on('click', function (event) { $('.popup').fadeIn();// к тому что нужно показать, fadeIn с анимацией }); $('.popup-close').on('click', function (event) { event.preventDefault(); $('.popup').fadeOut(); }); })

подскажите пожалуйста, что нужно сделать чтобы получить возможность использовать базу городов от КЛАДР? она выложена в общий доступ, но обратиться через ajax к ней невозможно потому что браузеры не разрешают кроссдоменные запросы когда бэкенд пишешь сам, то сам же и настраиваешь отдающий сервер в соответствии с CORS, но здесь не тот случай. однако, думаю, большинство разработчиков тянут данные из КЛАДР при помощи ajax. и.... я тоже хочу пока только придумал установить в хром расширение. но это временная мера - только для этапа разработки.

Ребята есть вот такая форма, помогите написать для нее форму отправки без перезагрузки страницы, или дайте ресурс хороший почитать про это

Добрый день. Есть форма(опросник), переменных на 200, подскажите как можно ее заполнить на компьютере1, и открыть на компьютере2 уже заполненную? Может быть есть человеческий способ, решения данной проблемы? Вижу только вариант 1)сохранить все переменные в mysql 2)на втором компе вытащить из БД 3)воссоздать страницу HTML через echo( куча чекбоксов с oncliсk показывающими дивы, которые замучаюсь переписывать с block на none и наоборот).

Здравствуйте. Мучаюсь не первый день с такой проблемой. Есть jquery, есть модальная форма, сначала мне нужно выполнить GET запрос на сервер, и в зависимости от того, что сервер ответит решить можно ли открывать форму или нет. Если использоваться асинхронный запрос, то понятно, что форма откроется в любом случае. А если использовать синхронный то всё хорошо, но консоль браузера ругается, что я не правильно поступаю и мои методы Deprecated. Как сейчас правильно поступать в современных тенденциях? Для понимания что я хочу, изображу это примерно так: function getAccess(){ ... запрос GET на сервер return ответ } function showModalWindow(){ если getAccess() то открываем форму } Не представляю как это вырулить асинхронно

помогите пожалуйста получить ответ от ajax-запроса в angular2 вот код сервиса: import { Injectable } from '@angular/core'; import { Http } from '@angular/http'; import { Observable } from 'rxjs/Observable'; @Injectable() export class RecordsService { constructor(private http: Http){ } getRecords(dateBeginUnix, dateEndUnix): Observable<any> { console.log(dateBeginUnix, dateEndUnix); let result = this.http.get('http://127.0.0.1:8000/days/' + dateBeginUnix + '/' + dateEndUnix); console.log('result', result); return result; } } вот код компонента(сокращённый): export class PanelComponent implements OnInit { constructor(private recordsService: RecordsService) { } private modelDateBegin: Object; private modelDateEnd: Object; private records: Object; private data: Object; displayStatistic() { this.recordsService .getRecords(this.modelDateBegin['epoc'], this.modelDateBegin['epoc']) .subscribe(data => this.records = data.json()); } } в сервис передаются 2 переменные: this.modelDateBegin['epoc'], this.modelDateBegin['epoc'] в них содержатся временные метки в юникс-формате. на основе этих меток бекенд выдаёт результат в виде json. проблема только в том, что в функции subscribe не происходит получение и присваивание полученного результата. соответственно я не могу результат отправить в шаблон для вывода при этом в консоли нет сообщений об ошибках. а выводится следующее: result Observable {_isScalar: false} ps: если в компоненте я заменяю строку: .subscribe(data => this.records = data.json()); на такую: .subscribe(data => this.records = data); , то в this.records следующее: содержится следующее: Response with status: 200 OK for URL: http://127.0.0.1:8000/days/1498856400/1498856400

помогите пожалуйста решить проблему с кроссдоменным запросом. я расположил бекенд на одном сервере, а фронтэнд на другом. теперь при помощи ajax-запроса фронтэнд-скрипт не может получить данные из бекэнда вот адрес, по которому можно получить данные: http://zlodiak.pythonanywhere.com/days/1497104260/1497968260 тут лежит мой скрипт, который отправляет ajax-запрос по вышеуказанному адресу. ajax-запрос отправляется после того как пользователь в первом датепикере выбирает дату '2017-06-01', а во втором датепикере выбирает дату '2017-06-30'. затем нажимает кнопку субмита в результате консоль говорит о том, что кроссдоменный запрос не разрешён: я пробовал располагать на одном сервере и фронтэнд, и бекэнд. при этом всё описанной проблемы не было и связка работала без проблем. но мне нужно чтобы фронтэнд и бекенд находились именно на разных серверах

Здравствуйте. У меня есть необходимость сделать две функции, одна для загрузки определенных данных, а вторая для работы с ними. Пример: var response; function getSomeStuff () { $.get(url, function (data) { response = data; }) } function useResponse () { // работаем с переменной response } getSomeStuff(); useResponse(); Проблема в коде выше - во время запуска функции useResponse get-запрос еще не завершится, соответственно response будет undefined. Как заставить код выше работать, не помещая вызов функции useResponse внутрь функции success?

Доброго времени суток! Реализую методом ajax, загрузку записей категорий. Столкнулся с проблемой шорткодов. В записи выводятся фотографии компонентом media grid от визуала. при обработке ajax на странице выводится просто шорткод, к тому же с замененныем кавычками: [vc_row][vc_column][vc_media_grid element_width=»3″ gap=»35″ grid_id=»vc_gid:1477958173551-25426be9-2e19-10″ include=»2004,2013,2012,2011,2008,2007,2006,2005,2003,2002,2001,2000″][/vc_column][/vc_row] пробовал на вывод ставить просто do_shortcode('[vc_media_grid element_width="3" gap="35" grid_id="vc_gid:1477958173551-25426be9-2e19-10" include="2004,2013,2012,2011,2008,2007,2006,2005,2003,2002,2001,2000"]'); Так же не проходит обработка. Есть предположение что раз фото подгружаются так же ajax и из за этого собственно проблемы. Со стандартной WP галерей проблем нету. Шорткод проходит! Может кто сталкивался, прошу помощи коллеги!) Спасибо! Активен

Привет всем. Помогите, пожалуйста, разобраться. Задача следующая : после того, как пользователь заполнит и нажмет на кнопку отправки формы, должно появится модальное окно с текстом "Спасибо" и форма отправится на почту. Искал в сети примеры, но ничего так и не заработало. Последний вариант, на котором остановился, как самый простой. Есть форма <form id="ajaxform" action="" class="promo__form" name="mail" method="post" ectype="text/plain"> <p> <input placeholder="имя" name="name" class="input" required="required" type="text"> <input placeholder="телефон" name="phone" class="input pull-right" required="required" type="text"> </p><input name="submit" value="узнать подробности" class="custom-button" type="submit"> </form> Здесь взял плагин http://malsup.com/jquery/form/ и подключаю его (в конце страницы, если это имеет значение) <script src="js/jquery-2.1.3.min.js"></script> <script src="http://malsup.github.com/jquery.form.js"></script> Есть обработчик <?php header("Location: {$_SERVER['HTTP_REFERER']}"); if($_POST['submit']) { $name = substr(htmlspecialchars(trim($_POST['name'])), 0, 1000); $phone = substr(htmlspecialchars(trim($_POST['phone'])), 0, 1000); $from = substr(htmlspecialchars(trim($_POST['email'])), 0, 1000); $message = substr(htmlspecialchars(trim($_POST['message'])), 0, 1000000); $message .= "\n" ."My phone: ".$phone; $headers = 'From: '.$from . "\r\n"; $headers .= "MIME-Version: 1.0" . "\r\n"; $headers .= "Content-type:text/plain;charset=utf-8" . "\r\n"; $to = 'example@email.com';// Your email here mail($to, $name, $message, $headers); } exit; ?> И сам jQuery $('#ajaxform').ajaxForm(function() { //$('#modal-thanks').fadeIn(); alert("Thank you for your comment!"); }); Результат работы : после заполнения формы и нажатия на кнопку, всплывает alert с текстом, НО на почту ничего не приходит. В чем проблема? Ломаю голову второй день, не могу понять, что не так.

Есть страница index.html Есть блок, например с классом content, в котором много блоков с различным контентом. Есть также навигационное меню, со множеством ссылок, и необходимо чтобы при нажатии на одну из ссылок меню обновлялся контент в блоке с классом content, затем при нажатии на другую ссылку меню старый контент исчезал, а появлялся новый. Слышал что это делается с помощью AJAX, но до конца не понял как. Спасибо за помощь.

помогите пожалуйста исправить ошибку делаю ajax-запрос. вот php-скрипт, работающий с сервером: <?php header("Content-type: text/html; charset=utf-8"); //print_r($_GET); //print_r($_GET[graph_title]); $title = $_GET['graph_title']; echo $title; $host = ""; $database = ""; $user = ""; $password = ""; $connect = mysql_connect($host,$user,$password); mysql_select_db($database); $sql = 'INSERT INTO `graphs` (`id`, `title`, `x_max`, `x_min`, `x_period`, `y_max`, `y_min`, `y_period`) VALUES ("", "' + $title + '", "", "", "", "", "", "")'; $result = mysql_query($sql) or die(mysql_error()); mysql_query("SET NAMES utf8"); if($result) { echo("true"); } else { echo("false"); }; //print_r($sql); //print_r($rs); ?>браузер по адресу: ajax/addGraph.php?graph_title=qweryвыводит следующее: не пойму в чём ошибка...

Во всех браузерах кроме Firefox, Ajax работает. Код ниже. В Firefox выдает следующее: На сервере откуда берется html, в htaccess прописано: var urlPage = 'https://страница,где должна происходить магия', queryLink = 'https://ссылка с айди/?id=', linkPartners = 'https://ссылка на html на сервере.html'; $.ajax({ url: linkPartners, success: function(html){ if (urlPage == window.location.href) { $(".orange-box .blink").html(html).css({ "background": "none", "padding": "0" }); $(".orange-box").css('background', 'none'); $(".ob-content").css('background', 'none'); }; $('.table-partners tbody a').attr('href',function(){ linkSub = this.href + $('#inner_link').data('link'); return linkSub; }); } }); $.ajax({ url: queryLink + $('#inner_link').data('link'), success: function(html){ if(urlPage == window.location.href ) { if (html != "") { var objJSON = jQuery.parseJSON(html); if (objJSON != null) { var balance = objJSON.sum; if (balance != null) { $('.profileData h4').append('<div class="bal-left">Действительны до <a href="#" target="_blank">1.10.2015</a>: <strong>' + balance + ' </strong></div>'); return; } } }; } $('.profileData h4').append('<span style="display:none;"></span>'); } });

Добрый вечер, столкнулся с проблемой, при настройке сайта по технологии ajax(для динамической подгрузки контента). Суть проблемы в том что вовремя подгрузки разметки страницы подгружаю и js теги с скриптами ну и плагины, на некторых страницах они не нужны и после подгрузки страницы мешают коректной работе сайта, кеширование отключино. пробовал использовать .remove() и .empty(), ни чего не дает. код процесса приблезительно такой: function menuAjax(page) { $("nav li").removeClass("active"); $(this).parent().addClass("active"); $.ajax({ url: page, cache: false, success: function(html) { $("body").removeClass("loaded"); setTimeout(function() { $("#body-wrapper").html(html); $("body").addClass("loaded"); }, 800); } }); } $("#home-link").click(function(){ menuAjax("homeAjax.html"); });

помогите пожалуйста исправить блок на страничке выводятся четыре новости. проблема в том, что перед первой новостью выводится надпись 'undefined'. хотелось бы от неё избавиться

Всем привет! Реализовал отправку файлов через phpmailer. Все работает. Хотел сделать это без перезагрузки страницы. Узнал, что для отправки файлов нужно использовать FormData. Замечательно. Нашел статью как все настроить, но не работает! Можно сказать все точь-в-точь как в примере, только у меня все равно переходит на страницу php, указанную в action. Может быть кто-то сталкивался и знает в чем может быть дело? Руководствовался: http://positron-it.ru/stati/otpravlenie_soobwenij_s_vlozheniem_po_ajax/ Правда по всему видимому автор в примере забыл указать action в форме.

помогите пожалуйста разобраться есть форма, которая отправляет в контроллер такой ajax-запрос: $.ajax({ .................. success: function(data){ alert('ok'); }, error: function(xhr, ajaxOptions, thrownError){ alert('no ok' + xhr.status); } }) контроллер возвращает статус 200 или 4хх и на основе этого срабатывает или success или error. но я хотел бы чтобы контроллер возвращал не просто статус запроса, а массив с ошибками валидации. на стороне контроллера не проблема сделать отправку этого массива. проблема в том как получить его в ajax-блоке было бы хорошо получить его как один из параметров процедуры error. возможно ли такое, подскажите пожалуйста? если нет, то придётся заставить контроллер в любом случае возвращать статус 200 вместе с массивом ошибок и уже в процедуре success добавлять сложную логику. приемлем ли такой метод, хорошая ли это практика? вот схематично экшен контроллера, которые принимает запрос из формы: def create ....... if @album.save render json: @album, :status => 200 else render json: @errors, :status => 403 endend

помогите пожалуйста советом на страничке есть список из 10 элементов. на каждый элемент повешен обработчик: $('#el').on('click', function(e){ bla}обаботчик вешает некоторый цикл, который отрабатывает по событию document.ready затем я при помощи ajax добавляю несколько элементов к вышеуказанному списку. проблема в том, что с ними не связан вушеуказанный обработчик. поэтому мне приходится обновлять страницу, в результате чего цикл вновь переберёт все элементы списка и повесит на каждый элемент обработчик подскажите пожалуйста как мне повесить обработчик на вновьдобавленные элементы, не обновляя страничку

как сделать, чтобы после нажатия на кнопку менялся цвет css - точнее, кнопка оставалась нажатой, пока не закроешь окно, а то цвет кнопки и контур меняться только при наведении курсора и все a:link { color: #c00 } /* unvisited links */a:visited { color: #0c0 } /* visited links */a:hover { color: #00c } /* user hovers */a:active { color: #ccc } /* active links */ - просто вписать link не дает результата Нужна помощь в доработке кода

доброго времени суток. пожалуйста подскажите, как организовать одну обратонку на несколько параллельных аякс запросов. вся проблема в том, что аякс инициализируется при клике на кнопку, например: на странице есть штук 10 кнопок, при клике на который происходит аякс запрос на сервер, по завершению алерт. как показала практика люди могут нажать на следующую кнопу пока не завершился предыдущий запрос (кнопки блокировать нельзя) и получается что после выполнения всех запросов выскакивает Nое кол-во алертов, а хотелось бы один с сообщением об окончании. заранее спасибо тем кто покажет рабочий пример.

Всем, привет! Подскажите, кто сталкивался с подобной проблемой: Нужно скачать файл с сервера, но с помощью ajax запроса. Проблема заключается в том, что функция readfile() считывает содержимое файла и возвращает его в ajax запрос в качестве ответа. А нужно, чтобы файл скачивался. Вот, мой код $.ajax({ url: "../download.php", type: "POST", data: ({file: filepath}), dataType: "html", success: function(data, d) { if (d == 'success') { alert('Ура!'); } else { alert('Блин'); } }});<?php$filename = $_POST['file'];$ctype = 'text/plain';if (isset($filename) and file_exists($filename)) { header('Content-Type: '.$ctype.'; charset=utf-8'); header("Content-Disposition: attachment; filename=".$filename); if (ob_get_level()) { ob_end_clean(); } readfile($filename); exit(); } else { echo false; exit();}}Находил на форумах уже такие вопросы, но, к сожалению, так и не смог решить данную проблему. Заранее спасибо всем, кто откликнется!

Здравствуйте. У меня получилось подключить эту прекрасную форму отправки, пример тут. Она предполагает использование нескольких идентичных форм на странице. Но почему-то не работают они на сайте. Всё, что конфликтовало. я поправила. Из, например, 3-х одинаковых отправляет только первая. Откройте секрет - как поставить на сайт несколько идентичных форм отправки, чтобы каждая отправляла запрос пользователя на почту? Спасибо, не ругайтесь.