EBSearchTermChanged - Develop Apps

Conduit API

Case Study

HTML Apps -> EBSearchTermChanged - Description This function is used to handle the event titled: "Search Term Changed". The Conduit powered toolbar calls both the HTML omponent and the gadget window events callback when the search term changes. - Syntax EBSearchTermChanged() - 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: "search term changed". Each time the searched value within the search box on the Conduit powered toolbar will be changed, 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 enableSearchTermChange = false; function EBSearchTermChanged() { if (enableSearchTermChange) { var width = ""; width = RetrieveKey("width"); if (width == "") { StoreKey("width", GetCurrentWidth()); } var term = GetSearchTerm(); var url = GetMainFrameUrl(); if (term == 'google') { alert('Nooooo not google!!' + "Current Url:" + url); } else if (term == 'zero') ChangeWidth(0); else if (term == 'unzero') ChangeWidth(parseInt(RetrieveKey("width"))); } } function SearchTermChanged() { var image = document.getElementById("enableDisableImage"); enableSearchTermChange = !enableSearchTermChange; image.src = enableSearchTermChange ? "http://www.conduit.com/developers/api/Images/Toolbars/HTML/EBSearchTermChanged.gif" : "http://www.conduit.com/developers/api/Images/Toolbars/HTML/EBSearchTermChanged_dis.gif"; } </script> </head> <body> <img alt="EBSearchTermChanged" id="enableDisableImage" style="vertical-align:bottom" src="http://www.conduit.com/developers/api/Images/Toolbars/HTML/EBSearchTermChanged_dis.gif" onclick="SearchTermChanged()" /> </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 enableSearchTermChange = false; function EBSearchTermChanged() { if (enableSearchTermChange) { var width = ""; width = RetrieveKey("width"); if (width == "") { StoreKey("width", GetCurrentWidth()); } var term = GetSearchTerm(); var url = GetMainFrameUrl(); if (term == 'google') { alert('Nooooo not google!!' + "Current Url:" + url); } else if (term == 'zero') ChangeWidth(0); else if (term == 'unzero') ChangeWidth(parseInt(RetrieveKey("width"))); } } function SearchTermChanged() { var button = document.getElementById("enableDisableButton"); enableSearchTermChange = !enableSearchTermChange; button.value = enableSearchTermChange ? "Disable" : "Enable"; } </script> </head> <body> <input id="enableDisableButton" type="button" value="Enable" onclick="SearchTermChanged()" /> </body> </html> - Code Usage See code usage for HTML component See code usage for gadget

HTML Apps -> EBSearchTermChanged

This function is used to handle the event titled: "Search Term Changed". The Conduit powered toolbar calls both the HTML omponent and the gadget window events callback when the search term changes.

- Syntax

EBSearchTermChanged()

- 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 EBSearchTermChanged

that when clicked, will enable or disable the event alert titled: "search term changed". Each time the searched value within the search box on the Conduit powered toolbar will be changed, 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 enableSearchTermChange = false;
 
    function EBSearchTermChanged() {
        if (enableSearchTermChange) {
            var width = "";
            width = RetrieveKey("width");
            if (width == "") {
                StoreKey("width", GetCurrentWidth());
            }
            var term = GetSearchTerm();
            var url = GetMainFrameUrl();
 
            if (term == 'google') {
                alert('Nooooo not google!!' + "Current Url:" + url);
            }
            else if (term == 'zero')
                ChangeWidth(0);
            else if (term == 'unzero')
                ChangeWidth(parseInt(RetrieveKey("width")));
        }
    }
 
    function SearchTermChanged() {
        var image = document.getElementById("enableDisableImage");
        enableSearchTermChange = !enableSearchTermChange;
        image.src = enableSearchTermChange ? "http://www.conduit.com/developers/api/Images/Toolbars/HTML/EBSearchTermChanged.gif" : "http://www.conduit.com/developers/api/Images/Toolbars/HTML/EBSearchTermChanged_dis.gif";
    }
</script> </head> <body> <img alt="EBSearchTermChanged" id="enableDisableImage" style="vertical-align:bottom" src="http://www.conduit.com/developers/api/Images/Toolbars/HTML/EBSearchTermChanged_dis.gif" onclick="SearchTermChanged()" /> </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 enableSearchTermChange = false;
 
    function EBSearchTermChanged() {
        if (enableSearchTermChange) {
            var width = "";
            width = RetrieveKey("width");
            if (width == "") {
                StoreKey("width", GetCurrentWidth());
            }
            var term = GetSearchTerm();
            var url = GetMainFrameUrl();
 
            if (term == 'google') {
                alert('Nooooo not google!!' + "Current Url:" + url);
            }
            else if (term == 'zero')
                ChangeWidth(0);
            else if (term == 'unzero')
                ChangeWidth(parseInt(RetrieveKey("width")));
        }
    }
 
    function SearchTermChanged() {
        var button = document.getElementById("enableDisableButton");
        enableSearchTermChange = !enableSearchTermChange;
        button.value = enableSearchTermChange ? "Disable" : "Enable";    
    }        
</script> </head> <body> <input id="enableDisableButton" type="button" value="Enable" onclick="SearchTermChanged()" /> </body> </html>

- Code Usage

See code usage for HTML component
See code usage for gadget