1752
2013 01 сентября

Полноценный мини AJAX сайт на примере Joomla 2.5 с использованием jquery и history

Никак руки не доходили, попробуем теперь.

Что получим на выходе - минималистичный сайт без привязок модулей к разным страницам и прочих "сложных" элементов, эдакий сайт визитка на полном ajax с использованием Jquery и History API (то есть в браузере кнопочки вперед\назад будут работать в полноценном режиме)

Сразу для разжигания интереса ссылка на рабочий результат

1443
2011 21 ноября

AJAX проверка для формы регистрации для Joomla 1.7

AJAX проверка для формы регистрации для Joomla 1.7

Рассмотрим один из примеров использования AJAX технологий с использованием стандартного Mootools 1.3, встроенного в Joomla 1.7, на примере формы регистрации - на лету при вводе проверить, свободны ли имя пользователя и email.

Для Joomla 1.5 коллега SmokerMan уже приводил пример, но нам он не подходит по причине другой версии mootools и мы хотим чуть расширить возможности (по этой же причине ни в коем случае (irony) не читайте эту статью http://docs.joomla.org/Ajax_using_MooTools, поскольку авторы сами предупреждают "This article applies to Joomla! 1.5 only as Joomla! 1.6 ships with a later version of MooTools which has a different way of handling Ajax requests.")

Посмотреть в работе можно здесь - http://beliyadm.rcoi.net/joomla17demo/index.php/using-joomla/extensions/components/users-component/registration-form
Тестовые логины - admin, test
Тестовый email - test@mail.ru

473
2009 04 февраля

Модальные всплывающие окна в админке !J1.5

Запись скорее для себя, дабы не забыть. Подключаем в админке !Joomla 1.5 (да можно и на фронтенде) всплывающие окна с эффектом (работает на mootools и адаптированном скрипте SqueezeBox)
1
23
45
67
89
1011
1213
14
$header .= "
<script type=\"text/javascript\">window.addEvent('domready', function() {
SqueezeBox.initialize({});        $$('a.modal').each(function(el) {
                el.addEvent('click', function(e) {                new Event(e).stop();
                SqueezeBox.fromElement(el);                });
        });});
</script>";$header .= '<link rel="stylesheet" href="/media/system/css/modal.css" type="text/css" />';
$mainframe->addCustomHeadTag($header);
И оформляем ссылку
1
<a class="modal" rel="{handler: 'iframe', size: {x: 650, y: 375}}" href="MyLink" title="Link">Link</a>
264
2008 19 ноября

Overlib в Joomla 1.0.x

Palych (зараза такая) спросил, а я и не знал. Потому нашли и фиксируем - кастомизация внешнего вида стандартных тултипов в Joomla 1.0.хх

Собственно на событие
1
onmouseover="return overlib('.$overlibmetadescimg.', BELOW, RIGHT);" onmouseout="return nd();"
Отрабатывает скрипт includes\js\overlib_mini.js
Что нужно сделать, чтобы изменить оформление (цвета, шрифты etc):
1 - внести изменения в сам файл, переменные типа ol_fgcolor. Код не структурирован, разобраться - ногу сломать
2 - Command Reference от автора скрипта.
P.S. конечно, есть и лучшие скрипты оверлибов, но раз уж нам дан стандартный - пользуем его.
Метки:
247
2008 21 октября

Приятные JS скрипты

javascript Дабы сильно не дублироваться, но и не потерять полезные скрипты - ссылко на разные приятные скрипты в специализированном разделе joomlaforum.ru