Создаем модальные окна на Joomla-сайте

В этом видеоуроке мы рассмотрим вопрос создания модальных окон на сайтах, сделанных на движке Joomla.

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

Отличительной особеностью MediaBox является то, что этот плагин позволяет выводить в модальном окне не только изображения, но и сторонние сайты, а также страницы вашего сайта посредством технологии AJAX. И кроме того, мы сможем вывести в модальном окне и простой текст, который будет подгружаться из внешнего файла формата txt, и отдельную html-страницу, которая содержит картинки и css-оформление.

Разработчики этих компонентов идут в ногу со временем и поэтому нам доступна версия редактора и плагина не только для Joomla 1.5, но и для версии Joomla 1.7, которая набирает все большую популярность в последнее время.

Автор урока: Сергей Патин

 

 

 

 

 

Авторизоваться и Скачать

5 последних добавленных файлов в рубрике"Видеоуроки"

  • Как заставить человека просмотреть видео на сайте до конца?

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

  • Эффект дразнящего уголка для вашего сайта

    Я думаю, вы уже много раз наталкивались на эффект дразнящего уголка на сайтах разных инфобизнесменов. Этот прием хорошо себя зарекомендовал, поэтому с помощью него вы сможете немного увеличить свою подписную базу или повысить продажи.

  • Как добавить комментарии Вконтакте к своему сайту

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

  • Эффективная гостевая книга для joomla-сайта

    Гостевые книги часто используются на сайтах в качестве эффективного способа обратной связи с людьми, которые заходят на ваш сайт. Посетители могут высказать свое мнение относительно сайта, дать какой-то совет или задать вопрос. И в этом уроке мы установим на сайт, работающий на движке джумла, компонент гостевой книги phoca guestbook.

  • Открываем счет в системе PayPal

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

или авторизуйтесь, чтобы добавлять комментарии, оценивать уроки и сохранять их в личном кабинете
  • 13 Сентября 2011 21:30
    maxefect
    почему у меня модальное окно работает только firefox а в остальных браузерах открывается в новом!
  • 13 Сентября 2011 23:32
    Dimon33
    Урок супер!!! Спасибо. Классно если бы еще сделали видео обзор по joomla 1.7. ;)
  • 2 Октября 2011 02:49
    iliamuromec
    Доброго времени суток. У меня такая проблема, установка данного компонента а также плагина и перевода к ним проходит отлично, но при попытке открыть настройки компонента показывает просто белую страницу. Не подскажете что это такое и как с этим бороться, заранее благодарен.
  • 30 Октября 2011 22:24
    akondr
    IE 8 ошибку выдает Сведения об ошибке на веб-странице Строка: 19 Символ: 15990 Код: 0 URI-код: /fancybox/jquery-1.3.2.min.js
  • 19 Ноября 2011 20:24
    TARG
    Ещё бы рассказали как кнопку закрыть убрать снизу окна и приделать к верху
  • 18 Января 2012 13:27
    vlanger
    У меня такая проблема! Установил модальные окна у себя на сайте, все работало хорошо, но почему-то хром через время перестал их показывать. Идет затемнение страницы а окно с формой отсутствует! Подскажите как решить данную ситуацию! На всех остальных браузерах работает нормально! А перестал работать после того как я установил всплывающую форму сбора подписчиков от смартреспондера!
    • 9 Февраля 2012 10:53
      jasur_xv
      salom men uzbekistondan jasur
  • 24 Января 2012 11:57
    норман
    Спасибо за урок.Все скачал с сайта разработчиков и установил на создаваемый сайт у себя на local.При попытке создать ссылку в открывающем окошке все выводится крякозябрами,хотя на панели редактора все нормально.Подскажите, в чем причина.
  • 9 Июня 2012 13:27
    serg160485
    Подскажите решение,вывожу форму заказа в модальном окне,в ie9 ничего не работает,при нажатии на ссылку страница как будто перекрывается всплывшим окном но его нет,курсор принимает состояние наведения и так и остается пока не перезагрузить страницу,все ссылки на меню и остальные становятся доступны к нажатию если переключать их с помощью TAB опятьже до перезагрузки страницы,может быть кто нибудь знает как заставить ie выводить окно?
  • 22 Июля 2014 22:43
    nurik2014
    Да, проста класс! Простыми словами- нет слов. Благодарю за совет и за урок.
^ Наверх ^