Streaming live at 10am (PST)

HELP: Display Date and Time, Notification Pop-up and Copy to clipboard button


#1

Hello,

I am just learning webflow and it help me recently relearn webpage creation too. Now I am stuck with these 3 areas for my site to be used in the office. It is just a straight-forward quick links site.

Hope you could help me on..

  1. How to display current Date and Time in the section which says:
    Monday 4/18/2016 8:47 AM
    right now it is just plain text.

  2. Making a full webpage notification pop-up that displays the text in the section:
    Please do the Weekly Report!

  3. In the Review Feedback div, I wish to have the two buttons with texts to be the Copy to clipboard buttons copying the text in it. Or a separate text area and copy to clipboard buttons.

Here is my work in progres:
http://jhismoneclick.webflow.io/

Here is the read-only link of it:
https://preview.webflow.com/preview/jhismoneclick?preview=961f6a9ace2261a362218cbf3ed9cb07

Thank you in advance.


#2

Insert this into an embed code:

<script>
var d = new Date();
var isAm = d.getHours() <= 12;
document.write(
  ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'][d.getDay()] + ' ' +
  (1+d.getMonth()) + '/' +
  d.getDate() + '/' +
  d.getFullYear() + ' ' +
  (isAm ? d.getHours() : d.getHours()%12)  + ':' +
  ("00" + d.getMinutes()).slice(-2) + ':' +
  ("00" + d.getSeconds()).slice(-2) + ' ' +
  (isAm ? 'AM' : 'PM')
);
</script>

DEMO: https://jsfiddle.net/samliew/fjqn5uc4/

Use interactions to display a div with that message on page load.

You need to hire a developer to implement zeroclipboard for you.


#3

Thank you so much! Will try the code for the time and date and let you know the outcome.

Follow up Q: for the pop-up display using interactions, can I set it to every Thursday and Friday to show, cause those are the days we do weekly reports?

Forgot to indicate that basically, we only use IE 11, so zeroclipboard won't workI guess? cause it is not included in the Browser section which the site says for the demo.


#4

In that case, you will require custom JS code. You may hire a web developer to do that.

https://github.com/zeroclipboard/zeroclipboard#support


#5