Is this possible? txp:evaluate between this value and this value

Kjeld · 2021-07-24 04:38:30

I currently have this code:

<txp:evaluate query='<txp:variable name="img-aspect-number" /> > 115'>

What I would really like is > 115 AND < 145 in the same query (if img-aspect-number is greater than 115 but smaller than 145, do this), so that I won’t need to make intricate IF/ELSE statements.

I can’t figure out how to do this… Is it possible?

colak · 2021-07-24 05:11:38

This may work or it may produce double results in the 2nd evaluate.

<txp:evaluate query='<txp:variable name="img-aspect-number" /> > 115'>
do something
<txp:else />
<txp:evaluate query='<txp:variable name="img-aspect-number" /> < 145'>
do something else
</txp:evaluate>
</txp:evaluate>

etc · 2021-07-24 08:25:25

Kjeld wrote #331115:

I can’t figure out how to do this… Is it possible?

You’ve said it:

<txp:evaluate query='<txp:variable name="img-aspect-number" /> > 115 and <txp:variable name="img-aspect-number" /> < 145'>

Kjeld · 2021-07-24 10:13:26

colak wrote #331116:

This may work or it may produce double results in the 2nd evaluate.

<txp:evaluate query='<txp:variable name="img-aspect-number" /> > 115'>...

Thanks, Yiannis!

Actually similar to what I had:

<txp:evaluate query='<txp:variable name="img-aspect-number" /> < 100'>
OPTION
<txp:else />
<txp:evaluate query='<txp:variable name="img-aspect-number" /> > 145'>
OPTION
<txp:else />
<txp:evaluate query='<txp:variable name="img-aspect-number" /> > 115'>
OPTION
<txp:else />
OPTION
</txp:evaluate>
</txp:evaluate>
</txp:evaluate>

But it gets complicated. Especially if you want to add layers…

Last edited by Kjeld (2021-07-24 10:20:53)

Kjeld · 2021-07-24 10:17:35

etc wrote #331117:

You’ve said it:

<txp:evaluate query='<txp:variable name="img-aspect-number" /> > 115 and <txp:variable name="img-aspect-number" /> < 145'>...

Absolutely perfect! Tried it right away, and it works exactly as advertised.

It is now wonderfully easy to add layers.

When I saw your code, I thought you got be kidding me. I thought I had tried everything, but I guess not this one…

Thank you very much, Oleg!

Last edited by Kjeld (2021-07-24 10:21:56)

colak · 2021-07-24 10:45:02

Kjeld wrote #331120:

Absolutely perfect! Tried it right away, and it works exactly as advertised.

It is now wonderfully easy to add layers.

When I saw your code, I thought you got be kidding me. I thought I had tried everything, but I guess not this one…

Thank you very much, Oleg!

Glad it worked out. Could you post your code here for learning purposes?

Kjeld · 2021-07-24 11:00:36

colak wrote #331121:

Glad it worked out. Could you post your code here for learning purposes?

I use the queries to deliver different classes according to the image aspect ratio of the image (horizontal, square, vertical broad, vertical narrow).

For right now it is as follows, but I will finetune this as the site grows:

<txp:evaluate query='<txp:variable name="img-aspect-number" /> < 100'>
OPTION
</txp:evaluate>
<txp:evaluate query='<txp:variable name="img-aspect-number" /> > 100 and <txp:variable name="img-aspect-number" /> < 115'>
OPTION
</txp:evaluate>
<txp:evaluate query='<txp:variable name="img-aspect-number" /> > 115 and <txp:variable name="img-aspect-number" /> < 145'>
OPTION
</txp:evaluate>
<txp:evaluate query='<txp:variable name="img-aspect-number" /> > 145'>
OPTION
</txp:evaluate>

I guess I should really also include “equal to” (=) to a few of these…

A (far too) detailed explanation of how I calculate and implement the image aspect ratio calculation on my site can be found here.

etc · 2021-07-24 18:35:40

Kjeld wrote #331122:

I guess I should really also include “equal to” (=) to a few of these…

Greater/less or equal (resp. >= and <=) work just fine.

Kjeld · 2021-07-25 01:10:59

etc wrote #331124:

Greater/less or equal (resp. >= and <=) work just fine.

Thank you, Oleg.

Kjeld · 2021-07-25 01:12:37

colak wrote #331121:

Glad it worked out. Could you post your code here for learning purposes?

Yiannis, let me know if my explanations above and in the link were too detailed. I can put a simplified explanation here if you like.

colak · 2021-07-25 04:15:11

Hi Kjeld,
Sorry I did not acknowledge. It took me some time to mentally put it all together but it’s actually all very clear.

Thanks!

Kjeld · 2021-07-25 05:39:09

colak wrote #331130:

Hi Kjeld,
Sorry I did not acknowledge. It took me some time to mentally put it all together but it’s actually all very clear.

Thanks!

Wonderful.

I fear that combining the explanation for preventing Cumulative Layout Shift with the explanation for a layout that can change according to the image ratio was not a very good idea.

But I connected the two methods on my site, so that is how it came out…

Textpattern CMS

Textpattern CMS support forum

#1 2021-07-24 04:38:30