Хабрахабр / Ajax / Захабренные http://habrahabr.ru/rss/blog/ajax/ ru editor@habrahabr.ru habrahabr.ru Sat, 11 Feb 2012 02:33:05 GMT http://habrahabr.ru/ http://habrahabr.ru/i/logo.gif Хабрахабр <![CDATA[Ajax / Как защититься от неожиданной отправки комментария по Ctrl+Enter?]]> http://habrahabr.ru/blogs/AJAX/137590/ http://habrahabr.ru/blogs/AJAX/137590/ (Опыт успешной борьбы с ветряными мельницами.)

C завидной регулярностью в комментариях встречаются оборванные на полуслове сообщения с приписками о том, что «извините, само отправилось», "сорвалось", и продолжением мысли. Иногда говорят, что разгадали причину такого поведения сайта. Поэтому хочу сообщить, что я не одинок в своей догадке, и более того, около полугода назад я решил эту проблему с помощью юзерскрипта. С тех пор ложные отправки у меня прекратились, но я не мог быть уверен, что причина ложных отправок только в этом, поэтому опыт использования скрипта и догадки других пользователей должны были это подтвердить.
Читать дальше →
]]> Sat, 04 Feb 2012 05:00:55 GMT spmbt неожиданная непонятностьи тут бацgreasemonkey <![CDATA[Ajax / [Из песочницы] Опыт создания Ajax-приложения]]> http://habrahabr.ru/blogs/AJAX/127376/ http://habrahabr.ru/blogs/AJAX/127376/ В начале
В данной статье речь пойдет о написании Ajax-приложения. Если говорить проще — то, о написании сайта – работающего без перезагрузок. Быстро, легко, доступно. В этой статье не будет рассматриваться код серверной стороны, будут только примеры, для лучшего понимания.
Меня давно интриговала тема написания сайта, в котором несколько компонентов (например, flash плееры) не перезагружаются с каждым переходом по ссылкам, а продолжают себе напевать песенки. И вот однажды, набравшись смелости — я начал думать насчет структуры такого вот приложения. Что в итоге получилось — читайте ниже.
Читать дальше →
]]> Tue, 30 Aug 2011 15:04:04 GMT nanocat ajaxjqueryjavascript <![CDATA[Ajax / [Из песочницы] Стартап: Технология Ajax Portal — на пути к энтерпрайз порталам нового поколения]]> http://habrahabr.ru/blogs/AJAX/124376/ http://habrahabr.ru/blogs/AJAX/124376/ Ajax Portal появилась случайно, как синтез двух технологий Enterprise Portal и Ajax при построении «движка» для корпоративного сайта. В результате появилось нечто новое, что может дать второе дыхание энтерпрайз порталам.
Читать дальше →
]]> Mon, 18 Jul 2011 13:11:55 GMT SVTeam порталportalпортлетportletajaxweb 2.0mashupархитектураjsr168jsr286ajax portalajax4allMicroServletajaxportal.org <![CDATA[Ajax / Drag-n-drop изменение порядка вывода на ajax]]> http://habrahabr.ru/blogs/AJAX/124013/ http://habrahabr.ru/blogs/AJAX/124013/ image
или этого:
image
Но для того, чтобы организовать первый вариант, нужно писать функцию(метод), который будет «раздвигать» записи. То есть: если у нас таблица выглядит следующим образом:
id name order
1 name1 1
2 name2 2
3 name3 3
4 name4 4

то для того, чтобы запись с id=4 переместить между 1 и 2, нам потребуется изменить order записей 2 и 3, таблица будет выглядеть следующим образом:
id name order
1 name1 1
2 name2 3
3 name3 4
4 name4 2

Это, довольно, нетривиальная задача.

Для организации варианта со второй картинки, требуется телодвижений поменьше, но это неудобно для пользователя. Если у нас в базе 30-40 записей, ему придется 30-40 раз тыкать мышкой на стрелочку вверх. Но ведь для этого есть справа текстовое поле для установки order вручную. Но этот способ не такой очевидный для пользователя. Хочется чего-то интуитивно-понятного и простого по коду.

