Поиск по сайту
Результаты поиска по тегам 'ajax'.
Найдено 39 результатов
-
помогите пожалуйста разобраться с возвратом ответа в формате json для примера приведу код на python, но сам язык не принципиально важен. проблема в том, что ajax-запрос возвращает значение undefined я делаю аякс-запрос: $("#login_submit").click(function(event){ $.ajax({ url: "/check/", type: 'POST', dataType:"html", data: { "aa": aa, "csrfmiddlewaretoken": $('#loginForm input[name=csrfmiddlewaretoken]').val() }, error: function() { alert('Ошибка получения запроса'); }, success: function(dat) { alert(dat.result + '::' + dat); } }); });функция, которая возвращает ответ в формате json: def check(request): data = {'result': 'qwerty',} return HttpResponse(json.dumps(data), content_type='application/json') в результате получаю сообщение:undefined :: {'result': 'qwerty'}но ожидаю получить: qwerty :: {'result': 'qwerty'}
-
Вакансия Ведущий UX/Front End разработчик (Москва), 100000-150000 руб.
Daria_T добавил тему в Предлагаю работу
В международный интернет-стартап по тематике управления активами на финансовых рынках разыскивается UX/Front End разработчик. Прекрасная возможность принять участие в развитии инновационного проекта на крупнейшем мировом финансовом рынке совместно с профессионалами отрасли, и возможно, получить долю в проекте. Требования: * Свободное владение JavaScript, jQuery, опыт работы с Ajax; * Знание HTML/CSS, HTML5 API и опыт создания кроссбраузерных решений; * Опыт работы с client-side MVC/MVVM фреймворками (например, Angular, Knockout, Backbone, итп) и разработки интерактивного UI; * Опыт работы с ASP.Net (Razor view engine); * Проактивный подход к работе и самостоятельность; * Умение и желание работать в условиях гибких и быстрых процессов стартапа; * Английский язык на уровне чтения технической документации. Будет огромным плюсом: * Опыт работы с MVC4 и знание C#; * Опыт и/или жгучее желание работы в области трейдинга, финансов, инвестиций – на валютном (Forex), фондовом и сырьевом рынках; * Знание торговых платформ, сервисов копи-трейдинга и ПАММ счетов. Также будет плюсом: * Опыт создания высоконагруженных сайтов; * Опыт работы с Highcharts; * Опыт адаптивной верстки под различные устройства; * Разговорный английский, достаточный для обсуждения интеграции с англоязычными партнёрами; * Навыки в области UX: - Построение моделей поведения пользователей, проработка UX flow; - Создание скетчей и прототипов (NinjaMock, Axure). Условия: * Гибкий график работы * Отсутствие дресс-кода * Конкурентая зп (100-150 тыс. руб. по результатам собеседования) * Опцион – возможность получить долю в компании Расположение офиса: м. Алтуфьево/Бибирево, 10 минут пешком E-mail: [email protected] -
вот код http://codepen.io/anon/pen/hcyka Есть кнопки, они сделаны инпутом. Вот в чем проблема: я нажимаю , к примеру, блог и оно выделяется (:focus) и меняется контент. Теперь отведи курсор и щелкни в пустое место - выделение пропало. Вопрос: как сделать чтобы оно держало выделенным до тех пор, пока я не нажму другую кнопку из меню
-
Добрый день. Хочу совместить Jquery UI slider и ajax галерею. Проблема в том, что при изменении рейнджа больше чем на один шаг, изображения не проматываются адекватно. При изменении диапазона на один шаг, скрипт работает нормально. Видео: http://screencast.com/t/loDxRlNEncq Сэмпл кода в котором это обрабатывается: var ScrollToright= function (Steps){ console.log ("Steps!!!!!!!!! "+Steps); th.find('li').stop(true, true) var next_li = th.find('li.showed:last').next() if(next_li.length!=1) return; var all_li = th.find('li.showed:not(:first)') var first_li = th.find('li.showed:first'); var additionalCollection = th.find('li.showed:first'); var trueIndexli = th.find('li.showed:first').index()-1; var next_li_add; console.log ("trueIndexli "+trueIndexli); /*for ( var i = 0; i < Steps; i++ ) { additionalCollection = additionalCollection.add(th.find('li.showed').eq(i)); }*/ for ( var i = 0; i < Steps; i++ ) { trueIndexli= trueIndexli+i; additionalCollection = additionalCollection.add(th.find('li').eq(trueIndexli)); } //additionalCollection.css('background','red'); //th.find('li.showed').eq(0).css('background','red'); //console.log("additionalCollection "+additionalCollection); //additionalCollection.css('background','red'); if (Steps>1){ first_li = additionalCollection; all_li = th.find('li').not(additionalCollection); next_li_add = additionalCollection.last().next(); next_li = next_li_add; } if (Steps>4) { all_li = additionalCollection.nextAll(); } next_li.addClass('showed').css('opacity', '0') var left = $(first_li).width()+20 first_li.animate( { 'left': '-'+left+'px', 'opacity': '0' }, __this__.speed, function(){ __this__.normalize($(this)) $(this).removeClass('showed'); __this__.check_nav(th) __this__.check_count(th); } ); all_li.animate( { 'left': '-'+left+'px' }, __this__.speed, function(){ __this__.normalize($(this)) } ); next_li.animate( { 'left': '-'+left+'px', 'opacity': '1' }, __this__.speed, function(){ __this__.normalize($(this)) } ); __this__.ajax_li(th, "right") //PUSH BACK totalCountinThisLoad= th.find("li").size(); if (totalCountinThisLoad > newcount1) newcount1 += totalCountinThisLoad-newcount; totalCountShow=th.find("li.showed").size(); totalCountLeft=totalCountinThisLoad-totalCountShow; // if (totalCountShow>5) totalCountShow = 5; totalCountLeft=totalCountinThisLoad-totalCountShow; Maxrange=(totalCountinThisLoad-totalCountShow+1)*10; $( ".slider1" ).slider( "option", "max", Maxrange); $( ".slider1" ).slider("value", $( ".slider1" ).slider("value") + Steps); if ( ( $( ".slider1" ).slider("value") == $( ".slider1" ).slider( "option", "max") ) && ( th.find('li.showed:last').nextAll("li").size()>0) ) { var remain = th.find('li.showed:last').nextAll("li").size(); $( ".slider1" ).slider("value", $( ".slider1" ).slider("value") - (remain*10) ); } }var ScrollToLeft = function(Steps) { var stepback = Math.abs(Steps); console.log ("Steps!!!!!!!!! "+stepback); th.find('li').stop(true, true) var next_li = th.find('li.showed:first').prev() if(next_li.length!=1) return; var last_li = th.find('li.showed:last') var additionalCollection = th.find('li.showed:last'); var trueindex = last_li.index(); var totalShowed = th.find('li.showed').length-1; //th.find('li.showed').eq(totalShowed).css('background','black'); console.log("totalShowed "+totalShowed); console.log("trueindex "+trueindex); for ( var i = 0; i <stepback; i++ ) { if (i<=4){ totalShowed = totalShowed-i; additionalCollection = additionalCollection.add(th.find('li.showed').eq(totalShowed)); } } if (stepback>1) last_li = additionalCollection; //additionalCollection.css('background','green'); var left = $(last_li).width()+20 var all_li = th.find('li.showed:not(:last)') next_li.addClass('showed').css('opacity', '0').css('left','-'+left+'px') all_li.css('left','-'+left+'px') last_li.css('left','-'+left+'px') last_li.animate( { 'left': 0+'px', 'opacity': '0' }, __this__.speed, function(){ __this__.normalize($(this)) $(this).removeClass('showed'); __this__.check_nav(th) __this__.check_count(th); } ); all_li.animate( { 'left': 0+'px' }, __this__.speed, function(){ __this__.normalize($(this))} ); next_li.animate( { 'left': 0+'px', 'opacity': '1' }, __this__.speed, function(){ __this__.normalize($(this))} ); __this__.ajax_li(th, "left") //PUSH BACK $( ".slider1" ).slider("value", $( ".slider1" ).slider("value") - 10); totalCountinThisLoad= th.find("li").size(); if (totalCountinThisLoad > newcount) newcount += totalCountinThisLoad-newcount; totalCountShow=th.find("li.showed").size(); totalCountLeft=totalCountinThisLoad-totalCountShow; totalCountLeft=totalCountinThisLoad-totalCountShow; $( ".slider1" ).slider( "option", "max", Maxrange); Prevli = th.find('li.showed:first').prevAll("li").size(); if ( ( $( ".slider1" ).slider("value") == 0 ) && ( th.find('li.showed:first').prevAll("li").size()>0 ) ) { $( ".slider1" ).slider("value", $( ".slider1" ).slider("value") + Prevli*10); }}th.find( ".slider1" ).bind( "slide", function(event, ui){ totalCountinThisLoad= th.find("li").size(); if (totalCountinThisLoad > newcount) newcount += totalCountinThisLoad-newcount; totalCountShow=th.find("li.showed").size(); totalCountLeft=totalCountinThisLoad-totalCountShow; totalCountLeft=totalCountinThisLoad-totalCountShow; Maxrange=(totalCountinThisLoad-totalCountShow+1)*10; $( ".slider1" ).slider( "option", "max", Maxrange); deltaValueStep = (ui.value-ValueOldOnSlide)/10; //console.log("deltaValueSte "+deltaValueStep); if ( ui.value>ValueOldOnSlide){ // console.log("step"+step); //console.log("Its scroll down") ScrollToright(deltaValueStep); } if ( ui.value<ValueOldOnSlide){ //console.log("Its scroll up") ScrollToLeft(deltaValueStep); } }); Скрипт целиком: http://pastebin.com/LdqPPS7K Ссылка на сайт, где можно попробовать, как работает скрипт: http://testing.site-services.ru/
-
Всем привет! Я начал на днях делать корзину для сайта. Делаю это впервые, с ajax и js знаком плохо, отсюда ошибки и вопросы. http://jazz-i-lopata.ru/category/%D0%B8%D0%B3%D1%80%D1%8B/# Вот что готово - при клике на ссылку "добавить в корзину" товар добавляется в корзину и выводится таблица с количеством товара, его стоимостью и общей стоимостью. Вся эта схема пока работает благодоря 3-м файлам. header.php - в котором отслеживаются события кликов по тому или иному элементу и запускается соответствующая функция. <script language="javascript"> $(document).ready(function() { $(".submit").click(function(){ var id = $(this).attr("id"); $.post("<?php bloginfo("url"); ?>/korzina", {data: id}, function(data){ $("#cart").html(data); }); }); $(".remove").click(function(){ var remove_id = $(this).attr("id"); $.post("<?php bloginfo("url"); ?>/korzina", {remove: remove_id}, function(data){ $("#cart2").html(data); }); $("#cart").hide(); }); }); </script>При клике на ссылку "Добавить в карзину" запускается первая функция, которая передаёт на страницу korzina - id добавляемого товара. На странице korzina происходит получение id товара и подсчёт количества. session_start();if (isset($_POST['data'])) { $data = $_POST['data']; $_SESSION['cart'][$data] += 1;}if (isset($_POST['remove'])) { $remove = $_POST['remove']; session_unset($_SESSION['cart'][$remove]);}Есть ещё файл category.php в котором настроен вывод товаров и указаны соответствующие id и классы. Что не работает: - по клику на кнопку "удалить" по аналогии с кнопкой "добавить в карзину" должен запускаться процесс отсылки id на страницу karzina. После чего если условие isset($_POST['remove']) выполняется из массива сессии должен быть удален переданный id и возвращен список всех оставшихся элементов но этого почему-то не происходит. Ии вот, пока я на этом повис не понимаю в чём причина. Кто знает? И ещё вопрос. Ребят, какие форумы посоветуете, где адекватные люди могут адекватно подсказать?
-
Всем привет! Задача. На странице есть меню. По нажатию на элемент меню – сначала исчезает вся прочая информация с разными id. Потом появляется индикатор загрузки, и загружается контент в подготовленный блок из отдельного файла html. Новая информация отображается только после полной загрузки контента, находящегося в отдельном файле. Для отображения контента, находящегося на странице, после его полной загрузки, посоветовали следующее: <script type="text/javascript"> function init() {if (arguments.callee.done) return; arguments.callee.done = true;$('#content').fadeIn (1000);};window.onload = init;</script>(#content {display:none;})Но вопрос в подгружаемой информация из другого файла, так что это не подходит. Сейчас код выглядит так: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head> <title>тестирование</title> <script type="text/javascript" src='http://code.jquery.com/jquery-latest.min.js'></script> <style type="text/css"> p#menu_element { text-decoration: underline; cursor: pointer; } img#preloader { display: none; } </style></head><body> <p id="menu_element">Элемент меню</p> <p id="el1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p> <p id="el2">Nunc dictum, lacus ut malesuada pharetra, lacus tortor dapibus magna, eu porttitor nisl enim et magna.</p> <p id="el3">Morbi congue odio ac lacus lobortis, sed tempor lorem porttitor. </p> <img id="preloader" src="loading.gif" alt="preloader" /> <div id="container"></div> <script type="text/javascript"> $(document).ready(function () { $('#menu_element').click(function () { $('#el1, #el2, #el3').fadeOut(200); $('#preloader').fadeIn(150); $('#container').load('loadpage.html'); }); }); </script></body></html>Код отдельного файла loadpage.html: <div id="new_content"> <img src="picbig.png" alt="img" width="640" height="980" /></div>Я хочу добавить #new_content {display:none;}, и в скрипте после полной загрузки добавить #preloader fadeOut(240), а #new_content fadeIn(500), но не знаю как. P. S. Полный чайник, если можно, напишите поподробней. И, хотелось бы, на jQuery, JS совсем не знаю, так что исходный код предпочтительно кардинально не менять. Заранее спасибо!!
-
Главный вопрос этого топика не как СДЕЛАТЬ, а как ДЕЛАТЬ. Понимаю, что каждый может поступать по-своему, как ему удобнее, но все-же хотелось послушать мнения разных людей Итак. Как на любом сайте я планирую форму добавления/редактирования записей. Хочу, чтобы она появлялась в плавающем div. Есть два варианта 1) форма уже загружена на странице, на которой есть ссылка на добавление записи. Одна страница, значит может иметь несколько таких загруженных и скрытых форм. Плюсы: форма отображается сразу, не нужно время на загрузку. Минусы: страница может содержать данные. которые не потребуются, что немного замедляет загрузку. 2) форма загружается по ajax. Плюсы: не грузятся не нужные данные. Так как форма генерируется на сервере, могут быть заполнены некоторые поля.(Что важно при редактировании) Минусы: нужно время на загрузку. Дальше Обработчик формы. Тоже есть варианты 1) сделать, например, таким: http://mysite.ru/blogs/adblog/somevar 2) или http://mysite.ru/blogs/adblog а, somevar втолкнуть в какой-нить скрытый <input> Сама ссылка для добавления <!DOCTYPE html> <html> <head> <title>JS Bin</title> </head> <body> <script type='text/javascript'> function hclick(hlink) { alert (hlink.href); // естественно здесь процедура подгузки/показа формы и т.д. } </script> <a href='http://site.ru/sitepart/addcomment/some-id' onclick='hclick(this);return false;'>link1</a> </body> </html> Вот тут я смутно представляю, как можно сделать по-другому. (т.е. чтобы обрабатывался клик по ссылке через Джаву скипт. Плюс, как на меня в том, что пользователь видит куда идет ссылка (внизу в браузере), а что она откроется в плавающем div а не в новой вкладке, думаю беспокоить не будут. Все, же лично мне, когда я навожу на ссылку внизу вижу "javascript:void()" это не особо нравится. Валидация для каждой (или почти каждой) формы должна быть валидация на стороне клиента (или это далеко не обязательно?) Если да, то возле каждой формы должно быть что-то типа <div class="form"> <script> $(document).ready( function(){ $('#someform').addvalidator( 'name' : 'required', 'useremai' : array('email', 'required') ); }); </script> <form id='someform'> <!-- Form data --> </div> Если форма грузиться по ajax? Должен грузиться весь участок кода. или: правила заспределятся в JSON, а клиентский скрипт из данных JSON выделяет правила (которые помещаются в пустышку) и саму форму, которая и помещается в плавающий div Ну пока все. думаю вопросы будут еще по ходу. Конечно, я бы мог посмотреть некоторые готовые решения (я так и делаю иногда) но не факт, что там будет хорошо сделано. А иногда там так запутано все, что не распутать. Буду благодарен за советы или наводки на "правильные" решения.
-
Не судите строго за такой вопрос. Просто хочу уяснить для себя какие технологии существую на сегодняшний момент, и какие устарели. Поиск по этому вопросу часто находит ссылки 5-8 летней давности, далеких 2006-2009 годов. 1) Сам PHP без дополнительных модулей не способен отследить какая часть выгружена. Насколько я знаю, старые скрипты включали либо ПЁРЛ файл, который и отслеживал, либо требовали модуля APC. Недавно наткнулся на вот это http://ru2.php.net/manual/ru/ses...oad-progress.php Насколько я понял, для этого нужна 5.4 версия. 5.4, верно? Ну я думаю. что и не все хостеры, разрешат ставить APC, если нужно. 2) Плагины для jQuery (ну или любого другого ajax фреймворка), насколько я понял, могли работать и без модулей, и ПЁРЛ файла. Например, вот эти insicdesigns[dot]com/2010/02/10-best-ajax-file-uploader-for-your-web-application/"]http://blog[dot]insicdesigns[dot]com/201[dot][dot][dot]web-application/ Т.е. они фактически работают на клиентской стороне, считая только какая часть данных была отправлена. 3) Ну и Флеш-загрузчики. Только вот мне не нравится то. что они могут с большой долей вероятности выпасть из дизайна сайта, а учить флеш, только чтобы подправить мне не хочется. Интересно было бы вот это http://ru2.php.net/manual/ru/ses...oad-progress.php заюзать, никто не пользовался? —- ПС, если я в чем-то ошибся, исправьте, пожалуйста. Рылся в Гугле, что-то мало готовых решений, и есть платные, кто чем пользуется? Или даже не обязательно индикатор ставить, а просто отправлять файл по ajax, и вывести какую-то гифку, пока он грузится?
-
Здравствуйте,сразу прошу прощения за мою орфаграфию. Ну так вот, недавно передомной появилась задача сделать небольшое веб-приложение с использованием таких технологий как: PHP, MySql [ PDO или MySqli ], AJAX [ например JQUERY ], JSON. Посколько раньше я не когда не сталкивался с JS, прошу совета или помощи у вас. Привиду пример, чтобы было понятнее. Представим страницу на которой выводится: Форма добавления задачи Задачи со статусом ( например завершена и незавершена ) И счетчик количества задач. PS. Так же на странице должна быть возможность удалить задачу, изминить статус задачи. И все изменения должны сразу отображатся. Как все это реализовать с использованием PHP и MySql понятно,но как все это сделать без перезагрузки страница возникают проблемы. Вот такой небольшой вымышленный пример. Я даже нашел что-что похожее в интернете ( сыллка). Но там, слишком все неясно. Может кто подскажет, что дельное как это реализовать и в сторону каких функций jquery смотреть.Если покажите примеры, цены вам не будет, спасибо большое.
-
Здравствуйте, столкнулся с проблемой и не знаю как ее решить. Суть в следующем: есть страница на которой footer прижимается снизу следующим методом: <div class="l-wrap"> <header>Header</header> <div class="l-empty"></div> </div> <footer>Footer</footer> html, body { margin:0; padding:0; width:100%; height:100%; } .l-wrap { position:relative; min-height:100%; height:auto !important; height:100%; } .l-empty { height:100px; } footer { margin-top:-100px; height:100px; } Footer прижимается и это хорошо. Но когда мы подгружаем контент через AJAX, происходит следующее: 1. Javascript удаляет содержимое в .l-wrap. 2. Прижимает footer средствами css. 3. Добавляет контент в .l-wrap. 4. Опускает footer ниже на ширину контента. Как избежать опускания footer-а? Может каким-то образом обновлять DOM? Или прижимать footer средствами javascript уже после добавления контента?
-
Приветствую всех. Столкнулись с задачей реализовать Ajax-поиск по каталогу продукции на Drupal (6.22). Задача стоит для двух сайтов: www.vdsauto.com и российский клон www.vdsauto.ru. Есть готовые решения типа этого, но внедрить не хватает могущества знаний Посему, вынуждены прибегнуть к платной помощи человека, которому посилам решить поставленную задачу. Заранее благодарны за отклик.
-
Пишу форум на PHP. Мне нужно чтобы ответы приходили в фоновом режиме. Как это сделать?
-
Здравствуйте. Уже несколько дней ломая голову над одной проблемой. Есть сайт, который работает на isotope (masonry). В одним из блоков помещается аудио плеер (jwplayer). Вместе все работает исправно. Но встала задача перевести сайт на ajax переключение страниц. Для того, чтобы после перехода на страницу с masonry блоки вставали на своим месте, подключил повторную инициализацию скрипта после .load(): $('#main').isotope({ itemSelector : '.post-item', masonry: { columnWidth: 390 } }); Переинициализация работает, однако блок с аудиоплеером перестал отображаться. Причем при загрузке страницы он появляется на доли секунд, а затем исчезает, т.е. ведет себя так, будто ему присвоено свойство css visibility:hidden. Сам плеер выводится не через javascript, а через <oblect><param><embed></object>, поскольку при работает ajax подгружаемые вместе со страницами скрипты не исполняются после исполнения функции .load(). Я никак не могу понять, почему блок с плеером исчезает. Firebug подтверждает, что все присутствует. Если удалить переинициализацию mysonry после .load(), плеер снова видим, однако блоки не выравниваются по решетке. Помогите советом!
-
Попытаюсь объяснить проблему: Грузится стартовая страница AJAXом подгружается отдельная часть страницы со скриптом Изменение title загруженной страницей Однако скрипт почему-то отказывается работать (как будто в другом окне несуществующий title изменяет) // тег <title> обозначен ID=ttl document.getElementById('ttl').value='Страница 2'; Что не так?
