Вывести изображение после ввода URL без перезагрузки страницы
 

Друзья помогите новичку.
Я уже 2 суток курб маны форумы и гугл, по такому вопросу:

Иемется форма для отправки в базу, вводим допустим, поле 1 поле 2 и третье поле изображение (аля http://javascript.ru/forum/images/smilies/unsure.gif )

Все данный утекают в базу и потом выводятся на нужных мне страничках.
Вопрос вот в чем:::
- как ПОКАЗЫВАТЬ это самое изображение при вводе:
Url изображения = :-? ( в определенных параметрах высота/ширина)
- как то получить результаты изображения с удаленного хоста:
сайт.ру где есть ЭТО изображение = :-?

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

<script type="text/javascript">
function f() {
var p01 = document.getElementById("i01").value;
p01 = p01
var p02 = document.getElementById("i02"); p02.innerHTML = p01
}

</script>

<input type="text" name="i01" id="i01" onkeyup="f();"></td>
<div id="i02" style="margin-top:10px; width:250px; height:250px; border:1px solid #ccc; text-align:center;">

Заранее благодарен

как оно тебе будет показываться при вводе? если ты его вводишь, значит url еще не дописан и соответственно не сможет показать изображение, другое дело если ссылку вставят и потом, что сложного в том чтобы его показать? Берешь url создаешь элемент <img scr="url" width="50" height="50"> и вставляешь его куда надо

Да так то оно так.
НО если человек вставил картинку в поле
[http://javascript.ru/forum/images/smilies/smile.gif] = то рядом я хочу сразу увидеть эту картинку

а как сделать я не могу понять (

Ну с некоторым интервалом почему бы и нет?

комментарием выше написали же, как сделать

<script type="text/javascript">
function f() {
var p01 = document.getElementById("i01").value;
p01 = p01
var p02 = document.getElementById("i02"); p02.innerHTML = '<img scr="' + p01 + '" width="50" height="50">'
}
</script>

яб не стал так делать, лишнее это, проще сделать событие на вставку, либо отвод фокуса с поля