Create a link on the fly when a user enters a code in a form box
<p>I have a form....</p>

<pre><code>&lt;form id="orderform" method="post" orderform="" name=""&gt;
  &lt;table width="533" cellspacing="0" cellpadding="2" border="0" id="ordertable"&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td&gt;Product Code&lt;/td&gt;
      &lt;td&gt;Meterage&lt;/td&gt;
      &lt;td&gt;Sample Img&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr class="item"&gt;
      &lt;td class="prodcode"&gt;&lt;input type="text" id="prodcode" name="prodcode"&gt;&lt;/td&gt;
      &lt;td class="meterage"&gt;&lt;input type="text" id="meterage" name="meterage"&gt;&lt;/td&gt;
      &lt;td class="imgsample"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
&lt;/form&gt;
</code></pre>

<p>What i would like is when a user clicks out of the box on the prodcode it searches a folder for the image reference...creates a link on under the imgsample header for that particular item using the prodCode they entered...</p>

<p><a href="http://www.mylink.com/images/folder/sub-folder/imageref.jpg" rel="nofollow">http://www.mylink.com/images/folder/sub-folder/imageref.jpg</a></p>

<p>Is this an impossible task, any ideas?</p>
