How to make my javascript buttons in tiddlywiki?

[Siniy-Kit]

Hi! I don't understand how to make js buttons with parameter.

For example this button must put 2 values to local storage of my site

<$button>

<$action-sendmessage $message="tm-putdatatols"  param1={{!!modified}}  param2={{!!title}}/>

put data to LS

</$button>  

I understand, that I have to create  "putdatatols.js" tiddler and put my js script in it. Something like in $:/core/modules/utils/dom/notifier.js

but its code is very difficult for me.  If i have more simple example, I will be able to write my own script.

Help me please.

[Siniy-Kit]

or may be somebody can write example of .js with

alert(param1+" "+param2);

[TonyM]

I can't directly help you on this but the password widget does write to local storage as well as the local storage plugin.

Regards
Tony

[Siniy-Kit]

Hi Tony! I want to understand how to write my own .js widgets and plugins. I need a simple example "Hello world" level.

It can be

<$button>

<$action-sendmessage $message="tm-alert"  param1={{!!modified}}  param2={{!!title}}/>

alert M+T

</$button>

........

alert(param1+" "+param2);

........

So, i want to make button with simple JavaScript alert  for two tiddler fields. This button will a good example for me and other beginners.

суббота, 26 октября 2019 г., 13:58:06 UTC+3 пользователь TonyM написал:

[Mark S.]

I think what you want is a widget, which tends to be harder than a javascript macro.

Chris Hunt had a TW on this, but the page has disappeared. Fortunately, it's still

on the wayback machine:

https://web.archive.org/web/20190413130519/http://cjhunt.github.io/

HTH

[Siniy-Kit]

Hi, Mark. Glad to see you! This theory is very very difficult for me. The is no easy examples in it. This manual is not for beginners. Long ago in this theme https://groups.google.com/d/msg/TiddlyWiki/bjludozbMqY/ja1YJa9g1k8J you write a very good example for me.  I write many simple scripts on it's base (but  still don't understand how it works:).

Now I need simple example, But it must work with "<$action-sendmessage $message= " when I click $button. I don't need to render the result in tiddler. I want to see alert of two fields values. 

суббота, 26 октября 2019 г., 21:26:44 UTC+3 пользователь Mark S. написал:

[Mark S.]

Hi Siniy-Kit,

Well, this is the wrong way to do things, I'm sure. It over-rides a core tiddler, $:/core/modules/widgets/fieldmangler.js. So be

sure to have backups. I tried using the new sub-class technology, which could have avoided over-riding the core,

but the documentation didn't give any explanation of how to include eventListeners in the sub-class. So after more than an hour, this is the best I can do.

Drag and drop the attached into your TW, save and reload.  The sample tiddler "test alert system" has this text:

<$fieldmangler>

<$button>
<$action-sendmessage $message="tm-alert"  param1={{!!modified}}  param2={{!!title}}/>
alert M+T
</$button>

</$fieldmangler>

The fieldmangler has been modified to catch the new message, tm-alert. Just look for "tm-alert" and "handleAlertEvent" to

see what I did.

HTH

[Siniy-Kit]

Thank you Mark! This is exactly what I wanted. 

/* $:/core/modules/widgets/fieldmangler.js  */ 
/....../
{type: "tm-alert", handler: "handleAlertEvent"}
/....../
FieldManglerWidget.prototype.handleAlertEvent = function(event) {
        var tiddler = this.wiki.getTiddler(this.mangleTitle),
                addition = this.wiki.getModificationFields(),
                hadInvalidFieldName = false ;
                addition.title = this.mangleTitle;
        if(typeof event.paramObject === "object") {
            var myalerts = "" ;
                for(var name in event.paramObject) {
                        myalerts += "" + name + ": " + event.paramObject[name] + ", " ;
                }
           alert(myalerts) ;
        }
        return true;
};
/....../

воскресенье, 27 октября 2019 г., 7:27:32 UTC+3 пользователь Mark S. написал: