Extended Info Button Rollover

[oracle]

I created a rollover for the Add To Cart Button as explained in the Advanced User Guide.

Has anyone managed to create a similar rollover effect for the Extended Info Button?

It seems a bit trickier to do than the Add To Cart one seeing as it uses javascript for the popup.

I'm using the Extended Info Button Image.

[wfl]

I was doing this today and couldn't see where to create the new condition so I hacked it simply by creating a new variable for the roll over button as ber p42 of the AUG and then amended the html of the Extended Info Button (I am using Button Image Opens In Same Window).

The code looks like this;

<a href="<actinic:variable name="ExtendedInfoPageName" />">
<img src="<actinic:variable name="ExtInfoButtonImageFileName" />"
onMouseOver="src='<actinic:variable name="AltExtendInfoButtonImage" />' "
onMouseOut="src='<actinic:variable name="ExtInfoButtonImageFileName" />'"
alt="More"
border="0" /></a>

[oracle]

Don't suppose you know how to get it to work using the Extended Info Button Image (with javascript) - extended info window opening as a popup?

[Simon TL]

Clarifying...

Now I understand what wfl is saying...

He is saying how you achive a more sophisticated/less dirty version of this:

<a href="<actinic:variable name="ExtendedInfoPageName" />" ><img src="<actinic:variable name="ExtInfoButtonImageFileName" />" name="more" border="0" onmouseover="this.src='../button_brochure_more_highlight.gif'" onmouseout="this.src='../button_brochure_more.gif'"/></a>

..ie where the value of the 'over' button is also managed in a variable.

[oracle]

err, ok, so how does that work with the javascript for the popup?

[Simon TL]

clarifying...

Sorry - I was just commenting on the original question and solution.

I guess you need to find the layout for your button in the Library - I'm still a near-beginner.

The layout for 'Extended Info Button Image' is:

<a href="javascript:ShowPopUp('<actinic:variable name="ExtendedInfoPageEncoded"/>','<actinic:variable name="ExtInfoWindowWidth"/>','<actinic:variable name="ExtInfoWindowHeight"/>');"><img src="<actinic:variable name="ExtInfoButtonImageFileName" />" border="0" /></a>

Try my code in the img part of this... If that works you can go the 'proper' route and add wfl's variable.

[wfl]

Not sure what bit of javascript you are referring to Rob.

The rollover button is in the link <a...> or <input...> rather than the code to size the page?

It is basically the same for either.

Aha I see what you mean Simon. You could hard code the buttons but it would be better to add them as I described.

[oracle]

<a href="javascript:ShowPopUp('<actinic:variable name="ExtendedInfoPageEncoded" />',<actinic:variable name="ExtInfoWindowWidth" />,<actinic:variable name="ExtInfoWindowHeight" />);">
<actinic:variable name="ExtendedInfoLinkText" />
</a>

That's the javascript I'm referring to. I tried to do what you're doing and incorporate the javascript for the popup window but couldn't get it to work.

Remember I want to use the code that opens a popup, not the code that opens a page in the same window.

[Simon TL]

Try..

Try this... you will need a highlight button called button_brochure_more_highlight.gif

<a href="javascript:ShowPopUp('<actinic:variable name="ExtendedInfoPageEncoded"/>','<actinic:variable name="ExtInfoWindowWidth"/>','<actinic:variable name="ExtInfoWindowHeight"/>');"><img src="<actinic:variable name="ExtInfoButtonImageFileName" />" border="0" onmouseover="this.src='../button_brochure_more_highlight.gif'" onmouseout="this.src='../button_brochure_more.gif'"/></a>

Hang on a minute...you are dealing with the text link - not the button.

[oracle]

No I am using the button I just pasted the wrong code LOL

I'll try it and come back to you.

[oracle]

Thanks Simon, that did the trick.