How to load iframe with a user-specified url?

Hi,

I new to WordPress. I’m looking to create a way for our customers to search an image using an input field with the help of javascript.

For example when they type the image name in the input field, the image will appear in an iframe from a folder on the server. There will be a folder of different images. We take pictures with Santa every year and would like for our customers to go to our website to view the picture and download a copy if they want. Is there a way to do this or any suggestions will really help?

We have used this feature on our old website, which was basically all html. Now that we use a WordPress-based site, Its a bit of a challenge.
How can i add this to my current wordpress site or is there a plugin for something like this?

Thanks in advance,
Endeavor

Here is the javascript code:
<script type=”text/javascript”>// <![CDATA[
function loadFrame(el)
{
base = ‘.jpg’;
base2 = ‘Christmas/’;
var f;
var fName = el.form.target;
if (fName && (f = window.frames) && (f = f[fName])){
f.location = base2 + el.value + base;
return false;
}
return true;
}
// ]]></script>