Displaying the contents of a tiddler, when hovering over (tooltip)

874 views
Skip to first unread message

Labamba

unread,
Sep 14, 2011, 10:32:43 AM9/14/11
to TiddlyWiki
Hi all,

in my tiddlywiki there is always showing the authorname, date, etc
when i hover over a tiddler. But i want that the tooltip shows the
content of the tiddler (or perhaps just some of the content, not the
whole tiddler)

Searching in the google group i found this article, but i didnt manage
to get this to work: http://groups.google.com/group/tiddlywiki/browse_thread/thread/22dcdb4b8a935fd1

I downloaded the recommended basics.html tiddlywiki in the thread from
tiddlytools ( basics.html: A solid, all-purpose starter toolkit). This
wiki has the coretweaks in it, but all i can do with it is changing
the date format, nothing else.

So my questition is. how do i change the tooltip (when hovering over a
tiddler) from showing date and author to showing the contents of the
tiddler?

Tobias Beer

unread,
Sep 15, 2011, 12:47:42 PM9/15/11
to TiddlyWiki
Hi Lambada,

Currently I wouldn't know of an existing solution to your requrest.
Not sure about that, but perhaps Eric could modify his
NestedSlidersPlugin (or ShowPopup?) to optionally hook such a
functionality into the process of rendering TiddlyLinks.

Cheers, Tobias.

Craig in Calgary

unread,
Sep 21, 2011, 1:24:22 PM9/21/11
to TiddlyWiki
I accomplish a mouseover popup using a combination of
http://www.tiddlytools.com/#AliasPlugin and http://www.tiddlytools.com/#NestedSlidersPlugin.
In my [[MainMenu]] I have:
<<alias preview {{"[[%0]]+++^*@\<\<tiddler [[%0]]\>\>==="}}>>
<<alias preview2 {{"[[%1|%0]]+++^*@\<\<tiddler [[%0]]\>\>==="}}>>

The 'preview' alias takes a single parameter: the name of the tiddler
to display (wrapped in [[]] if there are spaces in the title). The
'prevew2' alias takes an additional parameter: a description of the
tiddler that will display in place of the tiddlers' title.

You can accomplish the same thing without using http://www.tiddlytools.com/#AliasPlugin
(only http://www.tiddlytools.com/#NestedSlidersPlugin is needed):
[[TiddlerTitle]]+++^*@<<tiddler [[TiddlerTitle]]>>===
[[Tiddler Description|TiddlerTitle]]+++^*@<<tiddler
[[TiddlerTitle]]>>===

If you find a better, i.e. quicker, more efficient, more robust,
solution please post here for everyone to consider.

Craig

Scott Kingery

unread,
Sep 21, 2011, 11:55:30 PM9/21/11
to TiddlyWiki
Craig, I like the way this works. Do know if there is away to add this
to the ForEach macro?

I have <<forEachTiddler where 'tiddler.tags.contains("notetopic")'
sortBy 'tiddler.title' write '"[["+tiddler.title+"]]"'
>> but couldn't figure a way to nest a preview command in there.

On Sep 21, 10:24 am, Craig in Calgary <craig.prich...@gmail.com>
wrote:
> I accomplish a mouseover popup using a combination ofhttp://www.tiddlytools.com/#AliasPluginandhttp://www.tiddlytools.com/#NestedSlidersPlugin.
> In my [[MainMenu]] I have:
> <<alias preview {{"[[%0]]+++^*@\<\<tiddler [[%0]]\>\>==="}}>>
> <<alias preview2 {{"[[%1|%0]]+++^*@\<\<tiddler [[%0]]\>\>==="}}>>
>
> The 'preview' alias takes a single parameter: the name of the tiddler
> to display (wrapped in [[]] if there are spaces in the title). The
> 'prevew2' alias takes an additional parameter: a description of the
> tiddler that will display in place of the tiddlers' title.
>
> You can accomplish the same thing without usinghttp://www.tiddlytools.com/#AliasPlugin
> (onlyhttp://www.tiddlytools.com/#NestedSlidersPluginis needed):

Craig in Calgary

unread,
Sep 22, 2011, 1:33:17 PM9/22/11
to TiddlyWiki
<<forEachTiddler
where
'tiddler.tags.contains("$1")'
write
'"|<<preview [["+tiddler.title+"]]\>\>|\n"'
begin
'"{{smaller{\n|sortable|k\n| !Preview Tiddlers |h\n"'
end
'"}}}"'
>>
1. Place this code in a tiddler titled fETtiddlers2.
2. Call it like this: <<tiddler fETtiddlers2 with: "systemConfig">>
3. A table of hits wll be generated.

A more complicated version (fETtiddlers):
<<forEachTiddler
where
'tiddler.tags.contains("$1")'
sortBy
'parseInt(store.getTiddlerText(tiddler.title+"##SortNum"))'
write
'"| " + parseInt(store.getTiddlerText(tiddler.title+"##SortNum"))
+ "&#160;|&#160;<<preview [["+tiddler.title+"]]\>\>|&#160;<<tiddler
tiddlerLink with: [["+tiddler.title+"]]\>\>|\n"'
begin
'"{{smaller{\n|sortable|k\n| !Sort | !Preview Tiddler | !Edit Tiddler
|h\n"'
end
'"}}}"'
>>
which references a tiddler titled tiddlerLink which contains:
{{small{<<editTiddler [[$1]] ✎>><<editSection [[$1]] "✎" "edit tiddler
$1 inline">>}}}[[$1]]

This version also produces a table but the table includes a link to
open the specified tiddler and begin editing it and a link to edit the
specified tiddler inline (which requires http://www.tiddlytools.com/#EditSectionPlugin).

You might have accurately guessed that I have collected, tweaked, and
created many ways to render tiddlers and lists of tiddlers. As a
Technical Communicator by profession I am always looking for ways to
improve the discoverability of content.

Craig

Eric Shulman

unread,
Sep 22, 2011, 2:43:29 PM9/22/11
to TiddlyWiki
> If you find a better, i.e. quicker, more efficient, more robust,
> solution please post here for everyone to consider.

http://www.tiddlytools.com/#PopupPreviewPlugin

enjoy,
-e
Eric Shulman
TiddlyTools / ELS Design Studios

----

TiddlyTools needs your support... make a donation today!
http://www.TiddlyTools.com/#Donations

Professional TiddlyWiki Consulting Services:
http://www.TiddlyTools.com/#Contact
Reply all
Reply to author
Forward
0 new messages