[tw5] Re: Global wikilink styling depending on the target "weight" field value
(that's why i drill to link.js widget). Soon I will try to apply your way
(Transclusion with Templates) with backlinks and other link structure
features in my wiki.
воскресенье, 6 сентября 2020 г. в 21:29:27 UTC+6, Shareda:
> Oh, good and clear enough for me! Thank you! One more detail: what if i
> have links like [[form of keyword|original keyword]] ? How can I remake it
> or play around?
> I already have one mechanism based on macros like < "original keyword">> but it is not good becuse of backlinks are not tracing
> throuh this macro.
> воскресенье, 6 сентября 2020 г. в 18:53:15 UTC+6, Eric Shulman:
>
>> On Sunday, September 6, 2020 at 4:52:32 AM UTC-7, Shareda wrote:
>>>
>>> Hello! I want to improve link styling in my TiddlyWiki, and I need some
>>> help. In my wiki almost every tiddler describes some concept. Each concept
>>> (tiddler) has a numerical field "weight". I want links to any concept
>>> tiddler that has a "weight" field to be displayed with style="background:
>>> rgba(255,0,0,)". I found the widget link.js, but for some
>>> reason my changes do not affect the display. Where exactly should I insert
>>> my code so that all wikilinks follow this style. I am new to JavaScript and
>>> TW inner architecture , so it would be very good to get correct code.
>>>
>>
>> You can achieve this styling with just a small change in the way you
>> enter your links, without modifying any TWCore javascript code.
>>
>> First, wherever you want to embed a weighted link instead of writing just
>> TiddlerTitle or [[Tiddler Title]]
>> you write:
>> {{TiddlerTitle||wlink}} or {{Tiddler Title||wlink}}
>> This syntax is called "Transclusion with Templates" (see
>> https://tiddlywiki.com/#Transclusion%20with%20Templates).
>> What it does is to render the indicated tiddler title, using the content
>> from "wlink" (short for "weighted link").
>>
>> Then, create the "wlink" tiddler, containing this text:
>> <$link>
>>> addsuffix[ / 100));]] }}}>
>> <>
>>
>>
>>
>> Notes:
>> * Within this "template" tiddler, the currentTiddler value is the
>> TiddlerTitle you specified in the transclusion syntax
>> * The $link widget outputs a link (using the currentTiddler value as its
>> default target)
>> * The span inside the $link constructs the style using an "inline filter"
>> (the {{{ [...] }}} syntax)
>> * This inline filter starts with literal text: "
>> *background:rgba(255,0,0,calc(*", then appends a value retrieved from
>> the "weight" field of the currentTiddler, and then adds the remaining
>> literal text: "*/ 100));*"
>> * Thus, the resulting style is: "*background:rgba(255,0,0,calc(nnn **/
>> 100));*", where "nnn" is the value from the weight field.
>> * Finally, inside the span, the actual tiddler title is displayed
>>
>> enjoy,
>> -e
>>
>
--
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/7aefe96f-2b29-455f-b91b-85c64c1bbc92n%40googlegroups.com.
[tw5] Re: Global wikilink styling depending on the target "weight" field value
Oh, good and clear enough for me! Thank you! One more detail: what if i
have links like [[form of keyword|original keyword]] ? How can I remake it
or play around?
I already have one mechanism based on macros like <> but it is not good becuse of backlinks are not tracing
throuh this macro.
воскресенье, 6 сентября 2020 г. в 18:53:15 UTC+6, Eric Shulman:
> On Sunday, September 6, 2020 at 4:52:32 AM UTC-7, Shareda wrote:
>>
>> Hello! I want to improve link styling in my TiddlyWiki, and I need some
>> help. In my wiki almost every tiddler describes some concept. Each concept
>> (tiddler) has a numerical field "weight". I want links to any concept
>> tiddler that has a "weight" field to be displayed with style="background:
>> rgba(255,0,0,)". I found the widget link.js, but for some
>> reason my changes do not affect the display. Where exactly should I insert
>> my code so that all wikilinks follow this style. I am new to JavaScript and
>> TW inner architecture , so it would be very good to get correct code.
>>
>
> You can achieve this styling with just a small change in the way you enter
> your links, without modifying any TWCore javascript code.
>
> First, wherever you want to embed a weighted link instead of writing just
> TiddlerTitle or [[Tiddler Title]]
> you write:
> {{TiddlerTitle||wlink}} or {{Tiddler Title||wlink}}
> This syntax is called "Transclusion with Templates" (see
> https://tiddlywiki.com/#Transclusion%20with%20Templates).
> What it does is to render the indicated tiddler title, using the content
> from "wlink" (short for "weighted link").
>
> Then, create the "wlink" tiddler, containing this text:
> <$link>
> addsuffix[ / 100));]] }}}>
> <>
>
>
>
> Notes:
> * Within this "template" tiddler, the currentTiddler value is the
> TiddlerTitle you specified in the transclusion syntax
> * The $link widget outputs a link (using the currentTiddler value as its
> default target)
> * The span inside the $link constructs the style using an "inline filter"
> (the {{{ [...] }}} syntax)
> * This inline filter starts with literal text: "
> *background:rgba(255,0,0,calc(*", then appends a value retrieved from the
> "weight" field of the currentTiddler, and then adds the remaining literal
> text: "*/ 100));*"
> * Thus, the resulting style is: "*background:rgba(255,0,0,calc(nnn **/
> 100));*", where "nnn" is the value from the weight field.
> * Finally, inside the span, the actual tiddler title is displayed
>
> enjoy,
> -e
>
--
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/9156fd55-d7e5-4e3c-bba2-b3c297b222adn%40googlegroups.com.
[tw5] Re: Global wikilink styling depending on the target "weight" field value
On Sunday, September 6, 2020 at 4:52:32 AM UTC-7, Shareda wrote:
>
> Hello! I want to improve link styling in my TiddlyWiki, and I need some
> help. In my wiki almost every tiddler describes some concept. Each concept
> (tiddler) has a numerical field "weight". I want links to any concept
> tiddler that has a "weight" field to be displayed with style="background:
> rgba(255,0,0,)". I found the widget link.js, but for some
> reason my changes do not affect the display. Where exactly should I insert
> my code so that all wikilinks follow this style. I am new to JavaScript and
> TW inner architecture , so it would be very good to get correct code.
>
You can achieve this styling with just a small change in the way you enter
your links, without modifying any TWCore javascript code.
First, wherever you want to embed a weighted link instead of writing just
TiddlerTitle or [[Tiddler Title]]
you write:
{{TiddlerTitle||wlink}} or {{Tiddler Title||wlink}}
This syntax is called "Transclusion with Templates"
(see https://tiddlywiki.com/#Transclusion%20with%20Templates). What it
does is to render the indicated tiddler title, using the content from
"wlink".
Then, create the "wlink" tiddler (short for "weighted link"), containing
this text:
<$link>
<>
Notes:
* Within this "template" tiddler, the "currentTiddler" value is the
TiddlerTitle you specified in the transclusion syntax
* The $link widget outputs a link (using the currentTiddler value as its
default target)
* The span inside the $link constructs the style using an "inline filter"
(the {{{ [...] }}} syntax)
* This inline filter starts with literal text: "
*background:rgba(255,0,0,calc(*", then appends a value retrieved from the
"weight" field of the current tiddler, and then adds the remaining literal
text: "*/ 100));*"
* Thus, the resulting style is: "*background:rgba(255,0,0,calc(nnn **/
100));*", where "nnn" is the value from the weight field.
* Finally, inside the span, the actual tiddler title is displayed
enjoy,
-e
--
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/c98a91bf-f2bd-45ef-b38b-7ae0d3c9b9f3o%40googlegroups.com.
