archive Expand/Collapse months

squaredeye · 2006-07-17 18:23:10

Hey yall,
I currently use the following code to create a year/month/article index of all of my writing here

I use the following code:
<code>
<!— show the year —>
<txp:if_different>

<!— show the month —>
<txp:if_different>

<!— article title and link —>
<a href=”<txp:permlink />”><txp:title /></a>
</code>

Using this code prevents me from placing a div around the months, so that I can collapse or expand them, which is convenient for the user when the list becomes rediculously long.

Does anyone know of an alternative solution using core tags and/or plugins?
Thanks yall,

Matthew

els · 2006-07-17 19:20:33

Would this work? (I didn’t try it)

<txp:if_first_article>
<div>
</txp:if_first_article>

<!-- show the year -->
<txp:if_different>
</div>
<h2 class="year"><txp:posted format="%Y" /></h2>
<div>
</txp:if_different>

<!-- show the month -->
<txp:if_different>
</div>
<h3><txp:posted format="%B" /></h3>
<div class="collapse">
</txp:if_different>

<!-- article title and link -->
<a href="<txp:permlink />"><txp:title /></a><br />

<txp:if_last_article>
</div>
</txp:if_last_article>

Edit: now I tried, and it’s almost working… It’s outputting the first (latest) month and the latest article, and then it starts again with the latest month and the rest of the articles. Ugh! So close… I’ll do some more thinking.

Edit again: ~~I changed the above code and now it’s working. I don’t know how much of a perfectionist you are, this code creates an empty div at the top of the list…~~

Edit 3: I give up, still no good :( Gotta learn to think before I speak… I think it can be done but you’ll have to have empty divs around the years as well.

Very. Last. Edit.: If you don’t mind empty divs at the top of the list and after the years, see adapted code. At least it validates.

Last edited by els (2006-07-17 20:21:33)

davidarthurs · 2006-07-17 20:26:59

Could you not need use javascript ? –

http://moofx.mad4milk.net/

els · 2006-07-17 20:31:22

He’ll need divs to be able to use the javascript :)

squaredeye · 2006-07-17 21:56:34

Els,
:)
You’re great. Thanks for working on that. I was trying to do some similar stuff. I’ll play with that code and see what I feel about it. The empty divs aren’t ideal, but as you say, at least it validates. This would be something to bring up at the feature requests perhaps?

I don’t know enough about the <code><txp:if_different></code> tags, but perhaps they could have a parameter for a wraptag and wraptag class? so that anything that is within those elements which are different would be wrapped and therefore become more versatile?

Thanks again,

:)

Matthew

els · 2006-07-17 22:13:52

I remember we once tried to do a similar thing with if_different and list tags. I can’t find the thread anymore, but I do remember we didn’t figure that out :) I only found this. According to Sencer it, or something similar to what you want, is “doable”, it would be nice because if_different is basically meant for lists, isn’t it?

Last edited by els (2006-07-17 22:15:13)

Mary · 2006-07-17 22:22:11

Long lists are evil anyway. Use paging (if_different will continue to work).

squaredeye · 2006-07-18 20:55:41

Mary,
Good call, and a decent solution, but wouldn’t be nice if you could have both :)

Do you foresee that as a crazy change, or a relatively simple one, or something in between? By the way you have something in your nostrils.

M

ps. Els, thanks again for the help on this one. I have yet to get the JS working and will need someone who is slightly less than bamboozled to help me on that, but that will have to wait till vacation is over :)

Last edited by ma_smith (2006-07-18 20:57:06)

els · 2006-07-19 00:11:29

Matthew, this javascript is easy to implement, I’ve been using it for a while: http://www.netlobo.com/div_hiding.html.

Mary · 2006-07-19 07:45:22

Do you foresee that as a crazy change, or a relatively simple one, or something in between?

For…?

squaredeye · 2006-07-20 17:17:17

Sorry Mary, the nostril thing distracted me,

The change to add a wraptag parameter to the if_different tag. (and/or) the php involved to make it work now?

Thanks Mary.

squaredeye · 2006-07-20 17:17:36

ps.
Thanks Els, I’ll check out that Javascript

Textpattern CMS

Textpattern CMS support forum

#1 2006-07-17 18:23:10

archive Expand/Collapse months

#2 2006-07-17 19:20:33

Re: archive Expand/Collapse months

#3 2006-07-17 20:26:59

Re: archive Expand/Collapse months

#4 2006-07-17 20:31:22

Re: archive Expand/Collapse months

#5 2006-07-17 21:56:34

Re: archive Expand/Collapse months

#6 2006-07-17 22:13:52

Re: archive Expand/Collapse months

#7 2006-07-17 22:22:11

Re: archive Expand/Collapse months

#8 2006-07-18 20:55:41

Re: archive Expand/Collapse months

#9 2006-07-19 00:11:29

Re: archive Expand/Collapse months

#10 2006-07-19 07:45:22

Re: archive Expand/Collapse months

#11 2006-07-20 17:17:17

Re: archive Expand/Collapse months

#12 2006-07-20 17:17:36

Re: archive Expand/Collapse months

Board footer