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

The MFC CDHtmlDialog class

, 11 Sep 2001 CPOL
Rate this:
Please Sign up or sign in to vote.
This sample demonstrates using the MFC CDHtmlDialog class in MFC7
<!-- Download Links --> <!-- Article image -->

Sample Image - DHTMLDialog.gif

<!-- Main HTML starts here -->


This sample demonstrates using the new MFC7 CDHtmlDialog class. A dialog with a simple HTML page is created and displayed, and events from objects within that page are handled, and the HTML within the page modified dynamically to respond to these events.

Please note that you need the new MFC libraries to compile this application. I have statically linked the demo application so you can at least see the new class in action.

Creating the Application

The sample application is based on the MFC AppWizard. To create the project, use the wizard to create a standard MFC dialog and in the Application Type property page ensure that you choose dialog based, and check the Use HTML dialog. An application will be created with the main dialog derived from CDHtmlDialog. A resource containing a HTML page will also be created, and it's this page that will be displayed in the dialog at execution.

The HTML designer in Visual Studio allows you to edit the HTML. Each element on the HTML should be given an ID so that it can be accessed from within your CDHtmlDialog derived class.

HTML Element events

To catch events fired by HTML elements (such as mouse clicks on buttons) you must add an entry to the dialog's DHTML event map. This is analogous to adding message handlers for normal windows controls:

    DHTML_EVENT_ONCLICK(_T("ButtonOK"), OnButtonOK)
    DHTML_EVENT_ONCLICK(_T("ButtonCancel"), OnButtonCancel)
    DHTML_EVENT_ONCLICK(_T("CheckLink"), OnCheckClick)

Our HTML page contains 2 buttons (OK, with ID ButtonOK and Cancel, with ID ButtonCancel) and a checkbox (ID CheckLink). We will use the checkbox to enable/disable a hyperlink element (ID LinkCP) on the same page.

The DHTML event map shown above associates click events for the buttons and check boxes with member functions of the dialog. The OK and Cancel button handlers simply call base class members that close the dialog. The OnCheckClick handler is called when the checkbox in the HTML page is clicked.

To make the check box determine the state of the hyperlink we catch the click event for the checkbox and replace the outer HTML of the hyperlink (the outer HTML is the HTML within the hyperlink plus the open and closing tags). For a non-active state we replace the out HTML with plain text, and for an active state we insert the <a href=...> tag.

Our click event handler function looks like the following. We use a member variable m_LinkActive to keep track of the state of the link.

HRESULT CDHTMLDialogDlg::OnCheckClick(IHTMLElement* pElement)
    // toggle the link's active state
    m_LinkActive = !m_LinkActive;

    // we need to get an interface pointer to the link element
    IHTMLElement* pLinkElement = NULL;

    if (GetElement(_T("LinkCP"), &pLinkElement) == S_OK && 
          pLinkElement != NULL)
        // For an active link, set the outerHTML as the appropriate <a ...> tag
        if (m_LinkActive)
            pLinkElement->put_outerHTML(_bstr_t("<a ID=LinkCP target=_blank href=''>here</a>"));
        // For an inactive link, replace the outerHTML with grey text
            pLinkElement->put_outerHTML(_bstr_t("<font ID=LinkCP color='#COCOCO'>here</font>"));

        pLinkElement->Release();  // Thanks Heath

    return S_OK;


This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Author

Chris Maunder
Founder CodeProject
Canada Canada
Chris is the Co-founder, Administrator, Architect, Chief Editor and Shameless Hack who wrote and runs The Code Project. He's been programming since 1988 while pretending to be, in various guises, an astrophysicist, mathematician, physicist, hydrologist, geomorphologist, defence intelligence researcher and then, when all that got a bit rough on the nerves, a web developer. He is a Microsoft Visual C++ MVP both globally and for Canada locally.

His programming experience includes C/C++, C#, SQL, MFC, ASP, ASP.NET, and far, far too much FORTRAN. He has worked on PocketPCs, AIX mainframes, Sun workstations, and a CRAY YMP C90 behemoth but finds notebooks take up less desk space.

He dodges, he weaves, and he never gets enough sleep. He is kind to small animals.

Chris was born and bred in Australia but splits his time between Toronto and Melbourne, depending on the weather. For relaxation he is into road cycling, snowboarding, rock climbing, and storm chasing.
Follow on   Twitter   Google+   LinkedIn

Comments and Discussions

