topic Re: Embedding single AJAX chart objects in HTML document in QlikView

Embedding single AJAX chart objects in HTML document

Mon, 26 Jan 2026 18:19:17 GMT

I know this has been discused a lot but I can't find an example of the complete solution so I try to make myself as clear as possible.

QV Server Version 10.0.0.x

I have sucessfully created AJAX pages on the server so there is no technical problems. I use the code in opendoc.htm that loads the toolbar, sheetheaders and all the objects on a sheet. As long as the code

</div>

is included all the objects are nicely arranged as in the QlikView .qvw file. No problem so far.

But I want to take one single object from the page and put it in a table without the toolbar, tabs and other objects. I have seen solutions for QV7,8,9 etc but none seen to work. The generally seem to have the form:-

In the header

var qva;

var qva = new Qva.PageBinding();

qva.View = "QLM";

qva.Autoview = "";

qva.AuthenticateUrl = 'QvAJAXZfc/Authenticate.aspx';

new Qva.Scanner(qva);

... </script>

In the body of the document is a table <table style="width:auto;" avq="graph:.CH01" class="Chart"></table>

or something similar.

This produces no errors but does not show anything either.

Anyone know what is missing?

Thanks for any help.

Embedding single AJAX chart objects in HTML document

Mon, 01 Aug 2011 08:41:27 GMT

After some intensive investigation I found the way to include QV10 items in an HTML page and here is the solution I ended up with in case anyone else is looking for the answer. First is the basic header info for the HTML file.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:zfp="http://www.qliktech.com/zfp" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>QlikView
    </title>
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=EmulateIE8" />
    <link rel="stylesheet" type="text/css" media="screen" href="http://vm-qlikview/QvAjaxZfc/htc/default.css" />
    <!link rel="stylesheet" type="text/css" media="screen" href="http://vm-qlikview/QvAjaxZfc/htc/modal/modal.css" />
    <link rel="stylesheet" type="text/css" href="https://community.qlik.com/QvAjaxZfc/htc/avq.css"/>
<script type="text/javascript" src="/QvAjaxZfc/htc/QvAjax.js"></script>
<script type="text/javascript">

And then the functions for the integration. This is a minimum set of required lines

var qva;
        function Init() {

            qva = new Qva.PageBinding('QLM');   //can have several binders each with their own doc and authentication etc.

            var doc = Qva.ExtractProperty("document", null);
            qva.View = doc;

new Qva.Modal();

new Qva.Scanner();

            qva.Autoview="";
            qva.AuthenticateUrl = '/QvAJAXZfc/Authenticate.aspx';
//--            qva.Host="Local";

Qva.Start();
}

</script>

</head>

In the body of the document then make some <DIV> sections with inline styles. Create a QlikView document with a chart (CH01), two listboxes (LB01, LB02) and two buttons Clear and Back as BU01 and BU02. Put this in the Qlikview Server document directory.

<body>

<div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</body>

</html>

You can call the html file with something like http://QVserver/QVajaxIntegration.htm?document=QVDoc&select=LB02,2010,2011&select=LB01,KIR where LB02 and LB01 selections values are selection from your own listboxes.

Embedding single AJAX chart objects in HTML document

Wed, 14 Sep 2011 12:37:03 GMT

Hi, I find this interesting as we are in the process of upgrading from QV9 to QV10. What you show above looks like the old QV client object generated page information. Why do you want to do it this way versus using QlikView Workbench with visual studio?

What I'm really interested in his how to integrate the QlikView toolbar into a workbench solution, but the above may be a compromise.

Basically, it appears you have deconstructed the opendoc.htm and repurposed components to achieve your goals. Is this a correct assessment?

Regards,

Jeff G

Re: Embedding single AJAX chart objects in HTML document

Wed, 14 Sep 2011 12:56:06 GMT

Correct about it being like the old QV client generator. That was what I

was trying to recreate but as QV10 changed the JavaScript API the old

scripts didn't work.

I saw from other quaestions on the Community that I was not the only one

trying to do this. The QV9 generator was sadly missed.

I don't have WorkBench was one reason not to use it!! I can't install

the necessary componenets of Visual Studio so this was not a good

solution.

Using OpenDoc.htm and the script commands there did not allow resizing

of the objects. Either the page as show in the QV client or a single

object full screen.

My primary goal is to embed single functional QV objects into web pages

on my Intranet. The intranet is a database document generated system

with an HTML editor to script news items and simple text. The solution I

outlined allows me to completly independently create a QV object in the

middle of a text on the Intranet and it will allways be updated. I can

change the size and colours of any component of the resulting diagrams

and table for example to change the green drag box to another colour.

Maybe there was another way to do it but I think this is the most

flexible without WorkBench.

Hope that helps in some way.

Andy

Re: Embedding single AJAX chart objects in HTML document

Tue, 27 Dec 2011 13:29:04 GMT

Great answer, works fine here.

However, I just can't get it to work when I move the HTML document to a different server from the QV server. How should the above code be modified in my situation? I just keep getting the "Failed to authenticate" message (mostly due to the XMLHttpRequest status 0) instead of a windows authentication popup.

