Hi everyone, This morning I was playing around with a cool slider idea (see below). But I need your help.
The idea is that each TOC tiddler would have a list showing links to all tiddlers tagged with the current tiddler and also tagged with $:/TOC. For each tiddler in the list, you would see a link to the tiddler title, and an arrow button, which, when clicked, would transclude that tiddler's contents, which would consist only of the same slider. [actual content would be viewed in a separate viewtemplate element, so transcluding the text field would not transclude the note content]. Each list would be wrapped in indent code so that each successive level would be slightly indented below its parent. I got most of it to come together, and it looks nice. My problem is that the slider states are all connected to the current tiddler rather than operating independently. I thought that by using a macro (see below) and nesting it inside the list, it would grab the title field of the list item. But alas, it appears they all grab the title of the current tiddler. Is there a way to tweak either the list or the macro or both so that the reveal state and button states grab the title of the tiddler in which they are each respectively found? I think you will see what I am getting at if you see an example: http://www.giffmex.org/experiments/multileveltoctest.html#Old%20Testament *Here is the slider:* <<giffTOCmacro>> <span class="indent1"><$list filter="[is[current]tagging[$:/TOC]!tag[$:/Note]sort[title]]"> <$link><$view field="title"/></$link> <$reveal type="nomatch" state="$:/state/$title$" text="show"><$button class="whitebutton" set="$:/state/$title$" setTo="show">▼</$button></$reveal><$reveal type="match" state="$:/state/$title$" text="show"><$button class="whitebutton" set="$:/state/$title$" setTo="hide">▲</$button> <$transclude/> </$reveal> *And here is giffTOCmacro:* \define giffTOCmacro (title:<$view field="title"/>) $title$ \end </$list></span> *And here is the relevant CSS:* .whitebutton {background:white;border:none;color:#ccc;} html body.tw-body .indent1 {margin-left:1.5em;display:block;} -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/tiddlywiki. For more options, visit https://groups.google.com/d/optout.
