Картинка при нажатии

[Marsik]

Здравствуйте. Как сделать при помощи js так чтобы при нажатии на кнопку открылась картинка, только с одним нюансом:
1) чел вводит номер в текстовое поле
2) js считывает этот номер и выводит картинку с таким адресом:
sait.com/lala/NM.jpg
где NM номер, который js считала с текстового поля. Помогите пожалуйста

[Arigato]

Как именно вы хотите открывать картинку, в том же окне или новым окном?

[Marsik]

ну желательно в том же

[wall66]

<input type="text" onchange="document.getElementById('test').src='http://sait.com/lala/'+this.value+'.jpg'" />
<img id="test" src="" />

[Arigato]

Можно примерно так:

<div id="img_block" style="display: none;">
<img src="" alt="" id="img" />
</div>

<script type="text/javascript">
function imgOpen (n)
{
	document.getElementById ("img").src = "http://sait.com/lala/" + n.toString() + ".jpg";
	document.getElementById ("img_block").style.display = "block";
}
</script>

<br />
<input type="text" id="img_n" />
<input type="button" onclick="imgOpen(document.getElementById ('img_n').value);" value="Load" />

[Marsik]

Arigato большое спасибо, все отлично работает, Я вам премного благодарен можно спросить еще вот что: можно как сделать так чтобы в поле ввода можно было вводить только цифры?

[Arigato]

Добавляем функцию:

function validate (elem)
{
	var text = elem.value;
	var result = "";
	for ( var i = 0; i < text.length; i++ )
		if ( text.charAt (i) >= "0" && text.charAt (i) <= "9" ) result += text.charAt (i);
	elem.value = result;
}

И обработчики событий для поля ввода:

onkeyup="validate (this);" onkeydown="validate (this);" onchange="validate (this);"

[Marsik]

все Arigato еще раз спасибо, ты Мне очень помоГ. Проблемы решены, тему можно закрывать.

[Marsik]

Arigato возник еще один нюанс, снова надеюсь на ваш гениальный ум
в общем ваш код идеально подходит, но можно его как-нибудь дополнить, так, чтобы если картинка отсутсвует(или там пользователь введет что-нибудь наподобии 123456) выходила надпись типо "картинка отсутсвует". Можете помочь?

[Arigato]

Можно заменить тег:

<img src="" alt="" id="img" />

на:

<img src="" alt="картинка отсутсвует" id="img" />

Если браузер не сможет загрузить картинку, то покажет альтернативный текст "картинка отсутсвует".