Статья рассчитана не на профессиональных кодеров(у них есть 5-10 велосипедов для решения этой задачи с много меньшим количеством запросов к БД).
Читать дальше →
]]> Fri, 15 Jul 2011 05:35:34 GMT interrupt_controller webajaxjquery pluginsphp <![CDATA[Ajax / [Из песочницы] Image Ajax или история одного сумасшествия]]> http://habrahabr.ru/blogs/AJAX/123058/ http://habrahabr.ru/blogs/AJAX/123058/ История
Приветствую всех хабражителей! Однажды, за чашечкой кофе, мне пришла в голову одна безумная мысль: реализовать Ajax через изображения. Да, именно через изображения. В то время, как все нормальные люди используют XMLHttpRequest, JSONP и прочие вкусности для создания кроссбраузерных запросов, я захотел чего-то большего. Дабы оправдать свой маразм, я даже придумал своеобразные плюсы: все данные передаются в закрытом виде и идут строго в ту точку, откуда они запрошены.
Читать дальше →
]]> Wed, 29 Jun 2011 19:22:04 GMT russian_stalker html5canvasphpjavascriptненормальное программированиеAjax <![CDATA[Ajax / [Из песочницы] Hash-навигация в AJAX-сайтах]]> http://habrahabr.ru/blogs/AJAX/114911/ http://habrahabr.ru/blogs/AJAX/114911/
Вторая проблема, с которой борются все разработчики — проект перед сдачей в продакшн просто изобилирует кучами javascript (ajax) кода. Весь этот код по своей сути — всего лишь запросы страниц с севера «без шаблона», т.e., чистое содержимое страницы.
Читать дальше →
]]> Fri, 04 Mar 2011 10:25:04 GMT maxwp ajaxurlhash <![CDATA[Ajax / MS Doloto: оптимизация загрузки Ajax-приложений]]> http://habrahabr.ru/blogs/AJAX/69112/ http://habrahabr.ru/blogs/AJAX/69112/ Doloto, предназначенную для оптимизации любых Ajax-приложений. В соответствии со своим названием, Doloto отсекает код до необходимого минимума, так что приложение быстрее загружается клиенту и быстрее начинает выполняться.

Программа анализирует исходники и выделяет тот фрагмент кода Javascript, который непосредственно необходим для инициализации программы. Профилирование функций осуществляется на клиентской машине через локальный прокси-сервер http://localhost:8888 во время исполнения Ajax-приложения в браузере. При этом все «ненужные» функции помечаются метками (таймстампы). Прямо на клиентской машине генерируется оптимизированный код Ajax-приложения, в котором «ненужные» функции заменяются маленькими заглушками. Этот код потом будет загружаться в фоновом режиме или по мере необходимости, уже после инициализации основного скрипта. Оптимизированный код сохраняется на жёстком диске клиентского компьютера. Таким образом, можно оптимизировать чужие приложения, даже не имея доступа к их серверам, см. Doloto FAQ.

Программку протестировали на популярных Ajax-интерфейсах и получили впечатляющий результат.
Читать дальше →
]]> Wed, 09 Sep 2009 07:41:40 GMT alizar DolotoAjaxоптимизациядолотоJavaScriptскриптВеб 2.0профилированиетаймстамп <![CDATA[Ajax / Кросс-доменные коммуникации с помощью JSONP]]> http://habrahabr.ru/blogs/AJAX/67961/ http://habrahabr.ru/blogs/AJAX/67961/ Введение

Асинхронный Javascript и XML (AJAX) ключевая технология нового поколения сайтов, причисляемых к WEB 2.0. AJAX позволяет обрабатывать данные без назойливой перезагрузки страниц. Данные обрабатываются с использованием объекта XMLHttpREquest, который позволяет клиентскому Javascript создавать HTTP подключения к удаленным серверам. AJAX используется во многих мешапах, которые интегрируют контент из нескольких разных ичточников.

Однако кросс-доменные соединения запрещены – такова политика браузеров. Если вы попробуете отправить запрос на другой домен, то получите ошибку безопасности. Вы конечно можете избежать этих ошибок, если будете посылать запросы только к своему домену, но что же это будет за Web-приложение, если оно никуда дальше Вашего сервера не может сунуться. Что если Вам все-таки нужно получать данные от других доменов?

