How can I create a dynamic image button

Question

Hi
I want to fill a region with buttons with image. I will execute a PL/SQL procedure to do this. I have made some tests but the image didn't is shown.
I write in my plsql code:
htp.p('<input type="image" src="#WORKSPACE_IMAGES#image.png" >');
Any help?
I am using Apex 4, EPG, Oracle 11g, Ubuntu environment.
Tks a lot.
Ricardo

Answer 1

There is no "image" type for an INPUT tag
Oh yes there is.
>
I have made some tests but the image didn't is shown.
I write in my plsql code:
htp.p('<input type="image" src="#WORKSPACE_IMAGES#image.png" >');Works for me&mdash;in terms of images being displayed&mdash;from a dynamic PL/SQL region. Confirm the image(s) exist as uploaded files and are correctly referenced (case sensitive)? The image(s) are actually workspace images and not associated with a particular application?
However, the bigger problem likely to arise here is that we don't normally generate <tt>input</tt> elements in APEX in this fashion: we either get APEX to do this for us or we use the <tt>apex_item</tt> API&mdash;which doesn't include a method for generating inputs of type <tt>image</tt>. If this region is generated inside the form APEX generates then page submission will fail with a 404 error as the inputs generated through your PL/SQL are not known to APEX. All you can really do in this fashion is attach an <tt>onclick</tt> event handler to submit the page using the <tt>apex.submit</tt> JavaScript API method, either using a Dynamic Action as Tobias suggests, or directly in your code:
htp.p(q'{<input type="image" src="#WORKSPACE_IMAGES#icon-1.png" onclick="apex.submit('foo'); return false;" alt="Foo" />}');Which means it's not a great deal different from using an <tt>img</tt> element, as Andy said. There's also the <tt>button</tt> element, which allows you to construct a clickable button using other elements (as long as you don't have to support IE6):
htp.p(q'{<button type="submit" onclick="apex.submit('bar');"><img src="#WORKSPACE_IMAGES#icon-2.png" alt="Bar" /></button>}');Why have you chosen to try this approach rather using <tt>img</tt> or APEX button templates?
Edited by: fac586 on 16-Jan-2011 18:00
Few problems getting Jive to accept the post...