Click here to Skip to main content
Click here to Skip to main content

Using MSHTML Advanced Hosting Interfaces

, 25 Jun 2002
Rate this:
Please Sign up or sign in to vote.
This article shows you how to use the Advanced Hosting Interfaces such as IDocHostUIHandler
<!-- Download Links -->

Overview

This article shows you how to use the MSHTML Advanced Hosting Interfaces, specifically IDocHostUIHandler, from .NET. These interfaces allow you very fine control over the user interface presented by the Microsoft Web Browser Control, for example, you can show your own context menu. I'll show you an easy way to use this interface without having to re-write the interface definitions yourself. As a bonus, I'll show you how to receive events from elements in the document.

The Problem

It is easy enough to put a web browser control on a form and get a fully-functional browser right away. But in your application, you might want finer control over how the control interacts with the user. For example, the standard IE context menu does not look particularly nice when you application shows an ultra-cool DHTML-based user interface. An interface called IDocHostUIHandler affords you this level of control.

Implementing IDocHostUIHandler

IDocHostUIHandler has to be implemented by your application. You can then use ICustomDoc::SetUIHandler to tell MSHTML that you have this interface.

IDocHostUIHandler is defined in MsHtmHst.idl in the Internet Development SDK, part of the Platform SDK. One approach I've seen is to do the import by hand - write the interface definition yourself in your source code.

The other approach, the one I'm going to use, is to create a type library with the interfaces we need declared in it, and then use the tlbimp tool to create an Interop assembly. No fiddling with marshalling yourself.

The first step would be to create an IDL file with the interfaces we need declared in it. You shall also need a UUID for the generated type library. There are only a few interfaces we need, and the entire IDL becomes:

MsHtmHstInterop.idl

[
    uuid(47F05070-FD66-45cc-AD99-74260F94A16B)
]
library MsHtmHstInterop
{
    import "MsHtmHst.idl";
    
    enum tagDOCHOSTUIDBLCLK;
    enum tagDOCHOSTUIFLAG;
    enum tagDOCHOSTUITYPE;
    
    interface ICustomDoc;
    interface IDocHostShowUI;
    interface IDocHostUIHandler;
    interface IDocHostUIHandler2;
    interface IHostDialogHelper;
};

I've included all the Advanced Hosting interfaces and enumerations here.

The next step is to generate the type library. Just compile the IDL file to get a TLB, using the Platform SDK tool MIDL.

midl MsHtmHstInterop.idl /tlb bin\MsHtmHstInterop.tlb

Now we need an interop assembly. We just have to use tlbimp on the newly created TLB file:

tlbimp bin\MsHtmHstInterop.tlb /out:bin\MsHtmHstInterop.dll

Now we can use the interfaces we need with just a using statement in our C# code:

HtmlUI.cs (partial)

using MsHtmHstInterop;

Wiring up

For the sample application, I have put just a single web browser control on a form. The form class implements IDocHostUIHandler.

To hook up the interface to MSHTML, we first need to get the ICustomDoc interface, and then call the SetUIHandler method with our interface as an argument.

HtmlUI.cs (partial - HtmlUIForm constructor)

public HtmlUIForm()
{
    InitializeComponent();
            
    this.WebBrowser.DocumentComplete += 
          new DWebBrowserEvents2_DocumentCompleteEventHandler(this.WebBrowser_DocumentComplete);
            
    object flags = 0;
    object targetFrame = String.Empty;
    object postData = String.Empty;
    object headers = String.Empty;
    this.WebBrowser.Navigate("about:blank", ref flags, ref targetFrame, 
                             ref postData, ref headers);
            
    ICustomDoc cDoc = (ICustomDoc)this.WebBrowser.Document;
    cDoc.SetUIHandler((IDocHostUIHandler)this);
            
    this.WebBrowser.Navigate(@"res://HtmlUI.exe/Sample1.htm", ref flags, ref targetFrame, 
                             ref postData, ref headers);
}

That's all there is to it. Of course, the form class implements the IDocHostUIHandler member functions.

HTML files in resources

You'll notice that I've used the res: protocol in my code. This is a neat way to package your HTML files and other support files - they're in the EXE itself. There are several advantages to this approach: your users cannot easily change the application's user interface, and you don't have to bother with packing more files into your install package.

You just have to make an RC file defining the resource:

HtmlUI.rc

Sample1.htm HTML "Sample1.htm"

