Better to keep the HTML readable, drag the attached json with two tiddlers into some TiddlyWiki:
On Sunday, August 15, 2021 at 11:27:41 PM UTC-3 Charlie Veniot wrote:
> I don't know what made me think of this.
>
> In case this has not been brought up in a while (I doubt this is new to
> seasoned folk) ...
>
> I was thinking: could I use an iFrame to include simple javascript in a
> tiddler without getting into macros or plugins that enable javascript.
>
> And, if I could, then could I set things up so that the iFrame is showing
> javascript dynamically created by the tiddler ?
>
> So here is a way to show a digital clock in TiddlyWiki, for
> non-programmers who just want to copy and paste javascript code from the
> web without figuring out how the javascript code works :
>
> Put this in a brand new tiddler:
>
> *<$vars* *vSrcDoc*={{{ [[<body> <div id="clockDiv"></div> <script>
> let clockEl = document.getElementById("clockDiv"); function
> getClockTime() { let date = new Date(); let hr =
> date.getHours(); let min = date.getMinutes(); let sec =
> date.getSeconds(); hr = ("0" + hr).slice(-2); min = ("0" +
> min).slice(-2); sec = ("0" + sec).slice(-2); clockEl.innerHTML =
> `${hr}:${min}:${sec}`; } setInterval(getClockTime, 1000);
> </script></body>]] }}}*>*
> *<iframe* srcdoc=*<<vSrcDoc>>* style="border:none;width:100%;"*></iframe>*
> *</$vars>*
>
> Sneaky sneaky, has me wondering what kind of other fun things could be
> done...
>
--
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/3774ebc2-cb7f-4463-8e08-271af889fdf4n%40googlegroups.com.
TwClock.json
Description: application/json
