Dynamic Date Script

Hi Folks. I'm returning to Web Designer after a few years away and I'm in the middle of designing a fairly straightforward site.

Historically, I've always had a bit of javascript code (that I've copied and pasted from my previous web creations and that I found somewhere on the 'net) that simply shows the day/date - and it changes daily to automagically to show the current day/date.

I came to use it on my new site and decided I needed to align the text to the right. Does anyone know what I need to add to the code to allow me to 'align it right'?

Thanks in advance!

<style>
.mydate {
font: 10px arial;
color: white;
}
</style>
<SCRIPT LANGUAGE="Javascript"><!--

// Get today's current date.
var now = new Date();

// Array list of days.
var days = new Array('Sunday','Monday','Tuesday','Wednesday','Thu rsday','Friday','Saturday');

// Array list of months.
var months = new Array('January','February','March','April','May',' June','July','August','September','October','Novem ber','December');

// Calculate the number of the current day in the week.
var date = ((now.getDate()<10) ? "0" : "")+ now.getDate();

// Calculate four digit year.
function fourdigits(number) {
return (number < 1000) ? number + 1900 : number;
}

// Join it all together
today = days[now.getDay()] + ", " +
months[now.getMonth()] + " " +
date + ", " +
(fourdigits(now.getYear())) ;

// Print out the data.
document.write('<span class="mydate">' + today + '</span>');
//--></SCRIPT>

Works fine for me Steve. You probably forgot to hit Apply after changing the text size ;)

Thanks Egg! You were right. Off to SpecSavers! :)

Just one more thing. How do I align the text to the right of the placeholder?

it's a lot easier with php
but your page must be called mypage.php and not mypage.html
one simple command in the placeholder

Code:

---

<?php echo date("Y"); ?>

---

all my sites are php so that i can take advantage of it
my home page is called any_old_page.html which nothing links to and then the real home page people see is called index.php

plus don't forget some people disable javascript or use the noscript plugin

Thanks Frank. I'd prefer to use javascript.

The quickest way would be to move the placeholder to the right.

Hi Egg. Cheers, Yes, I can do that but as the date gets bigger/longer, it's currently defaulting to left aligned so the longer dates push the text off the right hand side of the page. If it were right aligned it would push the longer text to the left, where I've got plenty of room

Try this :)

Hi Egg

You're a star. Works a treat. Thank you soooo much! :)

Quote:

---

Originally Posted by SteveP

Hi Egg

You're a star. Works a treat. Thank you soooo much! :)

---

He is an Egg, a wonderful Egg :)

Easy script to edit (even for me) Egg. Not sure why your file has four extra layers though?

My approach allows you to change the font, colour, size and alignment as Xara functions - just use the Text Tool.

Attachment 114049

Acorn

What? Are we having a "script off"?

Why not?
bring it on!
A

Quote:

---

Not sure why your file has four extra layers though?

---

Whoops, sorry Gary that wasn't intended, it was just that in another thread some member was finding why a new layer was named Layer 5. I accidentally used a template that removed this. So just ingonre the additional layers :)

Quote:

---

What? Are we having a "script off"?

---

I hope not, I learn to much from Acorn & Sirans scripts. It's just that there is so many scripts to achieve similar results.

:)

Both solutions are very good though I prefer the simplicity of Egg's script.

My thanks to Egg for sorting out my alignment issue with the dynamic date script. To keep things exciting :) ... another issue has arisen!

I have put the script on the main site and adjusted the font, size and alignment - as expected, it works perfectly.

It's a responsive site and because I want to make the font smaller for the date on the mobile variant, I copied the script, created a new placeholder and reduced the font size.

..then my troubles began! :(

Bizarrely, the MAIN site now takes on the font size of the MOBILE site's font settings even though when I look at the placeholder script on the MAIN page, it shows the *larger* font size. After a bit of poking around, I found that if I delete the dynamic date script on the MOBILE page, the MAIN script then behaves itself - ie it shows the larger font size.

So, I've concluded that it must be a glitch somewhere and if I have the need for the script on BOTH variants, the MAIN website page is always going to adopt the font size of the MOBILE page's script.

I don't yet know enough about what goes on 'under the bonnet' of WD's web pages to see what's happening. I can only conclude that the MOBILE script seems to 'take priority' over the main page's script.

I've pulled enough hair out over this :), and would really appreciate some guidance from any WD gurus out there.

Many thanks!

I would say it's because you are calling the same class i.e. .mytime in both variants. I changed the class name on the mobile version to .mymobileclass and this appears to have done the trick.

You only need to alter two occasions of the class name in the mobile code.

EDIT: Amended xar file.

Thanks Egg

I really appreciate your help with this. Will implement your suggestion in the next few days.

All the best!

Steve - This is one of my gripes with variants. Sometimes when you change the size of the text in the mobile variant it can effect the text in the main variant. To prevent this, right click on the placeholder and select Variants > Stop sharing with other variants.

Actually the two *weren't* linked/shared. Egg has sussed that it was to do with the 'name being called'. By giving the mobile version a different name, it's sorted. Even my hair has begun to grow back! :)

No problem Steve.

I've attached another xar that displays the date as:

Thursday 1st September 2016

which I believe is more in line with the British way of displaying the date.

Cheers Egg

I was just thinking, 'if only it would display it like we do over here...' :)

Big thanks

(Note to self: must learn javascript!) :)

Quote:

---

This is one of my gripes with variants. Sometimes when you change the size of the text in the mobile variant it can effect the text in the main variant. To prevent this, right click on the placeholder and select Variants > Stop sharing with other variants.

---

I haven't noticed this Gary. If you just select a word in a block of text in the mobile variant and then go:

Update (text style name) in this Variant

It applies the changes but only to the mobile variant, the Main page remains unaltered. Stop sharing will cause problems as you then need to make additions/deletions/amendments to the text separately over each variant.

Quote:

---

Originally Posted by SteveP

Cheers Egg
I was just thinking, 'if only it would display it like we do over here...' :)
Big thanks
(Note to self: must learn javascript!) :)

---

Steve, I wouldn't think on loud in TG; you wish is answered.
Here's your Javascript homework to adjust my solution code: http://www.talkgraphics.com/showthre...819#post558819.

Acorn