Поиск видео на Youtube by webo4ka.ru

1345
10 из 10
Проголосовало: 5






Всем привет, и так сразу к делу). Вчера пользователь neok создал тему на форуме http://webo4ka.ru/forum/31-6520-1, в которой предложил и сразу же попросил для своего сайта интересней хак... Суть его в том, что выше дополнительного поля 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

    Установка окончена, не забываем комментировать писать об ошибках и просить новые скрипты)) Удачи веборучани))
  • Автор публикации: Загрузка
    Загрузка
    Вовчик, это его n материал
    Источник: http://webo4ka.ru/
    • Всего комментариев: 17

    MeVeR
    0
    MeVeR написал: Написано 07 Августа 2015 в 02:06
    Комментарий №16
    $DOCPAGE_URL$ какой у него код? Подскажите пожалуйста в ЛС прошу

    Admin1053
    0
    Admin1053 написал: Написано 17 Августа 2015 в 18:46
    Комментарий №17
    ldF15

    BARABANTEMO
    0
    BARABANTEMO написал: Написано 29 Апреля 2015 в 10:58
    Комментарий №14
    Пожалуйста подскажите почему перестала работать эта функция

    Admin1053
    0
    Admin1053 написал: Написано 30 Апреля 2015 в 19:42
    Комментарий №15
    Google отключил поддержку скриптов. cry

    edohak
    0
    edohak написал: Написано 05 Марта 2015 в 18:10
    Комментарий №10
    Для модуля Видео можно?

    Вовчик
    0
    Вовчик написал: Написано 05 Марта 2015 в 18:36
    Комментарий №11
    наверно)

    Вовчик
    0
    Вовчик написал: Написано 06 Марта 2015 в 11:43
    Комментарий №12
    могу ради тебя глянуть) хочешь? но не бесплатно))

    neok
    +1
    neok написал: Написано 04 Марта 2015 в 21:33
    Комментарий №7
    И так
    Доска обявлений Дополнительное поле 1 $('.manFlOth1')
    Каталог файлов Ссылка на источник материала $('.manFlpLink')
    Онлайн игры Дополнительное поле 1 $('.manFlTxt')
    Новости сайта Дополнительное поле 1 $('.nwF11')

    Voker
    0
    Voker написал: Написано 19 Апреля 2015 в 20:54
    Комментарий №13
    А под каталог статей + Ссылка на источник материала
    Как будет?

    Admin1053
    0
    Admin1053 написал: Написано 04 Марта 2015 в 19:13
    Комментарий №1
    Спасибо отличная штучка,как в каталог файлов прикрутить?

    neok
    0
    neok написал: Написано 04 Марта 2015 в 20:25
    Комментарий №2
    Пробуй так же после $BODY$. Судя по всему manFlOth1 - является $OTHER1$

    Admin1053
    0
    Admin1053 написал: Написано 04 Марта 2015 в 20:52
    Комментарий №3
    Это ясно manFlOth1,но в каталоге файлов нет этого оператора.

    neok
    0
    neok написал: Написано 04 Марта 2015 в 21:13
    Комментарий №4
    Вместо $('.manFlOth1') поставь $('.manFlpLink')

    И код будет привязан к полюч Ссылка на источник материала

    Admin1053
    0
    Admin1053 написал: Написано 04 Марта 2015 в 21:24
    Комментарий №5
    Да спасибо работает.

    neok
    +1
    neok написал: Написано 04 Марта 2015 в 21:27
    Комментарий №6
    Ну тогда ПЛЮСЕГ В РЕПУ)))) biggrin

    Вовчик
    0
    Вовчик написал: Написано 05 Марта 2015 в 09:27
    Комментарий №8
    В каталоге файлов нет дополнительных полей, поэтому берешь ненужное поле и переделываешь)) ну вон neok уже пример написал, поле источника материала, если у тебя это поле занято, то берешь другое...

    Admin1053
    0
    Admin1053 написал: Написано 05 Марта 2015 в 15:43
    Комментарий №9
    Я уже понял просто модульные коды еще не все распознал.Спасибо Вовчик .

    • Оставить комментарий:
    Добавлять комментарии могут только зарегистрированные пользователи.
    Регистрация | Вход
    Меню сайта
    Категории
    Для помощи создания сайта uCoz 25
    Скрипты и модификации для Ucoz 2118
    Шаблоны форумов Ucoz 28
    Шаблоны сайтов Ucoz 431
    Авторство Webo4ki 309
    php скрипты для ucoz 57
    Графика для uCoz 40
    Мини-чат
    Последние комментарии
  • Marishka написал:
  • Радио не стоит на месте новая версия вам 1.5:
    Что нового:
    1. Media Session - позволит вам переключать из бара браузера радио, а также на блоке экрана.
    2. Новые радиостанции.
    3. Новый API код.

    Демо: fiddle
    Реальная полная версия: woobl
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
    Последние темы
    Опрос
    470
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 2
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: