Показать сообщение отдельно
  #7 (permalink)  
Старый 29.11.2014, 19:50
Профессор
Посмотреть профиль Найти все сообщения от krutoy
 
Регистрация: 09.11.2014
Сообщений: 610

Сообщение от zoOmer Посмотреть сообщение
krutoy, Спасибо))))
На счет второго нет не нужно проверять. Просто есть обычное текстовое поле в котором можно вводить обычный текст но нужно сделать так чтоб при вставке в него ссылки появлялась кнопка.

Нужно искать регулярным выражением или как еще?
попробуй вот так
<!DOCTYPE HTML>
<html>
  <head><meta charset="windows-1251" /> </head>
  <body>
<input id="input" />
<button style="display: none" id="button">push</button>
 <script>
button=document.querySelector("#button")
input=document.querySelector("#input")
input.oninput=function(){
   if(/(\s+|^)http(s)?:\/\/[.\w-]+\.\w{2,3}(\s+|$)/.test(this.value)) return button.style.display="block"
   button.style.display="none"
}
 </script>
  </body>
</html>

Кнопка будет появляться в случае появлния ссылки в тексте. Проверка не идеальная, но для сельской местности пойдет. Если же надо, чтобы не было ничго кроме ссылки, надо по другому:
<!DOCTYPE HTML>
<html>
  <head><meta charset="windows-1251" /> </head>
  <body>
<input id="input" />
<button style="display: none" id="button">push</button>
 <script>
button=document.querySelector("#button")
input=document.querySelector("#input")
input.oninput=function(){
   if(/^http(s)?:\/\/[.\w-]+\.\w{2,3}$/.test(this.value)) return button.style.display="block"
   button.style.display="none"
}
 </script>
  </body>
</html>

Последний раз редактировалось krutoy, 29.11.2014 в 20:06.
Ответить с цитированием