noInteraction in Mashup

[#1]

Hi community,

i have this line of code in my mashup

<div id="QV02" opt=nointeraction style="position: absolute; top: 50px; left: 320px; width: 400px; height: 200px;" class="qvobject"></div>

but i can still interact with this chart on the webpage and in preview.

where is my fault, hope u can help

-Eric

[rbecher]

Hi Eric,

what API are you using in the JavaScript? As I see in help: &opt=noanimate can be used as URL parameter for single integration API when using an iFrame.

- Ralf

[#3]

Hi Ralf,

im using Workbench/Mashup api for first time.

But i already saw the option in /single with the "obj=SQzYvHD&opt=currsel%2Cnointeraction&select=clearall".

But in the javascript i used "app.getObject('QV02','SQzYvHD');" .

Sorry that i maybe missunderstand what u asked!

thanks in advance

[rbecher · Accepted solution]

I think it must be:

app.getObject('QV02','SQzYvHD', {"noInteraction": true});

[#5]

GOD u saved my day.

Thx a lot

[rbecher]

You're welcome! Was surprised it is that simple. Heared from others placing a <div> element on top to prevent interactions!

Nice feature to keep in mind. But probably nothing for line chart wih the slider..

[#7]

sorry that it was so simple first time im doing this.

I have a basic knowledge and i know the single editor but when it comes to things that aren't to obvious i let them take a seat beside me without noticing it.

[#8]

Another question u maybe can answer in miliseconds.

Can i overlay a button and hide it, but make it possible for the user to click it.

Like put the button into the same placeholder as  the chart and say hide:true?

[rbecher]

Do you mean to have a click action on the uninteractive chart? I would just add a click handler to the <div> like this:

$('#QV02').click(function () {
        alert("Hello my dear!");
    });

- Ralf

[#10]

Hi Ralf,

yes a click action on uninteractive chart. thats what i was searching for.

so like this

<div id="QV02" style="position: absolute; top: 50px; left: 520px; width: 500px; height: 300px;" class="qvobject"

$('#QV02').click(function () { 

            alert("Hello my dear!"); 

        });        

></div>

or where do I need to insert it into?

sorry for being so newbie

-Eric