2022.2

Examples
Thesamplebelowattachesaneventhandlertothe"set"eventofaSignatureelement.Oncethesig-
natureisset(thatis,aftertheuserhasclickedtheDonebutton),theeventhandlertriggerseventsof
theDateandGeolocationelements.TheDateelementissetwithtoday'sdateandtheGeolocationele-
mentisupdatedwiththecurrentlocation.
$(document).ready(function() {
$('#signature').on("set.cotg", function() {
$("#date").trigger("set.cotg", new Date()); // set current date
$("#geolocation").trigger("update.cotg"); // get current geolocation
});
});
ThefollowingexampleinvokestheDatedialogwhentheuserclicksabutton.
$(document).ready(function() {
$('#my-datepicker-button').on('click', function() {
$('#date1').trigger("show-date-picker.cotg", new Date("2018-01-01"));
});
});
Dynamically adding COTG widgets
CaptureOnTheGo(COTG)widgetscanbeaddedtoaFormdynamically,viajQuery.Forexample:a
newCameraelementcouldbeaddedwhentheuserclicksanAddbutton.Thistopicexplainshowto
implementthis.ItisassumedthatyouhaveabasicunderstandingofHTMLforms,CSS,JavaScript,
andjQuery.
Prerequisites
Beforeyoucanstartwritingcodethataddsawidgetinresponsetoanactionoftheuser,youneedthe
following:
l
SomeelementontheFormtotriggerthecreationofthewidget.Thiscouldbeanythingthat
respondstoanactionoftheuser;abuttonorlink,forexample.Makesurethatthiselementhas
anID.
l
AFormelementtowhichthenewwidgetcanbeadded;a<div>forexample.Again,makesureto
givethiselementanID.
l
TheHTMLstructureandattributesofthewidget,sothatyoucanrecreateitincode.TheHTML
structureofawidgetcanbeseenontheSourcetabafterinsertingthesamekindofwidgetintoa
FormintheDesigner.
Also,ifyoudon'thaveaJavaScriptfileforyourcodeyet,addonetotheresourcesofyourtemplate
(see"AddingJavaScriptfilestotheResources"onpage513)andmakesuretoincludethatfileinthe
WebcontextorintheWebsectionthatcontainstheCOTGForm(see"IncludingaJavaScriptfileina
Webcontext"onpage515).
Page 548