Things I have tried:

- Obviously, I changed all relevant urls (including the qva.AuthenticateUrl) to absolute urls starting with "http://SERVER/...".

- Also played around with variables like qva.Host.

- I understand that in previous QV versions a change in the QvsViewClient.asp(x) was required, but i don't see how to do that here.

-The Ajax Zfc API / SDK don't seem to cover this scenario.

Thanks in advance for any suggestions,

Roeland

Re: Embedding single AJAX chart objects in HTML document

Mon, 02 Jan 2012 13:35:26 GMT

Hi Roeland,

Good to know the solution works.

I have read a number of threads on the Community site about cross domain

issues with AJAX. It seems like AJAX can't handle it, plain and simple.

However, as I don't have the problem I have not read all the answers to

all the posts. Maybe someone has a solution.

Sorry I can't be of more help.

Andy Hyde

Oslo, Norway

Embedding single AJAX chart objects in HTML document

Mon, 02 Jan 2012 14:50:44 GMT

Hey Andy,

thanks for replying.

Now that you mention it, I have also considered cross-domain issues, but I was hoping that these are avoided as the js resides on the same (QV) server. (Not sure about that one.) Moreover, I believe I didn't always get the 0 status.

I'll try to find threads on cross-domain issues then. Also waiting for a response from QV support btw.

Roeland

Re: Embedding single AJAX chart objects in HTML document

Thu, 05 Jan 2012 08:48:21 GMT

Ok, you were definitely right about the problem being cross-domain issues with AJAX. No solution found on this board, but I got it to work myself, using flXHR, rather seamlessly I must say. Of course, performance is not what we're used to, but it works.

If flXHR is properly deployed (not hard, see flXHR documentation), the following changes to the above code worked for me.

1. Include the flXHR library by adding another script tag to the head.

2. Add the following lines at the beginning of the Init() function body. Obviously, all other QV urls should be changed to start with http://YourQVServer/ as well.

adaptNative(); // integration with flXHR

Qva.QvAjaxZfcPath = "http://YourQVServer/QvAJAXZfc/";

Qva.Remote = "http://YourQVServer/QvAJAXZfc/QvsViewClient.aspx";

3. The adaptNative() function could be defined as follows.

// this function replaces the native XMLHttpRequest by the cross-domain flXHR variant

// adapted from http://flxhr.flensed.com/code/tests/flxhr-7f.html