QuestionHow to add resources (HTML and images) from dll in CDhtmlDialog Pinmemberdevesh.tyagi29-Jul-14 20:48 
QuestionHow to run an HTML page dynamically PinmemberJaved Akhtar Ansari19-Apr-10 20:51 
General不错 Pinmemberylwnet118-Jul-08 17:18 
QuestionHow did you add the member function "HRESULT CDHTMLDialogDlg::OnCheckClick(IHTMLElement* pElement)"? Pinmembergrin_t10-Jul-08 3:08 
I know this is a stupid question. But I really want to know how I can add the member function on DHTML buttons (Use mouse, not the key boardConfused | :confused: )
GeneralProblem when the page containing javascript PinmemberShailk14-Mar-08 0:11 
GeneralRe: Problem when the page containing javascript Pinmemberdimsik27-Aug-08 3:31 
GeneralRe: Problem when the page containing javascript PinmemberMember 453916524-Feb-10 2:32 
GeneralRe: Problem when the page containing javascript Pinmemberwetwilly10121-Mar-12 7:11 
QuestionImage fail to load in Vista PinmemberJohn Tan Jin Kiat28-Nov-07 21:58 
AnswerRe: Image fail to load in Vista PinmemberJohn Tan Jin Kiat29-Nov-07 15:55 
GeneralRe: Image fail to load in Vista PinmemberSinekethan2-Jul-14 16:38 
GeneralHowto stop context menu and F5 Pinmemberjung-kreidler2-May-07 3:37 
GeneralRe: Howto stop context menu and F5 PinmemberCristian Amarie31-May-08 9:09 
Generalclick() method PinmemberSirgothivan1-Dec-05 7:00 
GeneralRe: click() method PinmemberDobroslav Kolev22-Jan-06 11:48 
GeneralAdd methods obtainable by a script PinsussJMoses15-Jun-05 2:03 
GeneralRe: Add methods obtainable by a script PinmemberAmit220326-Nov-06 5:28 
QuestionOnClick for Hyperlinks? Pinsussfigmo27-Apr-05 1:20 
GeneralCDhtmlDialog With CStatusBar Pinmember-R-J-9-Mar-05 5:10 
Generalremove ie shortcut features Pinmemberpluto6625-Oct-04 6:54 
GeneralNeed help!! Is there any way to find result code after CDHtmlDialog's Navigate method? ThanX Pinmemberdimak19-Apr-04 3:47 
QuestionHow to remove all browser features not suited for a dialog? PinmemberMagnus Enarsson31-Jul-03 14:03 
AnswerRe: How to remove all browser features not suited for a dialog? PinmemberIanier Munoz6-Oct-04 4:29 
GeneralRe: How to remove all browser features not suited for a dialog? PinmemberIanier Munoz6-Oct-04 4:43 
GeneralRe: How to remove all browser features not suited for a dialog? PinmemberMMs_xH4-Apr-06 23:38 
AnswerI make it. PinmemberiTreeSoft28-Oct-04 17:11 
GeneralPrinting the dialog contents PinmemberEd K23-Jun-03 5:39 
Generalget_innerText method PinmemberMajid Shahabfar10-Jun-03 21:07 
GeneralRe: get_innerText method PinmemberM. Kale9-Oct-03 23:29 
GeneralRe: get_innerText method Pinmemberquoi3513-Dec-03 11:53 
GeneralRe: get_innerText method PinsussAnonymous14-Nov-04 18:56 
GeneralRe: get_innerText method Pinmemberachims.@gmx.net24-Jul-08 13:29 
GeneralASP.NET PinmemberEsteves1-Jan-03 9:30 
GeneralEvent identifier Pinsussjoblemarq20-Dec-02 5:27 
GeneralReleasing Interfaces PinmemberHeath Stewart20-Nov-02 10:57 
GeneralInternet Explorer 5.5 or higer PinmemberAnonymous7-Jul-02 18:28 
QuestionHow to disable manual F5 refresh? Pinmemberelectricninja22-May-02 16:31 
AnswerRe: How to disable manual F5 refresh? PinmemberBill Brooks8-Jul-02 11:25 
GeneralRe: How to disable manual F5 refresh? PinsussAnonymous3-Sep-02 4:41 
GeneralEmbedding the image PinmemberPhilG19-Feb-02 5:19 
GeneralRe: Embedding the image PinsussAnonymous3-Sep-02 3:49 
GeneralSelecting Text with CDHtmlDialog PinmemberJR Furman18-Dec-01 11:18 
QuestionUpdated eh? PinmemberErik Thompson14-Sep-01 16:36 
GeneralGreat article PinmemberZurren4-Sep-01 10:30 
GeneralNow, EXE works. PinmemberMasaaki Onishi4-May-01 17:33 
GeneralRe: Now, EXE works. PinmemberChristian Graus4-May-01 19:07 
GeneralUpdated download PinmemberChris Maunder4-May-01 15:08 
Generalnice rating PinmemberAnonymous4-May-01 10:49 
GeneralRe: nice rating PinmemberChris Meech4-May-01 11:44 
GeneralRe: nice rating PinmemberChris Maunder4-May-01 14:53 

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 | Terms of Use | Mobile
Web01 | 2.8.150331.1 | Last Updated 12 Sep 2001
Article Copyright 2001 by Chris Maunder
Everything else Copyright © CodeProject, 1999-2015
Layout: fixed | fluid