Bitmap-based Management view

To use Management views with a browser that does not have Flash Player installed, you can display the graphics from the source system by using bitmap-based Management views. The HTML page for the Management view is generated dynamically by the Web application server, which embeds the graphic generated dynamically by the source system. If you are using PPM as the source system, PNG is used as the graphics format.

Object-based interface

If you use the object-based interface, your Management view components are initially declared and created (instantiated) as objects. After the HTML page loaded, the instantiated objects of your Management views are initialized and represented.

To ensure that your Management view components are displayed only after the HTML page has loaded completely, specify the JavaScript method that calls the init methods of your Management view objects in the onload attribute of the <body> HTML tag of your HTML page, for example <body onload="initMVComponents();">.

Declaration

You must first create each object of the Management view components of your html structure file with the new method and save it in a JavaScript variable. For bitmap-based Management views, the MVBitmapComponent object is available.

With the following JavaScript line, you create an MVBitmapComponent object and save it in the variable mv1:

...

var mv1 = new MVBitmapComponent();

...

Initialization and display

Already created Management view components are displayed by calling the init() object method in your html page. The method has the following parameters:

init(id, favoritePath, favoriteServer, width, height);

Parameter

Description

id

Identifier of this Management view component. Also the identifier of the HTML element in which the Management view component is displayed.

favoritePath

Path to the favorite in the source system

Syntax: \<Favorites folder>\...\<Favorite name>

Replace the backslash character in the favorites path with the string %5c and avoid special characters such as accents etc. in folder and favorite names. 

favoriteServer

Type of favorite, valid values:

FAVORITE_PRIVATE: User-specific

FAVORITE_SHARED: General

width

Width of the generated graphic in pixels

height

Height of the generated graphic in pixels

Example

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

<html>

<head>

<script language="JavaScript" type="text/javascript"

src="../assets/javascript/mvhelper.js"></script>

<script language="JavaScript" type="text/javascript"

src="../assets/javascript/linkhelper.js"></script>

<script language="JavaScript" type="text/javascript"

src="../assets/javascript/pngfix.js"></script>

<script language="JavaScript" type="text/javascript">

//

// MVComponents must be declared here

// (so that they are accessible from every point on the page)

//

var mv1 = new MVBitmapComponent();

var mv2 = new MVBitmapComponent();

//

// MVComponents must be initialized here (after page has loaded)

//

function initMVComponents() {

mv1.init("mvParent1", "%5CFav_1", "FAVORITES_SHARED", "400", "400");

mv2.init("mvParent2", "%5CFav_2", "FAVORITES_SHARED", "400", "400");

}

</script>

</head>

<body onload="initMVComponents();">

<table cellpadding="0" cellspacing="0" rules="none" frame="void" border="0"

bgcolor="#FFFFFF" width="100%" height="100%">

<tbody>

<tr>

<td id="mvParent1"/>

<td id="mvParent2"/>

</tr>

</tbody>

</table>

</body>

</html>

Procedural interface

To embed the graphic in your HTML page, use the showMVBitmapComponent method with the following parameters:

showMVBitmapComponent(id, favoritePath, favoriteServer, width, height);

Parameter

Description

id

Identifier of this Management view component

favoritePath

Path to the favorite in the source system

Syntax: \<Favorites folder>\...\<Favorite name>

Replace the backslash character in the favorites path with the string %5c and avoid special characters such as accents etc. in folder and favorite names. 

favoriteServer

Type of favorite, valid values:

FAVORITE_PRIVATE: User-specific

FAVORITE_SHARED: General

width

Width of the generated graphic in pixels

height

Height of the generated graphic in pixels

Example

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"

"http://www.w3.org/TR/html4/frameset.dtd">

<html>

<body>

<script src="../assets/javascript/mvhelper.js"

language="javascript"></script>

<script src="../assets/javascript/linkhelper.js"

language="javascript"></script>

<div>

<table cellpadding="0" cellspacing="0" rules="none"

frame="void" border="0" bgcolor="#FFFFFF" width="100%" height="100%">

<tbody>

<tr>

<td>

<script language="JavaScript" type="text/javascript">

showMVBitmapComponent("0", "%5C30+Speedo+Response time+to+customer", "FAVORITES_PRIVATE", "600","400");

</script></td>

</tr>

</tbody>

</table>

</div>

</body>

</html>