EBNavigateComplete - Develop Apps

Conduit API

Case Study

HTML Apps -> EBNavigateComplete - Description This function is used to handle the event titled: "Navigate Complete". The Conduit powered toolbar calls both the HTML component and the gadget window events callback when the document is complete. - Syntax EBNavigateComplete() - Parameters None. - Return Value null - 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: "navigation completed". Each time the navigation 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 enableNavComplete = false; function EBNavigateComplete() { if(enableNavComplete) alert("EBNavigateComplete"); } function NavigationComplete() { var image = document.getElementById("enableDisableImage"); enableNavComplete = !enableNavComplete; image.src = enableNavComplete ? "http://www.conduit.com/developers/api/Images/Toolbars/HTML/EBNavigateComplete.gif" : "http://www.conduit.com/developers/api/Images/Toolbars/HTML/EBNavigateComplete_dis.gif"; } </script> </head> <body> <img alt="EBNavigateComplete" id="enableDisableImage" style="vertical-align:bottom" src="http://www.conduit.com/developers/api/Images/Toolbars/HTML/EBNavigateComplete_dis" onclick="NavigationComplete()" /> </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 enableNavComplete = false; function EBNavigateComplete() { if(enableNavComplete) alert("EBNavigateComplete"); } function NavigationComplete() { var button = document.getElementById("enableDisableButton"); enableNavComplete = !enableNavComplete; button.value = enableNavComplete ? "Disable" : "Enable"; } </script> </head> <body> <input id="enableDisableButton" type="button" value="Enable" onclick="NavigationComplete()" /> </body> </html> - Code Usage See code usage for HTML component See code usage for gadget

HTML Apps -> EBNavigateComplete

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

EBNavigateComplete()

None.

null

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 EBNavigateComplete

that when clicked, will enable or disable the event alert titled: "navigation completed". Each time the navigation 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 enableNavComplete = false;
 
    function EBNavigateComplete() {
        if(enableNavComplete)
            alert("EBNavigateComplete");
    }
 
    function NavigationComplete() {
        var image = document.getElementById("enableDisableImage");
        enableNavComplete = !enableNavComplete;
        image.src = enableNavComplete ? "http://www.conduit.com/developers/api/Images/Toolbars/HTML/EBNavigateComplete.gif" : "http://www.conduit.com/developers/api/Images/Toolbars/HTML/EBNavigateComplete_dis.gif";
    }
</script> </head> <body> <img alt="EBNavigateComplete" id="enableDisableImage" style="vertical-align:bottom" src="http://www.conduit.com/developers/api/Images/Toolbars/HTML/EBNavigateComplete_dis" onclick="NavigationComplete()" /> </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 enableNavComplete = false;
 
    function EBNavigateComplete() {
        if(enableNavComplete)
            alert("EBNavigateComplete");
    }
 
    function NavigationComplete() {
        var button = document.getElementById("enableDisableButton");
        enableNavComplete = !enableNavComplete;
        button.value = enableNavComplete ? "Disable" : "Enable";
    }
</script> </head> <body> <input id="enableDisableButton" type="button" value="Enable" onclick="NavigationComplete()" /> </body> </html>

- Code Usage

See code usage for HTML component
See code usage for gadget