Creating a link to a pop calendar on every page?

[stuk34]

Hi all,

I'm looking to create a single - centrally maintained popup table (formatted as a calendar of events) that can be linked to from any page that has a button on it, to appear on top of the current page.

I'm thinking....Create a hidden page with the calendar on, add a button on the pages where I want the pop up to appear which is linked to an iFrame pointing to the hidden calendar page.....Or is there another/better way to achieve this?

Currently I have pop calendars on several pages, but each calendar as a stand alone pop up, rather than a single calendar needing multiple updates to change each time I publish

[Acorn]

Stuk, that is exactly what I would do.

Xara - Popup Events.xar

I've not tested with Variants though.

For a variant solution, I might just create the Events as a standalone design for Link to it as a new Window.
The Links will work from any page or Variant and is always the one truth.

Acorn

[Acorn]

An update.

I created a one-page Calendar: 2023 Events Calendar.xar
This page could be appended to your existing design but for frequent updating, it is better to remain separate.

It is published or exported into the same folder as the main site.
If is was part of the main design, this would be automatic.

Create your main design and add either or both of the following Links to text or buttons or images liberally throughout:

1. javascript: window.open("2023events.htm");
2. javascript: window.open('2023events.htm', 'events', params);

The first open the Events in a new Tab.
The second creates a pop-up window that can be positioned and resized in lots of ways.

The params values are in the Website Head (code):
<script>
let params = `scrollbars=no,resizable=no,status=no,location=no, toolbar=no,menubar=no,width=800,height=1100,left=1 00,top=100`;
</script>

Acorn

[stuk34]

Hi Acorn,

Many thanks for the solutions....currently working through your examples, will report back with a positive result hopefully.

[stuk34]

So I published your calendar 2023 example to the same folder as my test site here:
http://6lumley.xara.hosting/huntonpc/2023events.htm

I then added a button link on the index page of my main test site here:
http://6lumley.xara.hosting/huntonpc/index.htm

Linked as follows:
javascript: window.open(http://6lumley.xara.hosting/huntonpc...&#39;,params);

I then added an html placeholder rectangle yo the page and added your suggested params to the Html Head
Not sure if that’s the way to do it? The link opens OK in a new window, but cant work out how to link to a pop up window?

Any further advice welcome
Thanks again for your interest in my query

[Acorn]

So I published your calendar 2023 example to the same folder as my test site here:
http://6lumley.xara.hosting/huntonpc/2023events.htm

I then added a button link on the index page of my main test site here:
http://6lumley.xara.hosting/huntonpc/index.htm

Linked as follows:
javascript: window.open(http://6lumley.xara.hosting/huntonpc...&#39;,params);

I then added an html placeholder rectangle yo the page and added your suggested params to the Html Head
Not sure if that’s the way to do it? The link opens OK in a new window, but cant work out how to link to a pop up window?

Any further advice welcome
Thanks again for your interest in my query

Almost.

javascript: window.open('http://6lumley.xara.hosting/huntonpc/2023events.htm', 'events', params);
You need to i9nclude quotes around the path.

As it is in the same folder, you can use the simpler:
javascript: window.open('2023events.htm', 'events', params);


Acorn

[stuk34]

Thanks again, working well, Ill move to the live site now!