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>