Виджет

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

Загрузка виджета...

Установка

Установить виджет на свой сайт очень просто. Для этого необходимо:

1) В месте страницы, где вы желаете разместить виджет, вставить код:
<div id="nextjoke-joke-widget"></div>

<script type="text/javascript"> 
(function () { 
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.charset = "UTF-8";
s.src = 'http://nextjoke.net/Scripts/Api/joke_widget.js';
var x = document.getElementsByTagName('script')[0]; 
x.parentNode.insertBefore(s, x);
})(); 
</script>

2) Настроить параметры виджета с помощью атрибутов уже вставленного div'a

АтрибутЗначениеОписание
fromrandomВыбор шутки случайным образом
favouritesВыбор шутки их списка любимых шуток пользователя, указанного в атрибуте userId
userIdчислоНомер пользователя (id) на сайте nextjoke.net
rating-minчислоМинимальный рейтинг шуток, которые будут отображаться
lengthчислоМаксимальное число символов в тексте шутки
widget-widthчислоpxШирина виджета в пикселях. Минимальное значение 140px, по умолчанию 310px
leftytrueЛевостороннее расположение кнопок виджета
falseПравостороннее расположение
debugtrueРежим отладки (выводит сообщения об ошибках)
falseНе выводит сообщения об ошибках

Пример

Этот код размещает виджет c левосторонним расположением кнопок, который будет отображать случайные шутки с рейтингом от 5 и длиной до 140 символов.

<div id="nextjoke-joke-widget" from="random" rating-min="5" length="140" widget-width="320px" lefty="true"> Здесь можно разместить какое-либо содержание, которое будет выводится до загрузки виджета либо в случае неуспешной загрузки javascript кода виджета. </div>


<script type="text/javascript"> 
(function () { 
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.charset = "UTF-8";
s.src = 'http://nextjoke.net/Scripts/Api/joke_widget.js';
var x = document.getElementsByTagName('script')[0]; 
x.parentNode.insertBefore(s, x);
})(); 
</script>
Вверх