Joomla 4. Компонент K2 и форк K2ForJ4 (18 янв 2024)

Если вас, как и меня, достало выслушивать (вычитывать) бесконечные обещания разработчика K2 опубликовать версию компонента K2 под Joomla 4 (без чего невозможно реализовать апгрейд from Joomla 3 to Joomla 4) - воспользуйтесь форком K2ForJ4. Который в данный момент установлен и без каких-либо проблем работает на этом веб-сайте.

Погода от Yahoo. Информер для сайта

Больше
10 года 7 мес. назад - 10 года 2 мес. назад #1 от Aleksej
Некоторое время назад на сайте была размещена демка замечательного погодного информера, способного выводить на сайте погоду от Yahoo (судя по заявлениям разработчика - и не только от Yahoo). Информер мне в свое время действительно понравился, не так уж просто найти что-то действительно некриво работающее в этом контексте для сайта своего, на Joomla там он сделан или не на Joomla (под WordPress существует неплохой плагин на основе данного скрипта, для Joomla пока что не встречал). Нет, разумеется, для тех, кто считает, что оптимально попросту скопировать код информера с GisMeteo и так далее - флаг в руки, на здоровье. Но я рекомендую все же не лениться и не скупиться для своего любимого web-сайта и приготовить что-нить действительно вкусненькое, и лучше всего - на jquery.

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

Находим по приведенной выше ссылке на сайте разраба - линк на codepen , переходим и сразу же видим рабочую и редактируемую демку информера, по умолчанию он указывает на Wichita Falls, TX. Первым делом - на вкладке "js" удаляем всю строчку, содержащую zipcode (это только для американцев):

Code:
zipcode: '76309',

и заместо нее пишем, например, вот эдак:

Code:
location: 'St. Petersburg, Russia',

Далее, там же; находим строчку

Code:
unit: 'f',

и меняем "f" на "с". Нас ведь с вами градусы по Цельсию интересуют, а не по Фаренгейту?

Далее... а это, пожалуй, все. Жмем Save. Несложно, правда?

Ну, и еще далее - Share -> Export zip.

Загружаем и распаковываем архив, открываем index.html в любом браузере. Все уже должно работать, не правда ли? Теперь, чтобы увидеть работу информера уже на сайте - от вас потребуется только разместить скрипты где-нибудь в публичной директории и правильно прописать пути к ним в этом самом индексном файле... Далее - полученный HTML-код вставляем тем или иным способом на страничке сайта (напрямую, через mod_custom, посредством iframe, как хотите). Код ифрейма может выглядеть, скажем, примерно вот так:

Code:
<div class="contentpane"> <iframe id="blockrandom" name="iframe" src="vash_katalog_s_fajlami/index.html" width="400px" height="250px" scrolling="no" frameborder="0" class="wrapper"> Эта функция работает неправильно. К сожалению, ваш браузер не поддерживает Inline Frames.</iframe> </div>


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

В index.js убираем (если не нужна) строчку

Code:
html += '<a href="'+weather.link+'">View Forecast &raquo;</a>';

Все!
Последнее редактирование: 10 года 2 мес. назад пользователем p.rishard.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Dev banner 2
Больше
10 года 7 мес. назад - 10 года 7 мес. назад #2 от Aleksej
В приведенной чуть выше демке использована следующая конструкция index.js -

Code:
$.simpleWeather({ location: 'St. Petersburg, Russia', unit: 'c', success: function(weather) { html = '<h5>'+weather.updated+'</h5>'; html += '<h2>'+weather.city+', '+weather.country+'</h2>'; html += '<img style="float:left;" width="125px" src="'+weather.image+'">'; html += '<p>'+weather.temp+'&deg; '+weather.units.temp+'<br /><span>'+weather.currently+'</span></p>'; html += '<h4>Wind '+weather.wind.speed+', '+weather.wind.direction+'</h4>'; html += '<h5>Sunrise - '+weather.sunrise+', Sunset - '+weather.sunset+'.</h5>'; $("#weather").html(html); }, error: function(error) { $("#weather").html('<p>'+error+'</p>'); } });


Взгляните внимательно на этот код; никто и ничто не мешает вам вместо sunrise, sunset или wind - вписать, соответственно, названия на русском. Еще больше опций информера доступно на сайте разработчика, ссылка в первом посте.
Последнее редактирование: 10 года 7 мес. назад пользователем p.rishard.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
9 года 11 мес. назад #3 от Jannet
Уже несколько месяцев этот информер работает только для американцев. по зипкоду. :sick:

Еще немного - и я всему научусь. :)

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
9 года 11 мес. назад #4 от Aleksej
Попробуйте этот. В ближайшее время постараюсь сделать полноценный модуль для Joomla 3. А пока - вот так .

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
9 года 5 мес. назад #5 от ralf

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
7 года 1 мес. назад - 7 года 1 мес. назад #6 от Aleksej
Flat Weather jQuery Plugin способен не только показывать погоду от Yahoo - но, после очень небольшой модификации - показывать погоду для геолокации любого посетителя вашего сайта; подробнее по ссылке.
Последнее редактирование: 7 года 1 мес. назад пользователем Aleksej.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Работает на Kunena форум