• IE приводит к нижнему регистру передаваемые custom-заголовки запросов, например X-Requested-With: XMLHttpRequest превращается на сервере в x-requested-with: xmlhttprequest). Нафига?
  Internet Explorer иногда не кеширует фоновые изображения, полученные через AJAX; повторно загружаемый фон «забывает» посмотреть в кеше.
• IE некорректно парсит js-код в HTML-куске, полученном через AJAX, если есть классические скрывающие комментарии:

  
…HTML-код…
<script type="text/javascript">
<!--
…js-код…
//-->
</script>
…HTML-код…

  Достаточно убрать эти комментарии и всё заработает как надо, без ошибок.

• Prototype'овский класс Ajax.PeriodicalUpdater (или просто обновление блока по timeout через window.setTimeout) приводит к утечке памяти в IE. Если окно достаточно долго повисит открытым, то потом на очистку памяти (средствами Prototype'а) очень много времени может уходить и кажется, что браузер намертво завис. Полный отказ от анонимных вложенных функций (closures) не представляется возможным, Prototype сильно на них опирается. В общем, нормального лекарства не нашел пока.

Автор: Александр Шуркаев

Источник

Честно говоря, просто не рассчитывал на такую популярность, а WordPress уведомления не прислал Постараюсь не повторять ошибок. Спасибо, что поддерживаете сайт.

Как всегда, качать лучше всего с официального сайта системы http://modxcms.com/downloads.html

Конечно, система  несколько сложна в освоении. Это касается не только текущей версии, а MODx вообще. Но зато она предоставляет практически безграничные возможности тем, кто ее освоил.

На страницах вашего сайта содержится множество специализированных терминов. Когда пользователь просматривает сайт, у него могут возникать вопросы касательно этих терминов. Как сделать так, чтобы посетитель сайта по мере возникновения вопросов мог незамедлительно получать на них ответы? Раньше термины на страницах сайта оформлялись как ссылки и пользователь при желании мог кликать по ним и получать окно с контекстной подсказкой. Это подход достаточно неуклюжий, он отнимает у пользователя слишком много времени - на то, чтобы кликнуть по ссылке, дождаться загрузки окна и затем закрыть окно. В эпоху AJAX мы можем быть ближе к пожеланиям пользователей. Мы можем сделать так, чтобы уже при наведении мыши на термин незамедлительно появлялось сообщение с подсказкой и как только курсор мыши сдвинут с термина, сообщение исчезало. Наличие этого сервиса не отразится на объеме страниц сайта. При запросе контекстной подсказки Java Script будет обращаться к внешнему словарю, получать содержание и отображать его.

Метод получения информации по неявному запросу может найти применение не только в словаре терминов. Обращали ли вы внимание на ссылки с двойным подчеркиванием в таких проектах как hotscripts.com и devarticles.com? Это контекстная реклама на основе движка IntelliTXT компании Vibrant Media. При наведении курсора мыши на подобную ссылку появляется окно с рекламным предложением на соответствующую тему. Эта технология уже получила название in-text advertising.

Все чаще и чаще подобный метод применяется и на новостных порталах. Посетители видят на главной странице портала лишь заголовки новостей. Однако при наведении курсора мыши на заголовок новости они получают ее краткое описание. Таким образом, на главной странице портала можно вместить куда как больше новостей. Посетитель портала увидит заголовки и для того, чтобы получить анонсы новостей, ему будет достаточно пробежаться курсором мыши по заголовкам.

Давайте теперь рассмотрим, каким образом реализуется контекстная подсказка с помощью AJAX. Программисту, освоившему этот метод, не составит труда заставить портал комментировать новости по запросу или же написать модуль in-text advertising.

Итак, очевидно нам следует позаботиться об окне сообщения, того самого, которое будет появляться каждый раз, когда посетитель наводит курсор на термин. Для того, чтобы окно появлялось и исчезало мгновенно, следует поместить его на скрытом DIV.


<div id="InstantMessage" class="instant_message"> </div>

Для простоты эксперимента мы можем оформить его в стиле системных сообщений MS Windows.


