adding javascript function to TW5

[RunningUtes]

I would like to add a javascript function to TW5 but am not sure how to accomplish it.

https://www.peter-eigenschink.at/projects/steganographyjs/showcase/

Specifically, I would like to add the JavaScript library steganography.js. This library uses two functions:

• encode takes a message as String and a image as Image, HTMLImageElement or String representing the data-URL of the cover image. Returns the data-URL of the image with the encoded message inside.
• decode takes a image as Image, HTMLImageElement or String representing the data-URL of the image and returns the message which was found in the image.

Can this be accomplished in TW5 using macros?

\define StegEncode(text, image)

function hide() {
 var stego = document.getElementById("stego"),
 img = document.getElementById("img"),
 cover = document.getElementById("cover"),
 message = document.getElementById("message"),
 textarea = document.getElementById("text"),
 download = document.getElementById("download");
 if(img && textarea) {
 cover.src = steg.encode(textarea.value, img, {"width": img.width, "height": img.height});
 stego.className = "half";
 message.innerHTML="";
 message.parentNode.className="invisible";
 download.href=cover.src.replace("image/png", "image/octet-stream");
 }
 }
\end

I'm just not sure how to mix the javascript with the macro variables from tiddlywiki.

[Thomas Elmiger]

Take a look at this: http://tiddlywiki.com/dev/index.html#JavaScript%20Macros

You will notice that there is no direct access to DOM-objects …

Maybe you would profit from inspecting Jed’s existing solution here: http://ooktech.com/jed/ExampleWikis/TiddlySteganography/#%24%3A%2Fplugins%2FOokTech%2FTiddlySteganography

Good luck!
Thomas

[Jan]

Hi again Thomas,
you once posted a kind of instrucional experiment on integrating a
va-script ( It must be about one and a half years ago... )
I already looked for it in the some time ago and was not able to locate
it, could you post it again.

Best Wishes, Jan

[Thomas Elmiger]

Hi Jan

Sorry I have no idea what a va-script is … maybe parts of your request were eaten by Google Groups? Or maybe it was from someone else?
Do you have any additional hints?

Would be happy to help,
Thomas

[Jan]

Hallo Thomas,
it was one of the first Emails where I read your name...and I think it was demonstrating a Mathtask in JavaScript.
I just remember I liked it...but perhaps it is a false Memory.

Yours Jan

--
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 post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/bb3f2970-e903-4d17-8fba-8eea8fda3d95%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Thomas Elmiger]

Hmm – maybe this?

http://wkh.thomas-elmiger.ch/#%24%3A%2Fcore%2Fmodules%2Fmacros%2Fwkh-quadratur.js

which is used in a modal here:

http://wkh.thomas-elmiger.ch/#ErgebnisModal

in my little course about the web:

http://wkh.thomas-elmiger.ch/#JavaScript

[Jan]

Hello THomas
Great, it was exactly what I looked for. For I am bloody beginner to
java script, this seems to be a very good start for me.
Perhaps I will use some of the elements of your cours in school,
therefor it is practical that it is in german.

Yours Jan

[Jan]

Hello Thomas

Great, it was exactly what I looked for. For I am bloody beginner to
java script, this seems to be a very good start for me.
Perhaps I will use some of the elements of your cours in school,
therefor it is practical that it is in german.

Yours Jan

Am 10.07.2017 um 14:54 schrieb Thomas Elmiger: