OpenFloatingWindow - Develop Apps

Conduit API

Case Study

HTML Apps -> OpenFloatingWindow

This function opens a new gadget window from within an HTML component.
Notice: This function is obsolete. You can use OpenGadget to get the same result.

- Syntax

OpenFloatingWindow(url, newWidth, newHeight)

- Parameters

Parameter	Description	Range	Type
url	The URL displayed in the new gadget window	not null or empty	string
newWidth	The width (in pixels) of the new gadget window	>0	int
newHeight	The height (in pixels) of the new gadget window	>0	int

- Return Value

None.

- Remarks

This function can be used both with the HTML component and with the gadget window.
*Notice: API methods must be invoked after the web page has triggered the "onload" event.

- Code Example

HTML | Gadget

This example contains an icon OpenFloatingWindow

that when clicked, will cause a new gadget window to open and will navigate you to Conduit's web page.

<html>
<head>
style type= "text/css">
BODY
{
margin-left:0;
margin-right:0;
margin-top:0;
margin-bottom:0;
width:100%;
height:100%;
overflow:hidden;
background-color:threedface;
}
</style>
<!-- Conduit API script declaration -->
<script type="text/javascript" language="javascript" src="http://api.conduit.com/BrowserCompApi.js"></script>
</head>
<body>
<img alt="OpenFloatingWindow" style="vertical-align:bottom" src="http://www.conduit.com/developers/api/Images/Toolbars/HTML/OpenFloatingWindow.gif" onclick="OpenFloatingWindow('www.conduit.com', 300, 300);" />
</body>
</html>

<html>
<head>
<style type= "text/css">
BODY
{
margin-left:0;
margin-right:0;
margin-top:0;
margin-bottom:0;
width:100%;
height:100%;
overflow:hidden;
background-color:threedface;
}
</style>
<!-- Conduit API script declaration -->
<script type="text/javascript" language="javascript" src="http://api.conduit.com/BrowserCompApi.js"></script>
<script language="javascript" type="text/javascript">
    function OpenNewGadgetWindow() {
        var width = document.getElementById('txtWidth').value;
        var height = document.getElementById('txtHeight').value;
        var strUrl = document.getElementById('txtUrl').value;
        OpenFloatingWindow(strUrl, width, height);
    }
</script>
</head>
<body>
<div>Width:<input type="text" id="txtWidth" /></div>
<div>Height:<input type="text" id="txtHeight" /></div>
<div>URL:<input type="text" id="txtUrl" /></div>
<div><input type="button" onclick="OpenNewGadgetWindow()" value="Open Gadget Window" /></div>
</body>
</html>

- Code Usage

See code usage for HTML component
See code usage for gadget