イメージを追加する
RAMPコマンド・ハンドラーにイメージを追加するには、以下のサンプル汎用コードをSHAREDオブジェクトに追加します。
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;
},
また、新しい行を標準のレイアウト・ファンクションに追加して、新しい画面が到着する際にイメージが消去されるようにします。
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"; }
以上で、独自の完全に汎用的なInsertImage機能をRAMP-TS 5250画面に追加しました。以下の行を画面の到着スクリプトに追加して試します。
SHARED.InsertImage("SURNAME","/ts/skins/images/TestImage1.gif",123,100,90,0);
以下の結果が得られます。
SHARED.InsertImage()は、アプリケーションの任意の場所で再利用することができます。 Axesフォルダの新しいファイルに対する権限を正しく設定することを忘れないでください。
また、イメージ用の新しいコマンド・ハンドラー・タブを追加することは、迅速で簡単なソリューションであることも覚えておいてください。