<style>
.instant_message { padding: 5px; font-size: 12px; font-family: Arial; visibility: hidden;
position: absolute; width: 240px; border: outset 2px #FFFFFF; background: #D4D0C8}
.instant_message a { width: 240px; padding: 2px 17px; color: black; text-decoration: none;
cursor: default}
.instant_message a:hover {color: #ffffff; background: #0A246A}
</style >


Окно должно появиться в тот момент, когда посетитель навел курсор мыши на термин и исчезнуть, когда курсор мыши будет за пределами термина. Причем, в тот самый момент окно должно содержать уже не пробел, а текст определения термина. Таким образом, мы должны поместить термины в тексте документа в inline тег, поддерживающий события onMouseOver и onMouseOut. Первому событию следует назначить функцию JavaScript, которая получит определение термина, поместит его в окно сообщения и покажет окно. Второму событию требуется назначить функцию, которая просто скроет окно сообщения.


<a onmouseover="getDefinition('термин', event);"
onmouseout="hideMessage();">термин</a>


В параметре функции, отображающей окно (getDefenition) сообщения надо указать термин. Этот термин будет использован для запроса текста определения посредством AJAX. Так как при показе окна нам потребуется его позиционировать под курсором мыши для поддержки Gecko-базированых браузеров, в эту функцию также следует передать параметр event. Функция для сокрытия окна (hideMessage) не требует каких-либо параметров.

Теперь наша задача - при вызове функции getDefinition заставить JavaScript позиционировать окно сообщения.

function adjustMessage(evt) {
MessageObj = document.getElementById('InstantMessage');
if (isThisMozilla) event=evt;
var rightedge = document.body.clientWidth-event.clientX;
var bottomedge = document.body.clientHeight-event.clientY;
if (rightedge < MessageObj.offsetWidth)
MessageObj.style.left = document.body.scrollLeft +
event.clientX - MessageObj.offsetWidth;
else
MessageObj.style.left = document.body.scrollLeft + event.clientX;
if (bottomedge < MessageObj.offsetHeight)
MessageObj.style.top = document.body.scrollTop + event.clientY -
MessageObj.offsetHeight;
else
MessageObj.style.top = document.body.scrollTop + event.clientY;
MessageObj.innerHTML = 'Loading...';
MessageObj.style.visibility = "visible";
}

Итак, мы имеем окно сообщения, рапортующее о загрузке данных. Теперь следует выполнить запрос к контроллеру за определением термина. Вы можете написать собственные функции для обслуживания AJAX запросов. Но если вы только начинаете работать с AJAX, я могу порекомендовать вам готовую библиотеку от Yahoo. В этом случае запрос будет выглядеть так:


function getDefinition(term,evt){
adjustMessage(evt);
var request = YAHOO.util.Connect.asyncRequest('POST',
'http://адрес_контроллера', callback, 'term='+term);
}


Раз мы запрашиваем контроллер, очевидно, нам надлежит его написать. В общем случае, это самая простая часть. Задача контроллера - вернуть описание термина, переданного в POST. Каким бы языком программирования мы не пользовались при написании контроллера, нам достаточно выполнить несколько простейших операций.

* соединиться с базой данных
* выполнить SQL запрос для получения определения термина
* отобразить на консоль результат в следующем виде:

{
"errormsg" : "в случае ошибки ее код",
"content" : "текст определения"
}

Это структура данных, известная как JSON. Она воспринимается JavaScript в явном виде, как < родная>. В случае использования AJAX-библиотеки YAHOO ответ контроллера обслуживается следующей конструкцией

var handleSuccess = function(o){
if(o.responseText !== undefined){
showMessage(o.responseText);
}
};
var handleFailure = function(o){
if(o.responseText !== undefined){
showMessage("Connection Error");
}
};
var callback =
{
success:handleSuccess,
failure:handleFailure,
argument:['foo','bar']
};

Нам осталось лишь описать функцию showMessage(), которая помещает принятый текст определения в окно сообщения
function showMessage(json) {
var respondStructure = eval( '(' + json + ')' );
MessageObj.innerHTML = respondStructure.content;
return false;
}

Как вы понимаете, для сокрытия окна сообщения потребуется лишь изменить атрибут объекта

function hideMessage(){
var MessageObj=document.getElementById('InstantMessage');
MessageObj.style.visibility="hidden";
}

Когда вы будете опробовать этот пример, едва ли вы встретитесь с проблемами под браузером MS IE, однако, в FireFox вы можете обнаружить мерцание окна сообщения. Это связано с тем, что FireFox своеобразно обслуживает события onMouseOver/onMouseOut. Впрочем, эту проблему можно решить путем расстановки флагов задержки в функциях обслуживания этих событий.

Скрипты приведенного здесь примера можно загрузить здесь

Работу примера можно увидеть здесь http://www.phpclasses.org/browse/package/3505.html
Информация об авторе.

Дмитрий Шейко

http://www.cmsdevelopment.com

Ведущий программист Red Graphic Systems

Занят разработкой программного обеспечения с 1987 года. Начиная с 1998 года опубликовал более 50 технических статей в специализированных изданиях. С 2001 года разрабатывает архитектурные решения и инструментальные средства для управления содержанием (Content Management, CMF, ECM). В 2004 году разработал и опубликовал спецификацию универсального языка для разработчиков CMS XML Sapiens

Использует технологии Web 2,0 / Ajax.

Работает во всех основных браузерах. Дело в том, что многие CMS позволяют работать в админке только с помощью Internet Explorer, MODx - приятное исключение.

Система позволяет гибко настраивать мета-тэги для каждой страницы, поэтому удобна в том случае, если вы задумываетесь над оптимизацией создаваемого сайта.

Используется несколько вариантов построения ЧПУ.

Наконец, самое прияное. При всех своих возможностях - система бесплатна.

Подробности и русская поддержка системы - на сайте http://modx.ru

Сайт разработчика http://modxcms.org

Довольно оригинальный ресурс. Пользователь загружает специальный плагин для firefox, и при заходе на данный сайт он (плагин) вам покажет, что в данный момент открыто у других пользоветелей (по скриншотам). В основном это гугл, но есть и другие сайты.

Видали такое? До чего же людям всё интересно, что они всё эксперементируют. Рабочий вариант windows xp на 7 мегагерцах и 20 мегабайтах памяти! Это предел! система при этом загружается 30 минут, после 13 минут только видно первую иконку, но ещё 17 минут вы можете ничего не делать, т.к. система только начинает работать. Для тех, кто не верит, - прошу сюда: http://www.winhistory.de/more/386/xpmini_eng.htm