Страница 1 из 11
Форум » uCoz » Помощь по uCoz » Вывод информации из input в блок (Как реализовать?)
Вывод информации из input в блок
CbIPoK Offline
Проверенный
37
Дата: Пятница, 23.10.2015, 13:50 | Сообщение # 1
Как реализовать вывод информации из input в блок, например img?

Вот есть у меня к примеру инпут, в который Вы должны вставить ссылку на изображение, а ссылка из инпута выводится <img src="сюда">.


Помог? Ставь + в репутацию! :3
Профиль
Imapo Offline
Проверенный
5
Дата: Суббота, 24.10.2015, 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 Offline
Проверенный
37
Дата: Суббота, 24.10.2015, 09:24 | Сообщение # 3
Imapo, ох ништяяяк :)
Спасибо.
А можно сделать всё точно так же, только без нажатия на кнопку "ОК"? :)


Помог? Ставь + в репутацию! :3
Профиль
admin Offline
Гл. администратор
429
Дата: Суббота, 24.10.2015, 10:12 | Сообщение # 4
В скрипте замени

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


на

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


Помог? Ставь или поддержи проект.
Профиль
Форум » uCoz » Помощь по uCoz » Вывод информации из input в блок (Как реализовать?)
Страница 1 из 11
Поиск: