Поиск видео на 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
|