Page History

To add an image to your RAMP command handler, put this example generic code into your SHARED object:  

var SHARED =
{
   /* ------------------------------------------------- */
   /* Handle clicking on a prompt image                 */ 
   /* ------------------------------------------------- */
   oFloatingImage : null,
   InsertImage : function(sBesideField,sSource,iHeight,iWidth,iHOffset,iVOffset)
   {   
       var oE = HTMLAPI.getElementbyName(sBesideField);

...

       if (oE == null) return;
       var oC = HTMLAPI.getcontainerDIV(oE);

...

       if (oC == null) return;

...

       if (this.oFloatingImage == null)
       {
          this.oFloatingImage = oC.ownerDocument.createElement("<IMG style='position:absolute; visibility:hidden; display:none;' >"); 
          oC.ownerDocument.body.insertAdjacentElement("beforeEnd",this.oFloatingImage);
       }

...

       this.oFloatingImage.src               = sSource;
       this.oFloatingImage.style.pixelTop    = oC.style.pixelTop  + iVOffset;
       this.oFloatingImage.style.pixelLeft   = oC.style.pixelLeft + oC.style.pixelWidth + iHOffset;
       this.oFloatingImage.style.pixelHeight = iHeight;
       this.oFloatingImage.style.pixelWidth  = iWidth;  
       this.oFloatingImage.style.visibility  = "visible";
       this.oFloatingImage.style.display     = "inline";

...

       return;
   },

...

And add a new line to your standard layout function to make sure the image dispappears as new screens arrive:  

ApplyStandardLayout : function(aPromptFields)

...

{

...

   /* Drop any floating images left around from before */

...

   if (this.oFloatingImage != null) { this.oFloatingImage.style.visibility = "hidden"; this.oFloatingImage.style.display = "none"; }

...

You have now added you own completey generic InsertImage capability to any RAMP-TS 5250 screen.Try it out by adding this line to the arrival script of a screen:
              

SHARED.InsertImage("SURNAME","/ts/skins/images/TestImage1.gif",123,100,90,0);

  
 
And you get this:

Image Modified
  
The SHARED.InsertImage() can now be reused anywhere in your application. Do not forget to set authority correctly on an new files in aXes folder.

Remember that adding a new command handler tab for the image would be a quicker and easier solution.