Context Menus

<script type="text/javascript">

// Update the path from a small icon to a full image
function translateIcontoFullImage (path) {
    if (path && path.indexOf('.ico') !== -1) {
        return path.replace('.ico', '.jpeg');
    }
}

function onContextMenu (contextEvent) {
    var srcElement = contextEvent.srcElement;
    blackberry.invoke.interrupter = function (request) {
        // Check if this is an image we wish to translate
        if (srcElement && srcElement.src {
            request.uri = translateIcontoFullImage(srcElement.src);
        }

        // Return the updated request object
        return request;
    };

}

window.addEventListener('oncontextmenu', onContextMenu);

</script>

Custom Context Menu

Webworks applications can give Dom elements custom context by using the data-webworks-context xml attribute. When a Dom element contains this attribute, custom context menus will be activated when the element is long pressed. Once you have created a custom context using the data-webworks-context attribute, you can then use addItem to add items to the custom context. You can also optionally use defineCustomContext to further define the items shown.