Thank you Mark!
Best wishes Mohammad On Sat, Apr 17, 2021 at 8:50 PM 'Mark S.' via TiddlyWiki < [email protected]> wrote: > You could try putting in it's own tiddler: > > tags: $:/tags/RawMarkup > type: application/javascript > > <script> > .... code ... > </script> > > Note that you have to save and reload before anything happens. I would not > be surprised if something clashes with TW's rendering system, though. > > On Saturday, April 17, 2021 at 7:38:41 AM UTC-7 Mohammad wrote: > >> What is the simplest way to have the below JS code into a Tiddlywiki >> plugin! It is not a macro, nor a widget! >> >> var ktooltips = document.querySelectorAll(".ktooltip"); >> ktooltips.forEach(function(ktooltip, index){ // For each >> ktooltip >> ktooltip.addEventListener("mouseover", position_tooltip); // On hover, >> launch the function below >> }) >> >> function position_tooltip(){ >> // Get .ktooltiptext sibling >> var tooltip = this.parentNode.querySelector(".ktooltiptext"); >> >> // Get calculated ktooltip coordinates and size >> var ktooltip_rect = this.getBoundingClientRect(); >> >> var tipX = ktooltip_rect.width + 5; // 5px on the right of the ktooltip >> var tipY = -40; // 40px on the top of the ktooltip >> // Position tooltip >> tooltip.style.top = tipY + 'px'; >> tooltip.style.left = tipX + 'px'; >> >> // Get calculated tooltip coordinates and size >> var tooltip_rect = tooltip.getBoundingClientRect(); >> // Corrections if out of window >> if ((tooltip_rect.x + tooltip_rect.width) > window.innerWidth) // Out >> on the right >> tipX = -tooltip_rect.width - 5; // Simulate a "right: tipX" position >> if (tooltip_rect.y < 0) // Out on the top >> tipY = tipY - tooltip_rect.y; // Align on the top >> >> // Apply corrected position >> tooltip.style.top = tipY + 'px'; >> tooltip.style.left = tipX + 'px'; >> } >> >> This is a partial solution for repositioning the tooltips to prevent >> screen overflow (off screen issue)! >> >> >> Best wishes >> Mohammad >> > -- > 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 view this discussion on the web visit > https://groups.google.com/d/msgid/tiddlywiki/15fb086c-650b-4f3e-affd-84067b7b0632n%40googlegroups.com > <https://groups.google.com/d/msgid/tiddlywiki/15fb086c-650b-4f3e-affd-84067b7b0632n%40googlegroups.com?utm_medium=email&utm_source=footer> > . > -- 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 view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/CAAV1gMCJ46xOFf-u6HX3c40q5G-oihdQJiJgH15492vdbTfeNA%40mail.gmail.com.
