Posted on 19/11/2008 10:34:23
magenta wrote:
hi
we have a design that will diplay a 'next page' button if it has a subpage, we can solve this through the menu system and xstl, but it would be nice to do something like:
if (has another template paragraph)
{
display next button with url-display-page with next-template-paragraph
}
//<!--@If Defined(templateParagraph2)..?
just a thought..
Guess it can be solved another way using javascript
-jan
So when you have three paragraphs, you want this type of paging:
[Previous] [1] [2] [3] [Next]
No, Javascript is the way to go on this one.
Create a ParagraphSetup template that has this of code in the beginning:
<script language="Javascript" type="text/javascript">
var Paragraphs = new Array();
function record(ID){
Paragraphs[Paragraphs.length] = ID;
}
function navigate(ÍD){
for (i=0;i<Paragraphs.length;i++){
document.getElementById(Paragraphs[i]).style.display = "none";
}
document.getElementById(ID).style.display = "block";
}
</script>
In the template you use for the paragraph, you need wrap the HTML in something like this:
<script language="javascript" type="text/javascript">record("<!--@ParagraphID-->");</script>
<div id="<-@ParagraphID-->" style="display: none;">
<!-- Paragraph content here -->
</div>
In the bottom of your ParagraphSetup template the then render the navigation:
<script language="javascript" type="text/javascript">
for (i=0;i<Paragraphs.lenght;i++){
document.write("<a href=\"javascript:void(0);\" onclick=\"navigate('" + Paragraphs[i] + "');\">" + (i+1) + "</a>")
}
</script>
