1. Форум
  3. Форум
  5. Web-сайт своими руками
  7. Погода от Yahoo. Информер для сайта
×
Masterpro Nivo Slider (06 фев 2023)

Это форк Vinaora Nivo Slider, пришлось переименовать, в силу требования JED. Даже старую версию качать можно было только с варезных сайтов, нашпигованную троянами. Зачем оно такое, согласитесь.

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

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

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

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

zipcode: '76309',

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

location: 'St. Petersburg, Russia',

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

unit: 'f',

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

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

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

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

<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 убираем (если не нужна) строчку

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

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

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

Подробнее
9 года 9 мес. назад - 9 года 9 мес. назад #2 от Aleksej
Aleksej ответил в теме Погода от Yahoo. Информер для сайта
В приведенной чуть выше демке использована следующая конструкция index.js -

$.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 - вписать, соответственно, названия на русском. Еще больше опций информера доступно на сайте разработчика, ссылка в первом посте.
Последнее редактирование: 9 года 9 мес. назад пользователем p.rishard.

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

Подробнее
9 года 1 мес. назад #3 от Jannet
Jannet ответил в теме Погода от Yahoo. Информер для сайта
Уже несколько месяцев этот информер работает только для американцев. по зипкоду. :sick:
Еще немного - и я всему научусь. :)

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

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

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

Подробнее
8 года 7 мес. назад #5 от ralf
ralf ответил в теме Погода от Yahoo. Информер для сайта
или этот!

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

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

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

  1. Форум
  3. Форум
  5. Web-сайт своими руками
  7. Погода от Yahoo. Информер для сайта

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