This can then be compiled to get a RES file. You can add the RES file to your assembly with the /win32res C# compiler switch.

Handling Document Events

If your application has a DHTML-based user interface, you would definitely need to catch events from elements on the page in order to make it functional. If you run the sample app, you can see that clicking the button on the page shows you a message box. This message box has been invoked from the C# app, not from any scripts on the page. Here's the code:

HtmlUI.cs (partial)

private void WebBrowser_DocumentComplete(object sender, 
                                    AxSHDocVw.DWebBrowserEvents2_DocumentCompleteEvent e)
{
    // Get the document.
    IHTMLDocument2 doc = (IHTMLDocument2)this.WebBrowser.Document;
    
    // Get a reference to the button.
    HTMLButtonElement button = (HTMLButtonElement)doc.all.item("theButton", null);
    
    // Attach the event handler with the events interface.
    ((HTMLButtonElementEvents2_Event)button).onclick += 
                   new HTMLButtonElementEvents2_onclickEventHandler(this.Button_onclick);
}
        
private bool Button_onclick(IHTMLEventObj e)
{
    MessageBox.Show("Alert from the app: Received theButton.onclick!");
    return true;
}

Building the app

I have included a makefile which you can use to build from the command prompt. Just use nmake all to build the app. Note that the tlbimp mshtml.tlb step takes a while.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here

Share

About the Author

Nikhil Dabas
President NikSci
India India
No Biography provided

Comments and Discussions

 
QuestionTranslateAccelerator for keyboard inputs PinmemberFlorian Leitgeb23-Sep-13 4:00 
AnswerRe: TranslateAccelerator for keyboard inputs PinmemberFlorian Leitgeb23-Sep-13 5:52 
QuestionDrag a control item to webbrowser Pinmemberlikui06239-Apr-13 22:38 
QuestionCleanly closing MSHTML without resource leaks Pinmembertom_8556724-Jan-10 6:24 
GeneralTrack web browser requests PinmemberRadu_2021-Oct-09 20:24 
Generalradio button casting error Pinmemberfaithfoxy11-Apr-09 22:00 
GeneralProblem in getting source html code of last navigating page Pinmemberravishankar_10-Mar-09 1:38 
QuestionNice article, but have one question PinmemberRadu_2017-Dec-08 0:58 
AnswerRe: Nice article, but have one question PinmemberNikhil Dabas17-Dec-08 5:13 
QuestionAccess denied error Pinmember10164-Sep-07 1:36 
GeneralMSHTML Error PinmemberQuyen Pham Ngoc21-May-07 17:23 
Questiondetect popup window or message box. PinmemberRenecito10-Oct-06 5:55 
QuestionCreating new Label or button control on web page at runtime Pinmemberankur.ag198116-Jul-06 19:47 
AnswerRe: Creating new Label or button control on web page at runtime PinmemberNikhil Dabas16-Jul-06 20:37 
Questioninput fields disabled Pinmembersb00014-Sep-05 22:13 
AnswerRe: input fields disabled PinmemberA.J.Gibson8-Feb-06 7:49 
Questionhow to make a command line ? Pinmembereuioa20003-Sep-05 22:27 
GeneralGet XML from AxWebBrowser control PinmemberArmoghan Asif3-Aug-05 1:44 
I have an XML/XSL file showing in AxWebBrowser control.
 
1. Can i get the XML and XSL files individually ..Not the rendered HTML ?
 
2. If user entered values in Input boxes.. Can I get the updated XML ?

GeneralEvents are lost when more than one browser object Pinmembersimonclark3-Aug-04 4:16 
GeneralRe: Events are lost when more than one browser object Pinmembersimonclark4-Oct-04 23:56 
GeneralRe: Events are lost when more than one browser object PinmemberGashman24-Jun-05 6:57 
GeneralRe: Events are lost when more than one browser object PinmemberArmoghan Asif3-Aug-05 1:39 
GeneralDrag/Drop within the WebBrowser PinmemberTekapo29-Jul-04 4:35 
GeneralAccessing body attributes in mshtml Pinmembere11even27-Jul-04 15:20 
GeneralRe: Accessing body attributes in mshtml PinmemberSam Hobbs6-Apr-09 13:30 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Mobile
Web03 | 2.8.140827.1 | Last Updated 26 Jun 2002
Article Copyright 2002 by Nikhil Dabas
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid