penoky | Дата: Суббота, 07.03.2015, 06:03 | Сообщение # 1 |
Генерал-майор
Группа: Администраторы
Сообщений: 279
Репутация: 0
Статус: Offline
|
Поиск видео на Youtube by
Суть его в том, что выше дополнительного поля 1 в модуле "Доска объявлений" будет еще одно поле с кнопкой найти видео Youtube, после того как пользователь напишет в то поле текст и нажмет найти, откроется ajax окно с данным видео и кнопкой добавить видео в дополнительное поле 1... вообщем неплохо получилось, пользуйтесь и радуйтесь)) А теперь перейдем к установке.
Установка:
Заходим в ПУ ---> Управление дизайном ---> Доска объявлений ---> Страница добавления/редактирования материала и после $BODY$ вставляете данный код:
Код <script type="text/javascript"> // by webo4ka.ru $(document).ready(function(){ $("#SearchYoutube").click(function(){ var youtube_video = $('#youtube_video').val(); var keyword = encodeURIComponent(youtube_video); var yt_url='http://gdata.youtube.com/feeds/api/videos?q='+keyword+'&format=5&max-results=1&v=2&alt=jsonc';
$.ajax({type:"GET", url:yt_url, dataType:"jsonp", success: function(response) {if(response.data.items) {$.each(response.data.items, function(i,data) { var video_id = data.id; var video_title=data.title; var video_viewCount=data.viewCount; new _uWnd('youtubeWebo4kaRu','Видео: '+youtube_video+'',550,500,{autosize:0,resize:0,closeonesc:1,},'<iframe width="520" height="370" src="http://www.youtube.com/embed/'+video_id+'"></iframe> <fieldset><legend><b>Видео: '+youtube_video+'</b></legend><form onsubmit="return kolCimvolovWebo4kaRu(this)"><table width="100%"><tr width="100%"><td style="width:100%"><input type="text" id="youtubeWebo4kaRu" size="20" style="width:100%" value="http://youtu.be/'+video_id+'" onclick="this.select();"></td><td><input href="javascript://" onclick="vstavkaYoutubeWebo4kaRu();" type="submit" value="Вставить"/></td></tr></table></form><div class="fHelp" style="padding-top:4px">Скопируйте и вставьте данный код в <b>Дополнительное поле 1</b>. Или просто нажмите на кнопку "Вставить"</div></fieldset> ') }); } else {_uWnd.alert('<font color="red"><b>Такого видео нет!</b></font>', 'Капитан Очевидность', {w: 222, h: 66, tm: 3000}); return false;} } }); }); });
$('.manFlOth1').before('<table><tr><td class="label">Поиск на Youtube:</td><td><input type="text" id="youtube_video" value="" maxlength="150"/><input type="button" id="SearchYoutube" value="Найти видео"></td></tr></table> ');
function kolCimvolovWebo4kaRu(form){ for (var i = 0; i < form.length;) if (form[i].value == ''){_uWnd.alert('<font color="red"><b>Текстовое поле не заполнено!</b></font>', 'Капитан Очевидность', {w: 222, h: 66, tm: 3000}); return false;} else{_uWnd.alert('<font color="green"><b>Код успешно вставлен!</b></font>', 'Капитан Очевидность', {w: 222, h: 66, tm: 3000}); _uWnd.close('youtubeWebo4kaRu'); return false;} } function vstavkaYoutubeWebo4kaRu(){var vstavkaYoutubeWebo4kaRu = $('#youtubeWebo4kaRu').val(); $('.manFlOth1').val(vstavkaYoutubeWebo4kaRu);} </script>
Настройка:
1) Для того, чтобы поменять имя Дополнительного поля 1, необходимо зайти в ПУ ---> Замена стандартных надписей ---> Форма добавления модуля "Доска объявлений" и меняете Дополнительное поле 1 на то, что вам необходимо
2) Для установки скрипта в другие модуля, необходимо: Найти в коде $('.manFlOth1') и заменить на $('.manFlpLink') - Каталог файлов, это поле ссылки на источник материала. $('.manFlTxt') - Онлайн игры, это дополнительное поле 1 $('.nwF11') - Новости сайта, это дополнительное поле 1
Поиск, видео, на, Youtube, by
|
|
|
| |