Clickable Product Fragment

[Orange]

Hi, I am new to Actinic design and would like to receive help.
I have created a fragment containing user's manual for a product. I want the fragment only display the fragment title, when a user click on the title, then display the fragment text.

I may deploy a wrong method to achieve my goal.

Looking forward to suggestion / solution.

[bentleybloke]

Perhaps you could use the extended info popup to achieve this instead? That's what I'd do.

Failing that, you'd need some javascript to hide the text until the title is clicked.

[Orange]

Clickable product fragment

Thank you for your suggestion, but I have used extended information for product specification. I think I need to use javascript. Can any one show me how to do it?

[bentleybloke]

With v8 you can have more than one extended info window popup. There are instructions in the advanced user guide which tell you how it's done.

[completerookie]

You need to be playing with some javascript and some css

at the top of the page your'e playing with, you need to insert the following code:

<script type="text/javascript">
<!--
function toggleLayer(szDivID, iState) {
   var obj = document.layers ? document.layers[szDivID] :
   document.getElementById ?  document.getElementById(szDivID).style : document.all[szDivID].style;
   obj.visibility = document.layers ? (iState ? "show" : "hide") : (iState ? "visible" : "hidden");
	}
// -->
</script>

this will be the javascript that shows or hides a "css layer"

then when you have to add a wrapper around the hidden text: example:

<div id="hideThisText" style="visibility:hidden;">this text is hidden from initial view<div>

you then need to put a call to the javascript around the title to produce an onClick event:

onclick='javascript:toggleLayer("hideThisText", 1);'

the last bit of the code is a "1" - this will SHOW the text, if you then need to hide the text, then you need to replace the "1" with a "0"

replace the "hideThisText" with any "ID=" that you use.

with this method, you can call the javascript to show or hide any <div ID="??" just by passing the correct name and a "1 or 0"

hope it helps.

ps. Im off out in the next few minutes for the rest of the afternoon, so if you don't follow it completely, ask the forum, I'm sure someone will help you out - at least the prinicipals are here.