Click here to Skip to main content
16,020,305 members
Articles / Desktop Programming / MFC

JavaScript call from C++

Rate me:
Please Sign up or sign in to vote.
4.90/5 (62 votes)
7 Jul 2011CPOL2 min read 577.1K   20.7K   226   94
A class for easy implementation of JavaScript calls from C++ code.

Sample Image

Introduction

Sometimes when you are using the IE Browser Control inside of a C++ application, you need to get access to the HTML elements. We can do it by using standard COM objects like IWebBrowser2, IHTMLDocument2, etc. By this method, we can easily implement features like click button, click anchor, get input string, get HTML text, etc. Unfortunately, Microsoft did not provide similar objects for JavaScript. At any case, to make control for a JavaScript object inside of an HTML page is possible by using the traditional COM approach. This article describes the class CWebPage which allows to do it and a technique to call a JavaScript function from C++ code.

How to do

As a result of using the presented class, it will be easy to call any JavaScript function from C++ code. For implementing this feature, we should get a pointer to the IHTMLDocument2 interface. If we are using the CHtmlView class from MFC, we can get one by using the member function CHtmlView::GetHtmlDocument(). In the case of using IWebBrowser or IWebBrowser2 components, the function get_Document will bring us the desired interface. Here is an example:

C++
CComPtr<IDispatch> spDisp = CHtmlView::GetHtmlDocument();
m_webPage.SetDocument(spDisp);

The rest of the things will be done by the CWebPage class. Here is an example of a JavaScript call without parameters:

C++
m_webPage.CallJScript("Welcome");

An example of a JavaScript call with two parameters will looks like:

C++
m_webPage.CallJScript("Miltiply","2.34","3.32");

The class implementation

C++
class CWebPage
{
public:
  CWebPage();
  virtual ~CWebPage();

  bool SetDocument(IDispatch* pDisp);
  LPDISPATCH GetHtmlDocument() const;
  const CString GetLastError() const;
  bool GetJScript(CComPtr<IDispatch>& spDisp);
  bool GetJScripts(CComPtr<IHTMLElementCollection>& spColl);
  CString ScanJScript(CString& strAText,CStringArray& args);

  bool CallJScript(const CString strFunc);
  bool CallJScript(const CString strFunc,const CString strArg1);
  bool CallJScript(const CString strFunc,const CString strArg1,
                   const CString strArg2);
  bool CallJScript(const CString strFunc,const CString strArg1,
                   const CString strArg2,const CString strArg3);
  bool CallJScript(const CString strFunc,const CStringArray& paramArray);

protected:

  CComPtr<IHTMLDocument2> m_spDoc;

};

Calling technique

The above mentioned technique can be split into the following steps:

  • Getting a pointer to the IHTMLDocument2 interface.
  • Getting IDispatch for the JavaScript object in the HTML document.
  • Getting the DISPID for the given name of the JavaScript function.
  • Putting the parameters to the DISPPARAM structure.
  • Calling the JavaScript function by using the Invoke method of the IDispatch interface.

Here is an example of getting an IDispatch pointer to the JavaScript objects:

C++
bool CWebPage::GetJScript(CComPtr<IDispatch>& spDisp)
{
  HRESULT hr = m_spDoc->get_Script(&spDisp);
  ATLASSERT(SUCCEEDED(hr));
  return SUCCEEDED(hr);
}

And here is the final function to call JavaScript:

C++
CComVariant CWebPage::CallJScript(const CString strFunc,
                                  const CStringArray& paramArray)
{
  //Getting IDispatch for Java Script objects
  CComPtr<IDispatch> spScript;
  if(!GetJScript(spScript))
  {
    ShowError("Cannot GetScript");
    return false;
  }
  //Find dispid for given function in the object
  CComBSTR bstrMember(strFunc);
  DISPID dispid = NULL;
  HRESULT hr = spScript->GetIDsOfNames(IID_NULL,&bstrMember,1,
                            LOCALE_SYSTEM_DEFAULT,&dispid);
  if(FAILED(hr))
  {
    ShowError(GetSystemErrorMessage(hr));
    return false;
  }
  
  const int arraySize = paramArray.GetSize();
  //Putting parameters  
  DISPPARAMS dispparams;
  memset(&dispparams, 0, sizeof dispparams);
  dispparams.cArgs      = arraySize;
  dispparams.rgvarg     = new VARIANT[dispparams.cArgs];
  dispparams.cNamedArgs = 0;
  
  for( int i = 0; i < arraySize; i++)
  {
    CComBSTR bstr = paramArray.GetAt(arraySize - 1 - i); // back reading
    bstr.CopyTo(&dispparams.rgvarg[i].bstrVal);
    dispparams.rgvarg[i].vt = VT_BSTR;
  }
  EXCEPINFO excepInfo;
  memset(&excepInfo, 0, sizeof excepInfo);
  CComVariant vaResult;
  UINT nArgErr = (UINT)-1;  // initialize to invalid arg
  //Call JavaScript function         
  hr = spScript->Invoke(dispid,IID_NULL,0,
                        DISPATCH_METHOD,&dispparams,
                        &vaResult,&excepInfo,&nArgErr);
  delete [] dispparams.rgvarg;
  if(FAILED(hr))
  {
    ShowError(GetSystemErrorMessage(hr));
    return false;
  }
  return vaResult;
}

