Forum > Triggering component event from raw text HTML element -- Answered

08-02-2018, 03:29 AM:

Is there a way to trigger an IWControl event from a HTML element created in raw text?

For example, if I create a series of HTML elements, for example anchor tags <a>, using the raw text mode of an IWText component, can I hook the onClick event of that HTML element to an onClick event defined in an IWForm, or the WebApplication for that matter?

I'm trying to create a visually unique navigation and the only way I found I can do this is by using the raw text mode of the IW Text component. I need the HTML elements within the raw text to be interactive and I need that interaction to be managed by the WebApplication session, for example, navigating to another page.

I hope this makes and any insight and especially code examples would be much appreciated.

Many thanks,

Michael

08-02-2018, 11:14 AM:

Hi Michael, YES, you can.

Code:

<a href="#" onclick="return SubmitClick('IWBUTTON1','optional_parameter', false);">Agenda</a>

08-02-2018, 11:48 AM:

(08-02-2018, 11:14 AM)José Nilton Pace Wrote: [ -> ]Hi Michael, YES, you can.

Code:

<a href="#" onclick="return SubmitClick('IWBUTTON1','optional_parameter', false);">Agenda</a>

You can also register a call back

WebApplication.RegisterCallBack('fxGridEditCallBack', fxGridEditCallBack);

then in the html do something like this for an ajax call or use the submitclick example above for the non ajax call

lJS.Add(' var paramlist = "&edittype=0&Agid="+options.gid+"&ArowId="+options.rowId;');

lJS.Add(' var clk = "executeAjaxEvent(''"+paramlist+"'',null,''fxGridEditCallBack'',true,null,true)";');

lJS.Add(' return "<a onclick = \"" + clk + "\" href=''#''><img title=''Edit'' src=''/files/Images/default/edit.png''></a>";');

08-04-2018, 06:16 PM:

(08-02-2018, 11:14 AM)José Nilton Pace Wrote: [ -> ]Hi Michael, YES, you can.

Code:

<a href="#" onclick="return SubmitClick('IWBUTTON1','optional_parameter', false);">Agenda</a>

This worked perfectly. Thank you so much!

Michael

08-06-2018, 12:07 AM:

Please explain a bit more. Does that code display a calendar that calls SubmitClick() on every click?

08-06-2018, 12:08 PM:

Hi Daniel, YES, exactly this. A clickable calendar image from fontAwesome, check it here.