filter entries with a select box in frontend

Go to solution

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

Ivan 139 posts 302 karma points

Feb 09, 2010 @ 21:37

0

Filter entries with a select box in frontend

Hello:

I want to filter entries of a page by year using a select box in frontend (public website), so the user can filter the info of his interest.

You can check the following example:

Thanks a lot for your help!!

Ivan

Copy Link
sim0n20 7 posts 27 karma points

Feb 09, 2010 @ 22:33

0

you could use umbraco.library:RequestForm() to request the value of your select box on post back and then use the value to filter your results against the year part of the publication date of your entries

Copy Link
Chriztian Steinmeier 2800 posts 8790 karma points MVP 8x admin c-trib

Feb 09, 2010 @ 23:29
0
Hi Ivan,

I'd implement this with a GET form that appends the variable year to the URL (e.g. ?year=2009)

In the XSLT that renders the items you could then use umbraco.library:RequestQueryString('year') to get the selected value (if any) and filter the result by adding a predicate like the following to the XPath that selects the nodes to render; something like:
```
<xsl:apply-templates select="$currentPage/node[starts-with(@createDate, $year)]" />
```
(Obviously, you'd render the selectbox with the chosen year pre-selected as a courtesy to the user)

Hope this gets you going, and feel free to ask for detailed examples if needed.

/Chriztian
Copy Link
Ivan 139 posts 302 karma points

Feb 10, 2010 @ 00:52

0

Thanks a lot guys!!

You know, i discovered Umbraco two weeks ago and it was love at first sight.
Finally a CMS where the only limit is your imagination...Well, and your programming skills :)

I am working with XSLT for the first time and i do like it's potential for transforming XML structures. But im a totally newbie so Chriztian, if you can send me any example would b great.

Thanks again for your help.

Ivan

Copy Link

Thomas Höhler 1237 posts 1709 karma points MVP

Feb 10, 2010 @ 09:26

Something like this can do it:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE xsl:stylesheet [
  <!ENTITY nbsp "&#x00A0;">
]>
<xsl:stylesheet
  version="1.0"
  xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
  xmlns:msxml="urn:schemas-microsoft-com:xslt"
  xmlns:umbraco.library="urn:umbraco.library" xmlns:Exslt.ExsltCommon="urn:Exslt.ExsltCommon" xmlns:Exslt.ExsltDatesAndTimes="urn:Exslt.ExsltDatesAndTimes" xmlns:Exslt.ExsltMath="urn:Exslt.ExsltMath" xmlns:Exslt.ExsltRegularExpressions="urn:Exslt.ExsltRegularExpressions" xmlns:Exslt.ExsltStrings="urn:Exslt.ExsltStrings" xmlns:Exslt.ExsltSets="urn:Exslt.ExsltSets" xmlns:th.library="urn:th.library" xmlns:ss4u.library="urn:ss4u.library"
  exclude-result-prefixes="msxml umbraco.library Exslt.ExsltCommon Exslt.ExsltDatesAndTimes Exslt.ExsltMath Exslt.ExsltRegularExpressions Exslt.ExsltStrings Exslt.ExsltSets th.library ss4u.library ">
    <xsl:output method="xml" omit-xml-declaration="yes"/>
   <xsl:param name="currentPage"/>
 
  <xsl:template match="/">
        <xsl:variable name="year" select="umbraco.library:RequestQueryString('year')"/>
     <form action="{umbraco.library:NiceUrl($currentPage/@id)}">
         <select id="year">
              <option value="2010">
                   <xsl:if test="$year='2010'">
                        <xsl:attribute name="selected">selected</xsl:attribute>
                   </xsl:if>2010</option>
                <option value="2009">
                   <xsl:if test="$year='2009'">
                        <xsl:attribute name="selected">selected</xsl:attribute>
                   </xsl:if>2009</option>
                <option value="2008">
                   <xsl:if test="$year='2008'">
                        <xsl:attribute name="selected">selected</xsl:attribute>
                   </xsl:if>2008</option>
                <option value="2007">
                   <xsl:if test="$year='2007'">
                        <xsl:attribute name="selected">selected</xsl:attribute>
                   </xsl:if>2007</option>
            </select>
           <input type="submit" value="Search"></input>
      </form>
     <h1>Your results:</h1>
        <xsl:if test="count($currentPage/node[starts-with(@createDate, $year)]) &gt; 0">
            <ul>
                <xsl:for-each select="$currentPage/node[starts-with(@createDate, $year)]">
                  <li>
                        <a href="{umbraco.library:NiceUrl(@id)}">
                           <xsl:value-of select="@nodeName" />
                     </a>
                    </li>
               </xsl:for-each>
         </ul>
       </xsl:if>
   </xsl:template>
</xsl:stylesheet>

Not tested, but have something similiar for my Simple Search 4 Umbraco...

hth, Thomas

Copy Link

Ivan 139 posts 302 karma points

Feb 10, 2010 @ 12:13

0

I will give it a try, Thomas.

Thanks ;-)

Copy Link
is working on a reply...

Please Sign in or register to post replies

Flag this post as spam?