2022.2

Loadingpartofasnippet,basedonthevalueofadatafield
Whenasnippetcontainsapartthatcanbeidentifiedbyaselector,thatselectorcanbeusedtoload
thatpartofthesnippetintoatemplate.Itispossibletodothis,basedonthevalueofthedatafield.This
iseasiestwhentheselectormatchesthevalueofadatafield.
Example: ThefollowingscriptreadsthevalueoftheLANGUAGEfieldintherecordanduses
thatvalueastheselectorinthefunctionloadhtml().IfthesnippetcontainsanHTMLelementwith
thisID(forexample,<pID=”En”>),thatHTMLelementwillbeaddedtothecontent:
var language = record.fields.LANGUAGE;
results.loadhtml(‘snippets/nameofthesnippet.html’, ‘#’+ language)
Anotherexampleisgiveninthefollowinghow-to:Usingaselectortoloadpartofasnippet.
Seealso:"StandardScriptAPI"onpage715.
Tip:
AneasywaytogroupcontentinanHTMLsnippetisputtingeachpartinacontainerandgiving
thatcontaineranID,forexample:
<divID=”EN”><p>ThisistextforEnglishcustomers.</p></div>
Usethefunction.children()toloadthecontentsofthecontainer,andnotthecontainer
itself.Forexample:
results.loadhtml(‘Snippets/myfooter.html’, ‘#EN’).children()
Thisscriptloadstheparagraphoftheexample(<p>),butnotthecontaineritself(<div>).
Loadasnippetandinsertvariabledataintoit
ThefollowingscriptloadspartofanHTMLsnippetbasedonthevalueofafield,andthenfind-
s/replacestextwiththevalueofafieldbeforeinsertingthecontentintothedocument.
var promoTxt = loadhtml('snippets/promo-en.html', '#' + record.fields['YOGA']);
promoTxt.find('@first@').text(record.fields['FIRSTNAME']);
results.html(promoTxt);
Loading content using a server's API
Contentinatemplateisusuallystatic(apartfrombeingpersonalized)andpartofthemaintextflow.It
canalsobelocatedinasnippet(see"Snippets"onpage250).
Itisalsopossibletoincludecontentthatisservedbyanotherserver.ManyserversprovideanAPIto
fetchpubliclyavailablecontentfromtheirsite.Thatcontentmayevenbedynamic:themost recent
blogpostsonaWordpresswebsite,forexample,orthecurrentweatherforecastforacertaincity.
Thistopicexplainshowtoretrievecontentusingaserver'sAPIandinsertthatcontentinatemplate.
Page 392