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

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

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

Категория Разное, Бесплатно
Авторwaak
Просмотры676
Комментарии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 блока куда будет выводится ссылка

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

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

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

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

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

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

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

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

Меню

Полезно

Комментарии

waak

К сожалению, у меня нет сайта, на котором был бы активен данный модуль, чтобы посмотреть, работает он там или нет.

04-03-2024 в 08:01 материал

Fr Frag

Для модуля новости не работает

03-03-2024 в 05:55 материал

web_master

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

POST http:сайт/index/ 404 (Not Found)

29-02-2024 в 16:58 материал

web_master

UPD: так будет работать , + в конце будут показывать и проценты...

Код

<?($OTHER2$-$OTHER1$)/$OTHER2$*100 ?>

А так будет без процентов:

Код

<?int(($OTHER2$-$OTHER1$)/$OTHER2$*100)?>

25-02-2024 в 23:06 материал

web_master

Скрипт не работает почему-то

25-02-2024 в 22:09 материал

waak

Не за что! Я бы делал больше но просьб мало а самому сидеть придумывать не всегда есть время по этому и обновления идут редко

07-02-2024 в 18:26 материал

ed edik2009

Спасибо.Поставил все работает. К сожалению эпоха сайтостроения Юкоз прошла. Ваш сайт один из немногих который, хоть что то обновляет материалы для в этой системы (Скрипты, Шаблоны, Графика и т.д)

07-02-2024 в 08:08 материал

waak

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

27-01-2024 в 15:12 материал

di dinyslamsinger

От души