Вывод информации из input в блок

Новые сообщения · Правила форума · Поиск

Оставить отзыв · Пожаловаться · RSS

Страница 1 из 1
1

Форум » uCoz » Помощь по uCoz » Вывод информации из input в блок (Как реализовать?)

CbIPoK Оффлайн

Проверенный

Дата: Пятница, 2015-10-23, 13:50 | Сообщение # 1

Как реализовать вывод информации из input в блок, например img?

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

Профиль

Imapo Оффлайн

Проверенный

Дата: Суббота, 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 Оффлайн

Проверенный

Дата: Суббота, 2015-10-24, 09:24 | Сообщение # 3

Imapo, ох ништяяяк :)
Спасибо.
А можно сделать всё точно так же, только без нажатия на кнопку "ОК"?