[Support request] Adding Javascript to Head section

[John]

Hi,

I’m trying to embed a calendar and search form on various pages on the site. i’ve been given Java script to place in head section. I added the javascript to the head using elements. Type Hook. And selected display entire site.

<script type=”text/javascript” src=”https://bookings.glampmanager.com/Little-Oak-Campsite-23420/Availability-Calendar-Widget/Javascript/”></script&gt;

I then tried pasting the <iframe> body script using text editor (Text) on a page. No luck.
<iframe src=https://bookings.glampmanager.com/Little-Oak-Campsite-23420/Availability-Calendar-Widget/?Categories=3641″ id=”embeddedRentalCalendarFrame” style=”width: 100%;” frameborder=”0″></iframe>

Sorry, I may have misunderstood how this works. Any pointers would be v helpful.

thanks John

GP Premium 1.7.8

[David]

Hi there,

where did you get the Javascript script that needed to be added to the head? As the src=”” doesn’t include the actual script filename

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[John]

Hi David,

Thanks for getting back. From the developer of the booking system. This is the instructions in the email:

Javascript file – Head section

<script type=”text/javascript” src=”https://bookings.glampmanager.com/Little-Oak-Campsite-23420/Availability-Calendar-Widget/Javascript/”></script&gt;

IFRAME – Body Section

<iframe src=https://bookings.glampmanager.com/Little-Oak-Campsite-23420/Availability-Calendar-Widget/?Categories=3641″ id=”embeddedRentalCalendarFrame” style=”width: 100%;” frameborder=”0″></iframe>

Replace the “Categories” ID in the IFRAME URL for each category:

Romany Style Caravan – 3641

Camping-Pitch – 4752

Should I go back and ask about this missing file name?:

As the src=”” doesn’t include the actual script filename

Thanks

John

[Tom]

Yea, there’s something wrong with that URL they’re using in the script call.

For example, try going to it: https://bookings.glampmanager.com/Little-Oak-Campsite-23420/Availability-Calendar-Widget/Javascript

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[John]

Thanks Tom,

I added the ?Categories=3641 part to the header scrip. All good.

Just one thing, the iframe table is displaying with a scroll bar. Is this something I can change?

John

<iframe src=https://bookings.glampmanager.com/Little-Oak-Campsite-23420/Availability-Calendar-Widget/?Categories=3641″ id=”embeddedRentalCalendarFrame” style=”width: 100%;” frameborder=”0″></iframe>

[David]

Could you link us directly to that page so we can take a look?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[John]

Hi David,

Thanks for getting back.

https://littleoakcamping.co.uk/glamping-in-north-nottinghamshire-2/

I’m using full width single column. 1130px
The table only has about 3 rows so no need for scroll bar.

iframe:

<iframe id=”embeddedRentalCalendarFrame” style=”width: 100%;” src=”https://bookings.glampmanager.com/Little-Oak-Campsite-23420/Availability-Calendar-Widget/?Categories=3641&#8243; frameborder=”0″></iframe>

Hope that helps.

Thanks
John

[David]

Hmmm – not not BB guru, but are you using a text module to add the iFrame? If so what happens if you use there HTML module?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[John]

Thanks David

Good advice. I’m now using the HTHL module.

Still an issue though, which I’ll take up with the developer /

Thanks again.

John

[David]

It may need a responsive wrapper placed around the iframe. Hopefully the dev will have an answer to that. Or maybe the BB guys.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts