WebDNA Software | another [shownext] example

another [shownext] example

How to use [shownext] to create "Next | Previous" search results the same way Google does...

numero = 305
interpreted = N
texte = This example is active at http://www.ictu.ie/press/

--- CSS begin/* PAGINATOR - thanks to flickr ;-) */.Pages { text-align: center; margin-bottom: 5px; margin-top: 5px; }.Paginator { font-size: 1em; padding-top: 5px; margin-left: auto; margin-right: auto; /* padding-bottom: 10px;  background-image: url(../images/dotted.gif); background-repeat: repeat-x; background-position: left bottom; */ }.Paginator a, .pageList .this-page { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }.Paginator a:visited { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }.Paginator .AtStart { margin-right: 7px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: #fff; color: #aaa; }.Paginator .Prev { margin-right: 7px; padding: 2px 6px; border: solid 2px #ddd; background: #fff; }.Paginator .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; }.Paginator .Next { margin-left: 7px; padding: 2px 6px; border: solid 2px #ddd; background: #fff; white-space: nowrap;}.Paginator .AtEnd { margin-left: 7px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: #fff; color: #aaa; }.Paginator .this-page {padding: 2px 6px; border-color: #999; font-weight: bold; font-size: 1.1em; vertical-align: top; background: #fff; color: #FF0084; }.Paginator a:hover {color: #fff; background: #0063DC; border-color: #036; text-decoration: none;}/* .Paginator .ranking {display: block; margin-top: 0.5em; font-weight: bold;}.Paginator .ranking a {padding: 0; border: 0; background: transparent;} */.Pages div.Results { text-align: center; font: .9em/1.2em Arial, Helvetica; color: #aaa; margin-top: 8px; }--- CSS end--- WebDNA on display page begin[search  .....&startat=[start].....][/founditems][include file=includes/paginator.inc][/search]--- WebDNA on display page end---  Paginator includes file[math show=f]counter=0[/math][shownext position=begin][math show=f]counter=[counter]+1[/math][/shownext][math show=f]beginpages=[counter][/math][shownext position=middle][math show=f]counter=[counter]+1[/math][/shownext][math show=f]middlepage=[counter][/math][shownext position=end][math show=f]counter=[counter]+1[/math][/shownext][math show=f]endpages=[counter][/math][math show=f]totalpages=15[/math][math show=f]maxpages=([totalpages]-1)/2[/math][math show=f]showstart=[middlepage]-[maxpages][/math][math show=f]showend=[middlepage]+[maxpages][/math][showif [showstart]<1][math show=f]showend=[totalpages][/math][math show=f]showstart=1[/math][/showif][showif [showend]>[endpages]][math show=f]showstart=([endpages]+1)-[totalpages][/math][math show=f]showend=[endpages][/math][/showif][hideif [counter]=1]<div class="Pages"><div class="Paginator">[text]startprev=F[/text][shownext position=begin&max=1][text]startprev=T[/text]<a href="theurl.html?start=[start]" class="Prev">< Prev</a>[/shownext][showif [startprev]=F]<span class="AtStart">< Prev</span>[/showif][math show=f]showcounter=0[/math][shownext position=begin][math show=f]showcounter=[showcounter]+1[/math][showif [math][showstart]-1[/math]=[showcounter]]...[/showif][hideif [showstart]>[showcounter]]<a href="theurl.html?start=[start]">[showcounter]</a>[/hideif][/shownext][shownext position=middle][math show=f]showcounter=[showcounter]+1[/math]<span class="this-page">[showcounter]</span>[/shownext][shownext position=end][math show=f]showcounter=[showcounter]+1[/math][hideif [showend]<[showcounter]]<a href="theurl.html?start=[start]">[showcounter]</a>[/hideif][showif [math][showend]+1[/math]=[showcounter]]...[/showif][/shownext][text]endnext=F[/text][shownext position=end&max=1][text]endnext=T[/text]<a href="theurl.html?start=[start]" class="Next">Next ></a>[/shownext][showif [endnext]=F]<span class="AtEnd">Next ></span>[/showif]</div><div class="Results">([numfound])</div></div>[/hideif]--- Paginator ends

This example is active at http://www.ictu.ie/press/

--- CSS begin

/* PAGINATOR - thanks to flickr ;-) */

.Pages { text-align: center; margin-bottom: 5px; margin-top: 5px; }
.Paginator { font-size: 1em; padding-top: 5px; margin-left: auto; margin-right: auto; /* padding-bottom: 10px;  background-image: url(../images/dotted.gif); background-repeat: repeat-x; background-position: left bottom; */ }
.Paginator a, .pageList .this-page { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.Paginator a:visited { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.Paginator .AtStart { margin-right: 7px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: #fff; color: #aaa; }
.Paginator .Prev { margin-right: 7px; padding: 2px 6px; border: solid 2px #ddd; background: #fff; }
.Paginator .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; }
.Paginator .Next { margin-left: 7px; padding: 2px 6px; border: solid 2px #ddd; background: #fff; white-space: nowrap;}
.Paginator .AtEnd { margin-left: 7px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: #fff; color: #aaa; }
.Paginator .this-page {padding: 2px 6px; border-color: #999; font-weight: bold; font-size: 1.1em; vertical-align: top; background: #fff; color: #FF0084; }
.Paginator a:hover {color: #fff; background: #0063DC; border-color: #036; text-decoration: none;}
/* 
.Paginator .ranking {display: block; margin-top: 0.5em; font-weight: bold;}
.Paginator .ranking a {padding: 0; border: 0; background: transparent;} 
*/
.Pages div.Results { text-align: center; font: .9em/1.2em Arial, Helvetica; color: #aaa; margin-top: 8px; }

--- CSS end


--- WebDNA on display page begin

[search  .....&startat=[start].....]

[/founditems][include file=includes/paginator.inc][/search]

--- WebDNA on display page end


---  Paginator includes file

[math show=f]counter=0[/math]
[shownext position=begin][math show=f]counter=[counter]+1[/math][/shownext]
[math show=f]beginpages=[counter][/math]
[shownext position=middle][math show=f]counter=[counter]+1[/math][/shownext]
[math show=f]middlepage=[counter][/math]
[shownext position=end][math show=f]counter=[counter]+1[/math][/shownext]
[math show=f]endpages=[counter][/math]

[math show=f]totalpages=15[/math]
[math show=f]maxpages=([totalpages]-1)/2[/math]
[math show=f]showstart=[middlepage]-[maxpages][/math]
[math show=f]showend=[middlepage]+[maxpages][/math]
[showif [showstart]<1][math show=f]showend=[totalpages][/math][math show=f]showstart=1[/math][/showif]
[showif [showend]>[endpages]][math show=f]showstart=([endpages]+1)-[totalpages][/math][math show=f]showend=[endpages][/math][/showif]

[hideif [counter]=1]<div class="Pages">
<div class="Paginator">

[text]startprev=F[/text]
[shownext position=begin&max=1][text]startprev=T[/text]

<a href="theurl.html?start=[start]" class="Prev">< Prev</a>
[/shownext]

[showif [startprev]=F]<span class="AtStart">< Prev</span>[/showif]

[math show=f]showcounter=0[/math]
[shownext position=begin][math show=f]showcounter=[showcounter]+1[/math]

[showif [math][showstart]-1[/math]=[showcounter]]...[/showif]
[hideif [showstart]>[showcounter]]

<a href="theurl.html?start=[start]">[showcounter]</a>
[/hideif][/shownext]

[shownext position=middle][math show=f]showcounter=[showcounter]+1[/math]
<span class="this-page">[showcounter]</span>[/shownext]
[shownext position=end][math show=f]showcounter=[showcounter]+1[/math]

[hideif [showend]<[showcounter]]

<a href="theurl.html?start=[start]">[showcounter]</a>[/hideif]

[showif [math][showend]+1[/math]=[showcounter]]...[/showif][/shownext]

[text]endnext=F[/text]
[shownext position=end&max=1][text]endnext=T[/text]

<a href="theurl.html?start=[start]" class="Next">Next ></a>
[/shownext]

[showif [endnext]=F]<span class="AtEnd">Next ></span>[/showif]

</div>
<div class="Results">([numfound])</div>
</div>[/hideif]

--- Paginator ends

Tom Duke

DOWNLOAD WEBDNA NOW!

another [shownext] example

Top Articles:

Related Readings: