token? velocity? I don't know what I want

Question

I have a marketo landing page that serves as an LMS calendar. Classes come and go, and each time we add a block of classes I add some prepared html code and drop it in the page. I would LOVE to automate a way to hide the classes that have passed, by quickly updating a token or list of past classes (potentially updating a section of html div to display:none).

I tried some js that goes off internal clocks and hides by date, but that didn't seem to work right --

I was thinking of inserting a token in the div and updating it to "display:none" as needed, but marketo seems to strip out the token when I save it.

Maybe I need a velocity script to do this in a way I haven't thought of yet (I'm not familiar with Velocity use-cases)?

Maybe someone else has done something similar? Anyone want to point me to the right rabbit hole?

SanfordWhiteman · Accepted Answer

done & done... such anticipation now...

Set up some CSS rules (I don't like to set .style directly if avoidable):

#BodyText2a { display: none !important; }
#BodyText2a[data-event-expiry-calculated="true"] { display: initial !important; }
#BodyText2a .Row[data-event-expired="true"] {  display: none; }

then

var arrayFrom = getSelection.call.bind([].slice),
    nowDate = new Date(),
    eventContainer = document.querySelector("#BodyText2a")
    eventRows = eventContainer.querySelectorAll(".Row");
arrayFrom(eventRows)
  .filter(function(eventRow){
    var eventDate = new Date(eventRow.getAttribute("data-event-datetime"));
    return eventDate < nowDate;
   })
   .forEach(function(expiredEventRow){
     expiredEventRow.setAttribute("data-event-expired","true");
   });
eventContainer.setAttribute("data-event-expiry-calculated","true");

Grégoire_Miche2 · Answer

HI JD,Velocity tokens do not work in landing pages. Only in emails. Non script tokens normally do.Send the LP URL, so that we can look at the JS.-Greg

Sign up

Login with SSO

Login to the community

Login with SSO