Читать дальше →
]]> Thu, 27 Aug 2009 13:15:09 GMT Traveler ajaxjsonJSONP <![CDATA[Ajax / Асинхронная загрузка javascript файлов. Ускорение и оптимизация процесса, увеличение производительности]]> http://habrahabr.ru/blogs/AJAX/56974/ http://habrahabr.ru/blogs/AJAX/56974/ Продолжаем цикл статей на тему построения сайтов (веб-приложений) ориентируясь на максимальное применение AJAX технологии. Зачастую, при работе сайтов и приложений использующих AHAH требуется вместе с подгружаемым HTML контентом догружать файлы скриптов, которые не использовались ранее на страницах сайта. Одним из моментов обработки догружаемого AJAX-ом контента является выделение из получаемого контента файлов скриптов, с последующим их применением к текущему документу (DOM). Благо, на данный момент практически все основные библиотеки умеют это делать. Однако, если копнуть глубже в реализацию процесса обработки догружаемых скриптов, то текущая ситуация совсем «не радужная». Не все хорошо известные библиотеки умеют это делать хорошо, а тем более оптимально. Давайте рассмотрим указанный процесс изнутри, разберем существующие проблемы и узнаем пути их решения.
Читать дальше →
]]> Fri, 10 Apr 2009 19:25:54 GMT sirus ajaxjavascriptoptimizationоптимизацияclient sideweb-разработкаjquery <![CDATA[Ajax / Fly AJAX — пишите меньше, имейте больше. Нестандартный AJAX и индексация поисковиками.]]> http://habrahabr.ru/blogs/AJAX/54465/ http://habrahabr.ru/blogs/AJAX/54465/
Обсуждение предыдущей статьи было бурным. Самые ярые любители jQuery, Mootools кричали зачем мол нужен другой велосипед.
В данной статье мы рассмотрим использование техники Fly AJAX. Это одна из нескольких функциональных возможностей, которые не реализованы в ранее указанных больших (и мною уважаемых) фреймворках. Также, в данной статье, мы рассмотрим принципы правильного проектирования и построения сайтов для хорошей индексации с применением AJAX технологии.
Читать дальше →
]]> Sat, 14 Mar 2009 19:54:36 GMT sirus fullajaxajaxjavascriptclient sidewebdevweb developingиндексация <![CDATA[Ajax / Полный AJAX. Теория и Примеры. Фишки и Фичи]]> http://habrahabr.ru/blogs/AJAX/53831/ http://habrahabr.ru/blogs/AJAX/53831/ По многочисленным просьбам начинающих (и не только) AJAX разработчиков, решил выделить часть своего времени для описания некоторых хитростей и приемов, которыми пользуюсь при построении сложных, динамических веб-приложений. Статья представляет из себя смесь теоретических выкладок и практических примеров.

Наибольшие трудности при построении сайтов c применением AJAX возникают при реализации механизма AHAH (Asynchronous HTML and HTTP). Особенно выполнение на лету подгружаемых Javascript-ов. Также есть куча дополнительного «гемороя» при разработке AJAX сайтов и веб-приложений. Вы можете ознакомится с детальным описанием некоторых существующих проблем. Из-за указанных сложностей, многие разработчики отказываются от более насыщенного внедрения AJAX.

Однако, мало кто знает, что перечисленные проблемы можно решить.
Читать дальше →
]]> Sat, 07 Mar 2009 18:44:00 GMT sirus fullajaxajaxjavascriptweb-разработкаwebdevelopmentclient sideweb <![CDATA[Ajax / Не гони коней!]]> http://habrahabr.ru/blogs/AJAX/39496/ http://habrahabr.ru/blogs/AJAX/39496/
Читать дальше →
]]> Wed, 10 Sep 2008 14:38:41 GMT afitiskin javascripttimeoutdominionnoinimod <![CDATA[Ajax / [Перевод] 9 правил для начинающего Ajax-разработчика]]> http://habrahabr.ru/blogs/AJAX/37926/ http://habrahabr.ru/blogs/AJAX/37926/ вольный перевод 9 AJAX Tips & Tricks.
Читать дальше →
]]> Sun, 24 Aug 2008 12:54:02 GMT absolvo ajaxajax-разработчик <![CDATA[Ajax / Prototype, Ajax.PeriodicalUpdater и Internet Explorer]]> http://habrahabr.ru/blogs/AJAX/29156/ http://habrahabr.ru/blogs/AJAX/29156/ 
new Ajax.PeriodicalUpdater('items', '/items', {
  method: 'get', frequency: 3, decay: 2
});


Все вроде хорошо, но сегодня наткнулся на грабли при работе в IE, а именно скрипт не выполнял своего прямого предназначения — не обновлял контейнер по таймеру.

Искал решение долго и упорно, но в рунете ничего внятного не нашел (возможно, искал не так долго и упорно, как того требовалось бы). А вот покопавшись по забугорским сайтам наткнулся на такую статью: blog.innerewut.de/2007/9/22/ie-doesn-t-let-us-rest

