• Страница 1 из 1
  • 1
Вывод информации из input в блок
CbIPoK Оффлайн
Проверенный
37
Дата: Пятница, 2015-10-23, 13:50 | Сообщение # 1
Как реализовать вывод информации из input в блок, например img?

Вот есть у меня к примеру инпут, в который Вы должны вставить ссылку на изображение, а ссылка из инпута выводится <img src="сюда">.
Профиль
Imapo Оффлайн
Проверенный
5
Дата: Суббота, 2015-10-24, 07:17 | Сообщение # 2
Решение на jQuery:
Код
<input type="text" id="apoinput" />
<input type="button" id="apook" value="OK" />
<img class="apoimg" />

<script>
$('#apook').click(function () {
var a = $('#apoinput').val();
if(a.indexOf('.jpg') != -1 || a.indexOf('.jpeg') != -1 || a.indexOf('.png') != -1 || a.indexOf('.gif') != -1) {
$('.apoimg').attr('src', a);
};
});
</script>

Демонстрация: http://jsfiddle.net/apoucoz/5g8odyk8/
Профиль
CbIPoK Оффлайн
Проверенный
37
Дата: Суббота, 2015-10-24, 09:24 | Сообщение # 3
Imapo, ох ништяяяк :)
Спасибо.
А можно сделать всё точно так же, только без нажатия на кнопку "ОК"? :)
Профиль
admin Оффлайн
Проверенный
429
Дата: Суббота, 2015-10-24, 10:12 | Сообщение # 4
В скрипте замени

Код
$('#apook').click


на

Код
$('#apoinput').blur


Помог? Ставь или поддержи проект.
Профиль
  • Страница 1 из 1
  • 1
Поиск: