Which CSS to add?

[Boy]

Took me a while but I got it to work, including the European date format and in Dutch. Very happy with that. However, the code doesn't seem to work in the mobile variant. I also tried it out in two Xara templates but nothing shows on the mobile sites.

[Egg Bramhill]

This works on my Android and iPhone4:

<p id="updated"></p>

<script>
var d = new Date();

var monthed = d.getMonth();
var dayed = d.getDay();
var dated = d.getDate();
var yeared = d.getFullYear();
var title = "Todays Date is ";

var dayArray = ["Sunday ","Monday ", "Tuesday ", "Wednesday ", " Thursday ", "Friday ", "Saturday "];
dayed = dayArray[dayed];

var dateArray = ["st ","nd ", "rd ","th ","th ","th ","th ","th ","th ","th ","th ","th ","th ","th ","th ","th ","th ","th ","th ","th ","st ","nd ","rd ","th ","th ","th ","th ","th ","th ","th ","st "];
var ending= dated-1;
var ending = dateArray[ending]

var monthArray =["January ", "February ", "March ", "April ", "May ", "June ", "July ", "August ", "September ", "October ", "November ", "December "];
monthed = monthArray[monthed];
var total = title + dayed + " " + dated +ending + " " + monthed + " " + yeared;

document.getElementById("updated").innerHTML = total.fontsize(5);
updated.style.color = "Red";
</script>

[Acorn]

Took me a while but I got it to work, including the European date format and in Dutch. Very happy with that. However, the code doesn't seem to work in the mobile variant. I also tried it out in two Xara templates but nothing shows on the mobile sites.

You probably have to add the detail manually as otherwise there will be two blocks of text with the same ID and only the first one will fire. Stop sharing with variant; copy the text across to the variant; change the Name and Placeholder code. [Afternote: the variant Name seems to need a fudged Name of a prefix "Xxr_v2_"]

Acorn

[Acorn]

This works on my Android and iPhone4:

... but it is a pain to change language.

I think I have addressed the variant issue.

Acorn

[Acorn]

The final code I can offer does not need to account for the variant:

<script>var options = {weekday: "long", year: "numeric", month: "long", day: "numeric"};
var updateDate = new Date(document.lastModified);
document.querySelector('[id$="petraVariant2"]').innerHTML = updateDate.toLocaleString("de-DE", options);
</script>

The querySelector('[id$="petraVariant2"]') part simply has to match the Name (here, petraVariant2) that you include for the textline.

Acorn

[Boy]

This works on my Android and iPhone4:

Thanks Egg. It looks a bit like the code I used earlier and Acorn is right that it's a pain to change the language.

[Boy]

The final code I can offer does not need to account for the variant:

The querySelector('[id$="petraVariant2"]') part simply has to match the Name (here, petraVariant2) that you include for the textline.

Acorn

I couldn't get it to work with the prefix you mentioned in post #13 but this one works like a charm, Acorn. Thanks!

[Egg Bramhill]

One question Boy, is why are you using todays date as the last updated date?

[Boy]

What do you mean, Egg? I need the date of the last date that I made changes in Xara and published them to the website. Isn't that what Acorn came up with?

[Egg Bramhill]

Sorry Boy, my bad. I never noticed he was using:

new Date(document.lastModified);