EBDocumentComplete - Develop Apps

Conduit API

Case Study

HTML Apps -> EBDocumentComplete - Description This function is used to handle the event titled: "Document Complete". The Conduit toolbar calls both the HTML component and the gadget window events callback when the document is complete. - Syntax EBDocumentComplete() - Parameters None. - 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 that when clicked, will enable or disable the event alert titled: "document load completed". Each time a document load is completed, an event will be "fired" and an alert will be displayed to the user. <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"> var enableDocComplete = false; function EBDocumentComplete() { if(enableDocComplete) alert("EBDocumentComplete"); } function DocumentComplete() { var image = document.getElementById("enableDisableImage"); enableDocComplete = !enableDocComplete; image.src = enableDocComplete ? "http://www.conduit.com/developers/api/Images/Toolbars/HTML/EBDocumentComplete.gif" : "http://www.conduit.com/developers/api/Images/Toolbars/HTML/EBDocumentComplete_dis.gif"; } </script> </head> <body> <img alt="EBDocumentComplete" id="enableDisableImage" style="vertical-align:bottom" src="http://www.conduit.com/developers/api/Images/Toolbars/HTML/EBDocumentComplete_dis.gif" onclick="DocumentComplete()" /> </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"> var enableDocComplete = false; function EBDocumentComplete() { if(enableDocComplete) alert("EBDocumentComplete"); } function DocumentComplete() { var button = document.getElementById("enableDisableButton"); enableDocComplete = !enableDocComplete; button.value = enableDocComplete ? "Disable" : "Enable"; } </script> </head> <body> <input id="enableDisableButton" type="button" value="Enable" onclick="DocumentComplete()" /> </body> </html> - Code Usage See code usage for HTML component See code usage for gadget

HTML Apps -> EBDocumentComplete

This function is used to handle the event titled: "Document Complete". The Conduit toolbar calls both the HTML component and the gadget window events callback when the document is complete.

EBDocumentComplete()

None.

None.

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 EBDocumentComplete

that when clicked, will enable or disable the event alert titled: "document load completed". Each time a document load is completed, an event will be "fired" and an alert will be displayed to the user.

<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">
 
    var enableDocComplete = false;
 
    function EBDocumentComplete() {
        if(enableDocComplete)
            alert("EBDocumentComplete");
    }
 
    function DocumentComplete() {
        var image = document.getElementById("enableDisableImage");
        enableDocComplete = !enableDocComplete;
        image.src = enableDocComplete ? "http://www.conduit.com/developers/api/Images/Toolbars/HTML/EBDocumentComplete.gif" : "http://www.conduit.com/developers/api/Images/Toolbars/HTML/EBDocumentComplete_dis.gif";
    }
</script>
</head>
<body>
<img alt="EBDocumentComplete" id="enableDisableImage" style="vertical-align:bottom" src="http://www.conduit.com/developers/api/Images/Toolbars/HTML/EBDocumentComplete_dis.gif" onclick="DocumentComplete()" />
</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">
 
    var enableDocComplete = false;
 
    function EBDocumentComplete() {
        if(enableDocComplete)
            alert("EBDocumentComplete");
    }
 
    function DocumentComplete() {
        var button = document.getElementById("enableDisableButton");
        enableDocComplete = !enableDocComplete;
        button.value = enableDocComplete ? "Disable" : "Enable";
    }
</script>
</head>
<body>
<input id="enableDisableButton" type="button" value="Enable" onclick="DocumentComplete()" />
</body>
</html>

- Code Usage

See code usage for HTML component
See code usage for gadget