И тогда проблему решил следующим способом:
Читать дальше →
]]> Wed, 16 Jul 2008 04:26:46 GMT nons AjaxPeriodicalUpdaterInternet ExplorerPrototypeграбли <![CDATA[Ajax / Исследование AJAX Client Storage — от хирургии Dojo к собственной реализации Fullajax Storage]]> http://habrahabr.ru/blogs/AJAX/26784/ http://habrahabr.ru/blogs/AJAX/26784/
Читать дальше →
]]> Wed, 04 Jun 2008 06:50:01 GMT sirus AJAXFullajaxJavaScriptWeb 2.0Web-разработкаStorageFlas <![CDATA[Ajax / [Перевод] Несколько вещей об Ajax, которые должен знать веб-мастер]]> http://habrahabr.ru/blogs/AJAX/31564/ http://habrahabr.ru/blogs/AJAX/31564/ эй-джэкс, по-русски довольно распространено ая́кс.
Вроде бы всё красиво, но есть несколько подводных камней, о которых я вам ниже и расскажу.

Ajax — это не просто акроним, это идея


Хотя Ajax и является акронимом от «Асинхронный Javascript и XML», это не раскрывает его идеологию. Ajax – это идеология, которая гласит, что для работы серверного веб-приложения, совсем не обязательно перезагружать всю страницу, бесполезно гоняя данные от сервера к клиенту и обратно. Использование Ajax’a позволяет сделать веб-приложение более гибким и современным, позволяя пользователям работать с веб-приложением более продуктивно и удобно.
Читать дальше →
]]> Wed, 14 May 2008 13:21:19 GMT absolvo ajaxинтересное об ajax <![CDATA[Ajax / [Перевод] Ajax на мобильном браузере или мобильный Ajax (с примерами)]]> http://habrahabr.ru/blogs/AJAX/31551/ http://habrahabr.ru/blogs/AJAX/31551/
Технология Ajax очень востребована пользователями мобильных устройств. Причина в общем-то на поверхности. Снижается потребление трафика и трата времени. Ведь подгружаются всего некоторые части страницы, а не она вся (если не в теме, что такое Ajax — рекомендую посетить Wikipedia — Ajax). Соответственно серфинг сети с мобильного устройства становиться более качественным, быстрым и менее раздражающим. Более того, он обходиться дешевле.
Читать дальше →
]]> Thu, 08 May 2008 20:17:16 GMT absolvo ajaxмобильные браузеры <![CDATA[Ajax / Smashingmagazine опубликовал новую подборку Ajax и Javascript решений.]]> http://habrahabr.ru/blogs/AJAX/23586/ http://habrahabr.ru/blogs/AJAX/23586/ 80+ Smashingmagazine AJAX-Solutions For Professional Coding у многих в закладках. Эта подборка включает в себя самые новые на, то время, и вкусные решения с применением Ajax, собранные со всего мира.
И вот, почти год спустя новая подборка новых вкусных решений - 60 More AJAX - and Javascript Solutions For Professional Coding. Многие скрипты уже знакомы, но есть и замечательные новинки.]]> Tue, 15 Apr 2008 18:08:08 GMT absolvo smashingmagazineajax <![CDATA[Ajax / Прямые ссылки на AJAX веб-сайтах – наша технология Fullajax Direct Link.]]> http://habrahabr.ru/blogs/AJAX/23159/ http://habrahabr.ru/blogs/AJAX/23159/ Приветствую всех читателей. Популярность AJAX такая, что это, по сути, уже стандарт де-факто для многих проектов. Хотя, как и все технологии (особенно, новые и/или модные), она часто применяется (чего уж грех таить) и там, где без нее не обойтись, и там, где вполне можно, а зачастую и нужно. Впрочем, сегодня речь пойдет о другом.

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

Но все же – допустим, у нас есть простенький, но претенциозный веб-сайт визитка, где по переходам меню AJAX подгружает и выводит контент, а мы хотим дать знакомому по ICQ ссылку на контактную страницу (или любую другую, не суть важно).

Есть два подхода решения проблемы ссылок.
Читать дальше →
]]> Tue, 08 Apr 2008 15:00:00 GMT aleks_raiden AJAXFullAJAXJavaScriptankorweb 2.0веб-разработка <![CDATA[Ajax / Prototype 1.6.0 и Sсriptaculous 1.8.0. Наконец-то релиз.]]> http://habrahabr.ru/blogs/AJAX/15913/ http://habrahabr.ru/blogs/AJAX/15913/ Тут сказано, что в версии 1.6.0 были очень значительные изменения. Действительно, Prototype 1.6.0 добавил в себя кучу новых фич и при этом стал весить значительно(!) меньше. Основные изменения, которые я заметил, это то, что можно обращаться ко многим методам через сами объекты, это очень удобно. А также Ajax-овкий transport был встроен в Ajax.Response. Все изменения можно посмотреть тут.

Также вышла книга "Prototype & script.aculo.us" от Christophe Porteneuve, одного из разработчиков Scriptaculous.]]> Thu, 08 Nov 2007 07:37:17 GMT Quessir AjaxScriptaculousPrototypeJSJavascript