Guide to using JavaScript in custom field buttons?

[e_l_e_s]

Hi,
i know this forum isn’t really a place to teach javascript - therefore my question is about specifics of how to use it in recent EGroupware (CE).

In 1.8, in a custom field of type button, I had been using constructs like

MyButton=document.getElementById(‘exec[#HistoryField]’).value = ‘Some Action’ + document.getElementById(‘exec[#HistoryField]’).value;

for an ‘shortcut’ type button for the operator to press and have a date added to a history log field.

This worked well in both Resources and Address Book;

Now, I tried modifying it in line with this article from Ralf, to get it to work in 19.1:

MyButton=var historyfield=widget.getRoot().getWidgetById(‘HistoryField’); historyfield.set_value((new Date).toString()+’\n’+historyfield.getValue());

and it doesn’t seem to be working - there is no change in the HistoryField…

Even having noticed (thanks to FF inspect) that the element name is actually addressbook-edit_#HistoryField, it still doesn’t fill in what I wanted it to do, It Still Does Nothing.

Is there somewhere I can read about how to use JS in EGW ?

Thanks in advance,

Lukasz

[RalfBecker]

getWidgetById(‘HistoryField’)

For a custom-field you need to prefix it with a hash eg:

getWidgetById(‘#HistoryField’)

Rest looks ok.

Ralf

[e_l_e_s]

Thank you, it works

The question of guidelines of how to use JS in such cases, still remains

–l.

( for example, when I try to do this:

Lost=var rescurrin = widget.getRoot().getWidgetById(’#ResCurrIn’); rescurrin.set_value(‘Lost’); # this part works but

var currentTime = new Date(); var month = currentTime.getMonth()+1; var day = currentTime.getDate(); var year = currentTime.getFullYear(); widget.getRoot().getWidgetById(’#ResHistory’).value = ‘Lost ‘+ day + ‘/’ + month + ‘/’ + year + ‘\n’ + widget.getRoot().getWidgetById(’#ResHistory’).value; # this part does not

(even if I use extra variables for storing the #ResHistory (being a textarea) value and compose it; like this

Timestamp = var currentTime = new Date(); var month = currentTime.getMonth()+1; var day = currentTime.getDate(); var year = currentTime.getFullYear(); reshistory = widget.getRoot().getWidgetById(’#ResHistory’); reshistory.value = 'Lost '+ day + ‘/’ + month + ‘/’ + year + ‘\n’ + reshistory.value;

(it can set_value() but trying to var savehistory = reshistory.value; does not bring it back)

And yes, I want to add the newest event in history to the top of the field, this is intentional;

What I see is, I can set value (if I just set and replace the value of the field to the date composed, it does appear there, clearing the rest of history lines; but if I try to compose it of the new line AND past value, it doesn’t;)

(unless it’s something related to Resources app only?)