Hello, I used a filter on this page: http://php.webkusthosting.be/before-and-after?filter=0 I click on a filter, i can't see witch is hightlight. What is the best way, showing witch filter is active. Try showing the filter-name on the page, by example: Filter: ?? if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } Now adding this: Filter: <@ queryStringMerge { @{ :filter } } @> if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } But show this: Filter: filter=doorsnee+fitnesser That is what i want by example: Filter: doorsnee fitnesser

ctuxboy Hi, parameters from the query string, like the filter parameter, can be used like this: Filter: @{ ?filter } if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } A filter can basically be used like any other variable, just with a leading ? . Note that the queryStringMerge function is made to build query strings with multiple parameters by merging the existing query string with new parameters to create filter menu URLs. Hope this helps.

Hi @mad , YES, you help me a lot!!!! The solution is incredibly simple!! I do a little fine-tuning. When no filter is choosen, show 'Alle ' (=All) <@ if @{ ?filter } = '0' @> Filter: Alle <@ else @> Filter: @{ ?filter } <@ end @> if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } It works perfect!!!

ctuxboy Hey, you can even shorten it with a default value and without a condition like this: Filter: @{ ?filter | def('All') } if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); }

Oh okay, i understand. That is the code before: <@ newPagelist { type: 'children' , filter: @{ ?filter } } @> if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } <div class="tags"> <a href="?<@ queryStringMerge { filter: false } @>">Alle</a> <@ foreach in filters @> <a href="?<@ queryStringMerge { filter: @{ :filter } } @>">@{ :filter }</a> <@ end @> </div> Removed the first tag and now it works good :-)

Show active filter name

ctuxboy

Hello,

I used a filter on this page: http://php.webkusthosting.be/before-and-after?filter=0
I click on a filter, i can't see witch is hightlight.
What is the best way, showing witch filter is active. Try showing the filter-name on the page, by example:

<p>Filter: ??</p>

Now adding this:

<p>Filter: <@ queryStringMerge { @{ :filter } } @></p>

But show this:

Filter: filter=doorsnee+fitnesser

That is what i want by example:

Filter: doorsnee fitnesser

mad

ctuxboy

Hi, parameters from the query string, like the filter parameter, can be used like this:

<p>Filter: @{ ?filter }</p>

A filter can basically be used like any other variable, just with a leading ?.
Note that the queryStringMerge function is made to build query strings with multiple parameters by merging the existing query string with new parameters to create filter menu URLs.

Hope this helps.

ctuxboy

Hi @mad ,

YES, you help me a lot!!!!

The solution is incredibly simple!!

I do a little fine-tuning. When no filter is choosen, show 'Alle' (=All)

<@ if @{ ?filter } = '0' @>
    <p>Filter: Alle</p>
 <@ else @>
    <p>Filter: @{ ?filter }</p>
 <@ end @>

It works perfect!!!

mad

ctuxboy Hey, you can even shorten it with a default value and without a condition like this:

<p>Filter: @{ ?filter | def('All') } </p>

ctuxboy

@mad ,

Thx for the advice, used the 'shorten' solution. Thats really awesome :-)
Thanks mate!

ctuxboy

Hmm,
Doesn't work, when click 'All' shows:

Filter: 0

It works only when page load for the first time, or when you came from another page, if you understand what i mean.

mad

ctuxboy It depends on how you create your filter button. You can leave out the filter parameter in the query string (for the "All" button) and then the short version would work. But if you want the filter parameter to always be in the query string or you use the queryStringMerge function, you have to test it like you did before. Both works. ?

ctuxboy

Oh okay, i understand.

That is the code before:

<@ newPagelist { type: 'children' , filter: @{ ?filter } } @>

<div class="tags">
<a href="?<@ queryStringMerge { filter: false } @>">Alle</a>

<@ foreach in filters @>
<a href="?<@ queryStringMerge { filter: @{ :filter } } @>">@{ :filter }</a>
<@ end @>
</div>

Removed the first tag and now it works good :-)