Popup transclusion problem, TiddlyWiki vs static html

[David Gifford]

Hi all

I recently came up with a way to transclude tiddlers within popups in a way that works when exporting tiddlers to static htmls.

https://giffmex.org/gifts/transclusioninpopups.html

Now I realize there is a problem: I tested the popup on its own line, but not within a paragraph. Within a paragraph, since the solution is a <div>, it breaks the paragraph and the link appears below on a separate line. Here is the original snippet:

<div class="tooltip"><a href="https://giffmex.org">Giffmex</a><div class="tooltiptext"><$transclude tiddler="New Tiddler" mode="block"/></div></div>

I tried changing the outer <div> to a <span> twice, once with the inner div, and once with the inner as a span. But in both cases, the transclusion happens on the page, not as a popup.

I even tried changing the stylesheet $:/.giffmex/.Stylesheet4popups tooltip from display:inline-block to display:inline.

Any ideas? Is the problem found in one of the static shadow tiddlers? Or am I doing something wrong? Or is the very <div> that makes it work on a separate line in static HTML also the thing that keeps it from working within a paragraph?

I was pleased that I came up with something viable for Anne-Laure and her subscribers, who are using these popups in their "mind gardens", but now am disappointed it is not working as planned. I would appreciate any help you can give me.

[Anne-Laure Le Cunff]

Oops, my tutorial has the pop up on content that's on its own separate line, so I didn't notice the problem. Following this conversation with interest.

[David Gifford]

bump. Didn't get an answer. By email Yoni Balkind said it looks like the static exporter is closing the <p> before the <div>. Any ideas?

[Peter Buyze]

David,

I see there is no answer to this (yet?). I wonder if this could be causing my transclusion problem.

8 May 2020, 16:24 by dgif...@crcna.org:

--

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+...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/3880f46c-ba79-4348-88ba-e251d14b52a3%40googlegroups.com.

[TonyM]

Peter

Rather than using div or span which is already part of the overall layout could you use the section tag. With css you can get any html tag to behave like any other tag using display or targeting a particular parameter. See my recent post on paragraphs, I am using a whitespace attribute from the code tag css.

Regards
Tony

[Peter Buyze]

TonyM,

If I understand you well this is what you are referring to: https://groups.google.com/forum/#!searchin/tiddlywiki/paragraphs|sort:date/tiddlywiki/tXYXdvk3VXI/uDmvNG2yBQAJ

But that is more about paragraphs, I don't see how it relates to my very simple composite tiddler lay-out as per my OP here https://groups.google.com/d/msg/tiddlywiki/GmnzREqQ0zQ/4hYSuzk3AwAJ

Anyway, it is probably best not to mix 2 threads, so maybe you can answer my question in the 2nd link.

13 May 2020, 16:02 by anthony...@gmail.com:

--

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+...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/9358b936-df21-43a4-8a18-53430dba28fc%40googlegroups.com.

[David Gifford]

Hi Tony

I tried using a section tag for the toolip, and indicating it in the Stylesheet to display inline. Same result as div and span. It drops the link down to the next line.

I tried changing the tooltiptext to a span, and it displayed the full text of the transcluded tiddler in the text of the current tiddler.

[TonyM]

David,

Sorry not sure I can help. 

My only though is either the transcluded tiddler has an unmatched pair eg `<p> and no </p>` etc..., or quotes etc...

Or you method of using css for tooltips and popups is not correct, I do not know how that works sorry.

Regards

Tony

[Julio Peña]

Hello David,

I hope you find yourself well. Hey, I was testing your work on my site.

One thing I decided to do was change the linked and unlinked icons as

it seems you used to existing icons for the editor toolbar. This was a tad confusing to me.

So I went ahead and created two for that purpose:

$:/user/images/popup-link

$:/user/images/popup-unlink

If you go to the "Featured samples" tab you will find their respective links there.

http://jpentw5.tiddlyspot.com/

If you find them usable...go grab them!

Blessings,

Julio

[David Gifford]

Cool! Thanks Julio. I have a lot on my plate right now, but will add those to the popup page.

The main problem is that the popups don't work inline.

David Gifford

Mexico team leader, Mexico City

Resonate Global Mission
Engaging People. Embracing Christ.
A Ministry of the Christian Reformed Church
resonateglobalmission.org

--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/nqM8cmGD_wA/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/648e083c-4d2c-4199-abde-f4393b991b5d%40googlegroups.com.

[Sylvain Naudin]

Hi David,

If I'm not wrong, the extra <p> balise was also detected by Mohammad, and he create this thread : https://groups.google.com/d/msg/tiddlywiki/I-6KJelOUD0/yZx68xfiAAAJ

Issue: the extra <p> tags in rendered .html output

(from this one)

Jeremy if you see this ;-)

[David Gifford]

Hi Julio

Thanks again for the icons for the buttons. I have added that to the transclusion popups page: https://giffmex.org/gifts/transclusioninpopups.html

On Wed, May 13, 2020 at 11:24 PM Julio Peña <jpe...@gmail.com> wrote:

[Julio Peña]

Greetings Dave,

Not a problem...glad to be of assistance and that you found then useful. ^_^

Best wishes,

Julio

[Mike Tannenbaum]

Has anyone come up with a fix for this? I was tinkering with it for a while yesterday but wasn't able to solve.

[David Gifford]

Unfortunately, no. I don't have the know how.

--

You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/nqM8cmGD_wA/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/f823de1c-0293-4a79-8a95-1d0eee4f006c%40googlegroups.com.