Process WebBrowser Client

[LeivioParticipant]

I’m trying to make a component like so: When I click the button triggers a JavaScript processing in ClientWebBrowser and java script that can update the value of another component.

 

NomeForm := TRaVCLFormCompatible(FOwner).Name;
AJavascript :=
‘var me=’ + FButtom.Name + ‘;’ +
‘me.onclick=function Calcula() ‘ +
‘{‘ +
‘var ValorEditor=document.’ + NomeForm + ‘.’ + FButtom.Name + ‘.value;’ +
‘document.’+ NomeForm + ‘.’+ FEditor.Name +’.value=ValorEditor; ‘ +
‘}’;

 

I think I’m doing wrong .. so my doubt?

 

Leivio

[igorklopovParticipant]

Raudus components are not so straightforward as you suppose.
You know that there is server-side part of component (some TRaExtendable…) and client-side part, that is set up in RaDrawExtend… and other methods. Server-side part is written in Pascal, client-side – in JavaScript. Client-side should not access client-sides of other controls. It should only access it’s server-side counterpart. Client-side sends data to server-side by “me.route()” JavaScript command. Server-side receives data from client-side in RaRoute method. Server-side sends data to client-side using “var AJavascript: String” parameter (it writes JavaScript code there). So, you are quite free to make any possible control, just follow the rules.

Again – Dont try to access other client-side directly in JavaScript – client-sides of different controls don’t see each other. But their server-side counterparts see each other and can be accessed via their component names.

In you example, i see that you have a Button and an Edit. Clicking on a Button changes Edit value.

You need to create two controls – Button and Edit – separately.

It seems that i should post some code here. But i have an even better idea. In next version i will try to write minimalistic examples of the Edit and the Button.

Try to study example “80-RxStButton”. It is rather simple.

[Author]

Posts