Notes about the demo

To call a JavaScript function from the demo, you should select a function in the tree in the left window. After this, press the "!" button on the menu bar.

History

  • July 07, 2011: Updated download files.

License

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


Written By
Software Developer (Senior)
United States United States
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions

 
QuestionHow to call external JavaScript ? Pin
naren_code21-Jun-07 4:48
naren_code21-Jun-07 4:48 
AnswerRe: How to call external JavaScript ? Pin
bumbumtrack2-Jul-07 19:52
bumbumtrack2-Jul-07 19:52 
Generalsupport for firefox Pin
vikram19798-Aug-06 4:04
vikram19798-Aug-06 4:04 
GeneralDebug Informatoion corrupt Pin
Adeel68821-Jun-06 21:22
Adeel68821-Jun-06 21:22 
QuestionReverse task, how to call C++ function from JavaScript? Pin
Artem Moroz21-Jun-06 14:42
Artem Moroz21-Jun-06 14:42 
AnswerRe: Reverse task, how to call C++ function from JavaScript? Pin
jamesmhall30-Mar-07 4:05
jamesmhall30-Mar-07 4:05 
AnswerRe: Reverse task, how to call C++ function from JavaScript? Pin
Martin Gillmann8-Oct-08 4:26
Martin Gillmann8-Oct-08 4:26 
GeneralRe: Reverse task, how to call C++ function from JavaScript? Pin
Artem Moroz8-Oct-08 4:58
Artem Moroz8-Oct-08 4:58 
Hello, Martin!

Yes, I have solved a problem, it was not trivial. The main idea that you have to substitute COleControlSite for your web browser control and there you can redirect the calls to IDispatch interface. The javascript code will then look like window.external.MyCppFunction(param1,param2);

I can give you source code If you contact me by e-mail: mav_stuff@bk.ru

Regards,
MAV
GeneralRe: Reverse task, how to call C++ function from JavaScript? Pin
markhatsell5-Oct-10 5:55
markhatsell5-Oct-10 5:55 
AnswerRe: Reverse task, how to call C++ function from JavaScript? Pin
Artem Moroz5-Oct-10 8:13
Artem Moroz5-Oct-10 8:13 
GeneralRe: Reverse task, how to call C++ function from JavaScript? Pin
markhatsell6-Oct-10 9:53
markhatsell6-Oct-10 9:53 
AnswerRe: Reverse task, how to call C++ function from JavaScript? Pin
Sergey Alexander Gynech9-Jul-11 12:58
Sergey Alexander Gynech9-Jul-11 12:58 
QuestionHow to get the result Pin
Martin Gillmann16-May-06 10:07
Martin Gillmann16-May-06 10:07 
GeneralBUG, then calling JavaScript Pin
MicroCell13-Apr-06 22:06
MicroCell13-Apr-06 22:06 
GeneralHOWTO: Return value from C++ function to JavaScript Pin
Syed Khasim28-Mar-06 4:20
Syed Khasim28-Mar-06 4:20 
GeneralMemory leak while dealing parameters. Pin
Kim Moung Soo9-Mar-06 20:29
Kim Moung Soo9-Mar-06 20:29 
GeneralRe: Memory leak while dealing parameters. Pin
Artem Moroz21-Jun-06 14:44
Artem Moroz21-Jun-06 14:44 
AnswerRe: Memory leak while dealing parameters. Pin
Pille_022-Sep-06 3:27
Pille_022-Sep-06 3:27 
GeneralRe: Memory leak while dealing parameters. Pin
Amit22031-Jul-07 7:10
Amit22031-Jul-07 7:10 
GeneralRe: Memory leak while dealing parameters. Pin
thucnh4-May-10 20:55
thucnh4-May-10 20:55 
GeneralRe: Memory leak while dealing parameters. Pin
liujun32124-Sep-13 23:30
liujun32124-Sep-13 23:30 
GeneralGetting the url of an object Pin
Craig D.27-Jul-05 9:37
Craig D.27-Jul-05 9:37 
QuestionHow to change the UserAgent of embeded browser Pin
akhilesh.kumar13-Jul-05 7:20
akhilesh.kumar13-Jul-05 7:20 
AnswerRe: How to change the UserAgent of embeded browser Pin
yu_cg4-Sep-07 7:48
yu_cg4-Sep-07 7:48 
Generalaccess to the HTML elements Pin
Jomateix15-Mar-05 4:01
Jomateix15-Mar-05 4:01 

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

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