function adaptNative() {

var configurationObject = {

instancePooling:true,autoUpdatePlayer:false,xmlResponseText:true,noCacheHeader:false,

//onerror:handleError, // if you want to use some error handling function handleError

loadPolicyURL:"http://YourQVServer/QvAJAXZfc/your_specific_policy.xml" // only required if you use a QV specific policy, see flXHR documentation

}

XMLHttpRequest = function() { return new flensed.flXHR(configurationObject); }

// IE only, for the IE specific XHR code instantiation

try {

if (window.ActiveXObject) {

var old_ActiveXObject = window.ActiveXObject;

window.ActiveXObject = function(typeStr) {

if (typeStr === "Microsoft.XMLHTTP") {

return new flensed.flXHR(configurationObject);

} else {

return new old_ActiveXObject(typeStr);

}

} catch (err) {}

}

There may still be other/better solutions (please reply if you know any), but I hope this will help other people as well.

Roeland

(Rotterdam, the Netherlands)

Embedding single AJAX chart objects in HTML document

marcobombo — Tue, 13 Mar 2012 13:38:06 GMT

Hi Andy,

I tried the script on our server (ver. 10 SR4, windows server standard sp2) but does not work ... I changed the link to the server, but still does not work. Do you have any idea why?

Also I have another question: would it be possible to make the fixed point of QlikView document?

thanks a lot.

Re: Embedding single AJAX chart objects in HTML document

Tue, 13 Mar 2012 13:40:12 GMT

I am out of the office until 03/14/2012.

I will be out of office today for CSR (Corporate Social Responsibility). For any urgent request or escalation, kindly contact Nick-rcm Price or Jannette Lobemeier. Thanks

Note: This is an automated response to your message "[Deployment and Management (Server/Publisher/AJAX/IE/Web Parts)] - Re: Embedding single AJAX chart objects in HTML document" sent on 13.03.2012 14:38:30.

This is the only notification you will receive while this person is away.

Informationen (einschließlich Pflichtangaben) zu einzelnen, innerhalb der EU tätigen Gesellschaften und Zweigniederlassungen des Konzerns Deutsche Bank finden Sie unter http://www.deutsche-bank.de/de/content/pflichtangaben.htm. Diese E-Mail enthält vertrauliche und/ oder rechtlich geschützte Informationen. Wenn Sie nicht der richtige Adressat sind oder diese E-Mail irrtümlich erhalten haben, informieren Sie bitte sofort den Absender und vernichten Sie diese E-Mail. Das unerlaubte Kopieren sowie die unbefugte Weitergabe dieser E-Mail ist nicht gestattet.

Please refer to http://www.db.com/en/content/eu_disclosures.htm for information (including mandatory corporate particulars) on selected Deutsche Bank branches and group companies registered or incorporated in the European Union. This e-mail may contain confidential and/or privileged information. If you are not the intended recipient (or have received this e-mail in error) please notify the sender immediately and delete this e-mail. Any unauthorized copying, disclosure or distribution of the material in this e-mail is strictly forbidden.

Re: Embedding single AJAX chart objects in HTML document

Mon, 26 Mar 2012 13:43:02 GMT

Hi,

Do you have more information about what doesn't work? Do you get en

error message or just a web page with nothing or what?

I'm not sure I understand the second question about the fixrd point QV

document.

Andy

Re: Embedding single AJAX chart objects in HTML document

marcobombo — Mon, 26 Mar 2012 13:50:50 GMT

Hi,

I get a web page with nothing (no errors).

the second question: I want to place some object qlikview in html page without recall the document address bar.

Thanks.

Marco.

Embedding single AJAX chart objects in HTML document

marcobombo — Wed, 28 Mar 2012 10:37:44 GMT

Hi Andy,

it's possible that is a problem with the API?

Here is the code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>QlikView

</title>

<!link rel="stylesheet" type="text/css" media="screen" href="http://miriel.prov.bz/QvAjaxZfc/htc/modal/modal.css" />

var qva;

function Init() {

qva = new Qva.PageBinding('QLM'); //can have several binders each with their own doc and authentication etc.

var doc = Qva.ExtractProperty("document", null);

qva.View = doc;

new Qva.Modal();

new Qva.Scanner();

qva.Autoview="";

qva.AuthenticateUrl = '/QvAJAXZfc/Authenticate.aspx';

qva.Host="Local";

Qva.Start();

}

</script>

</head>

<body>

<div>

</div>

</div>

</div>

</div>

</div>

</div>

I have only change the link of the css files.

Then I have the document qvajaxintegration.qvw in the root folder of qvs with the treee object (CH01, LB01 and LB02) and I call the html file so:

http://miriel.prov.bz/qvajaxintegration.htm?document=qvajaxintegration.qvw

thanks

Re: Embedding single AJAX chart objects in HTML document

Tue, 10 Apr 2012 11:14:58 GMT

Hi again,

I can't see anything wrong with the script. As long as all the files are

in the correct folders then I am not sure what to suggest. I know

sometimes the virtual folders used by QlikView on the server

(src="/QvAjaxZfc/htc/QvAjax.js

<outbind://289/miriel.prov.bz/QvAjaxZfc/htc/QvAjax.js> ") can be

different acording to your installation. Check that these paths exist on

your IIS installation.

Andy

Re: Embedding single AJAX chart objects in HTML document

Alexander_Thor — Tue, 10 Apr 2012 11:26:43 GMT

If you are running qv11 we re-introduced the simple div-tag integration. Less code and alot more managable.

<head>

</head>

<body>

Qv.InitWorkBench({View: 'test'});

</script>

<div class="QvFrame" avqview="test" avq="object:.Document\TX01"

id="Document\TX01" style="width:400px;height:250px;">

</body>

Embedding single AJAX chart objects in HTML document

marcobombo — Tue, 10 Apr 2012 11:45:11 GMT

Hi Alexander,

Thanks for the answer, but I have qv10 on the server.

Embedding single AJAX chart objects in HTML document

marcobombo — Tue, 10 Apr 2012 11:55:23 GMT

Hi Andy,

I check in the web server qlikview and it's ok.

I create a virtual directory in IIS too, but doesn't work again.

Embedding single AJAX chart objects in HTML document

Wed, 11 Apr 2012 06:42:43 GMT

Thanks for that reply Alexander. You've made my day . We're going up to v11 very soon and this will make life much easier. This thread has been read rather a lot maybe indicating that I wasn't alone with this problem so I'm sure lots of others will be happy too.

Re: Embedding single AJAX chart objects in HTML document

Thu, 26 Apr 2012 09:09:42 GMT

Hi Andy,

Thank you for the HTML code for placing single objects in an HTML page.

Would you be able to describe exactly how this should be implemented? Where does the file need to be placed and what needs to change in the code?

I have ensured that the CSS and JS files are in place, and that the virtual directory (QvAJAXZfc) works. I have placed the HTML file in this QvAJAXZfc directory also.

Unfortunately, nothing is displayed. If I use bits of the opendoc.htm code, I can get the toolbar or the entire document to display, but the individual objects never appear.

I have copied all your code, but I think it might be something with the way I define these parts:

//in the script

qva = new Qva.PageBinding('QLM');

//in the body

I have tried changing "QLM" to "Test2", the name of my application, but this doesn't work either.

Here is how I call the application:

http://qvserver/QvAJAXZfc/QvObject.htm?document=Test2.qvw&host=Local

I hope you can help

Thanks!

Simon

Embedding single AJAX chart objects in HTML document

selcukcadir — Fri, 25 May 2012 08:24:07 GMT

Is there solvason answer to the question?