If you are unable to create a new account, please email support@bspsoftware.com

 

News:

MetaManager - Administrative Tools for IBM Cognos
Pricing starting at $2,100
Download Now    Learn More

Main Menu

Dynamic image popup on mouseover

Started by garydobson87, 23 Mar 2015 05:36:04 AM

Previous topic - Next topic

garydobson87

Hi all,

First time poster here, looking forward to engaging you all.

I have a list report that I would like to dynamically show images that relate to the attribute on mouseover.

It's a list of products which are atrributed to a Product Name dimension.

I've been playing with dynamic tooltips and I'd effectively like the same thing but displaying an image.

Hope you can help.

Many thanks!!

G

MFGF

Quote from: garydobson87 on 23 Mar 2015 05:36:04 AM
Hi all,

First time poster here, looking forward to engaging you all.

I have a list report that I would like to dynamically show images that relate to the attribute on mouseover.

It's a list of products which are atrributed to a Product Name dimension.

I've been playing with dynamic tooltips and I'd effectively like the same thing but displaying an image.

Hope you can help.

Many thanks!!

G

Hi,

I did something similar once using span and div tags in HTML items. It was for a fixed set of items in a table. There were three table cells and I had three corresponding blocks containing the content for each to display

For the mouseover piece I used the following HTML item before the mouseover area (this was for the third table cell):

<span style="font-weight: bold;cursor: hand;"

onMouseOver="javascript:document.all['Tab3'].style.visibility='visible';

document.all['Tab2'].style.visibility='hidden';

document.all['Tab1'].style.visibility='hidden';">


and after the area was a closing tag in an HTML item:

</span>

Elsewhere in the report I had the content to display, each in a block, and each enclosed in the following two HTML items:

<DIV ID="Tab3" STYLE="visibility:hidden;position:absolute;left:439px;top:205px;">

and

</span>

Again, this was for the third one.

Cheers!

MF.

Meep!

garydobson87

Thanks for your reply MF!

After tinkering with it I think I can get what I need by using HTML source variable and having different scripts for each product/image.

So, all I need now is the code for mouseover to show image, everything I've tried so far just places the image in the list!

Any ideas?

Thanks again.

MFGF

Quote from: garydobson87 on 23 Mar 2015 08:51:52 AM
Thanks for your reply MF!

After tinkering with it I think I can get what I need by using HTML source variable and having different scripts for each product/image.

So, all I need now is the code for mouseover to show image, everything I've tried so far just places the image in the list!

Any ideas?

Thanks again.

The DIV tag I used (above) explicitly placed the content on the page - if you have a set place to display what you want to show, you could use a similar approach?

Cheers!

MF.
Meep!