WebDNA Software | another [shownext] example

What is WebDNA

WebDNA is a scripting and database system designed to easily build web applications.

WebDNA and BioType

BioType service is a biometric keystroke dynamic system. It will be part of WebDNA 8.5

Download WebDNA

Download WebDNA freeware, try it and register later if you want.

WebDNA resources

The list of all WebDNA instructions.

WebDNA

Software Corporation

Search WebDNA Site

HOME

DOWNLOADS

LEARN

EDUCATION

NEWS

COMMUNITY

STORE

SUPPORT

CONTACT

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: