Главная / Каталог скриптов для uCoz / Разное, Бесплатно

Получение ссылки из текстового поля

Добавлено 11-01-2018 в 14:26

Категория Разное, Бесплатно
Авторwaak
Просмотры756
Комментарии0
Понравилось9

Здравствуйте! сегодня решил поделится с вами способом получение ссылки из текстового поля так как многие да и я сам много раз при написание некоторых скриптов нуждался в том чтобы получить ссылку из массива текста и записать её в переменную для дальнейшего использования

Скрипт будет получать первую ссылку из текста введённом в поле и выводить её в указанный нами блок
также если при вводе ссылки пользователям у неё не будет указан http:// то скрипт сам добавит к ней данную строчку

Установка

Не буду разбивать код на участки так как он должен стоять именно в этом порядке

в нужное место ставим код

Код

  <input id="text_pole" name="text" type="text" placeholder="Ваш текст">
  <div id="text_pole_url"></div>

  <script>
var input = document.getElementById('text_pole');
input.onkeyup = (function() {
  return function() {
  var tt = this.value;
  var links = tt.match(/[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/gi);
var first_link = links[0];
if(first_link.indexOf('http://')==-1){
  first_link = 'http://'+first_link;
}
$('#text_pole_url').html(''+first_link+'');
}
})();
  </script>

Теперь подробнее
text_pole - id поля от куда будет браться ссылка
text_pole_url - id блока куда будет выводится ссылка

Так же подчеркну что скрипт будет брать любую ссылку не важно это ссылка на видео или ссылка на картинку или просто на сайт

Плюс данного скрипта в том что ссылка получается из массива текста то есть ей не нужно быть первой в тексте или крайней так же она получается при вводе текста и будет меняться сразу же при изменение её в поле вам не нужно будет нажимать для этого посторонних кнопок

В качестве примера можете зайти в свой профиль на данном сайте и изменить обложку в профиль данный скрипт используется там для получении картинки и мгновенного вывода её в качестве фоно блока

Если будут вопросы пишите в комментариях

Оставить комментарий

Добавлять комментарии могут только зарегистрированные пользователи.

Регистрация Вход

Создать сайт
Бесплатно

Меню

Полезно

Комментарии

pa patali2k

Спасибо большое!

06-06-2025 в 05:58 материал

waak

на все страницы вывести можно скриптом через запрос на персональную страницу пользователя а на странице со списком закладок я вывел так

Код

У вас $NUM_ENTRIES$ заклад<?if($NUM_ENTRIES$%10=0||$NUM_ENTRIES$%10>4||$NUM_ENTRIES$%100>10&&$NUM_ENTRIES$%100<15)?>ок<?else?><?if($NUM_ENTRIES$%10=1)?>ка<?else?>ки<?endif?><?endif?>

05-06-2025 в 22:07 материал

pa patali2k

Добрый день! Waak подскажи как вы сделали У вас N закладок, у меня выходит 1-5 например, так если можете подскажите как вывести кол.во закладок пользователя например в мини профиль, чтоб кол.во закладок показывало на любой странице

04-06-2025 в 16:51 материал

pa patali2k

Добрый день!
Сегодня снова попробовал установить скрипт и он снова не заработал, все перерыл, изменял, убирал и никак не заводился.
Решение: В общих настройках сайта нужно переключить Версия библиотеки jQuery: на jquery-1.12.4.min.js
В общем теперь просьба, не могли бы переписать скрипт закладок под jquery-3.6.0.min.js