Archived topic

Adding Javascript to Head section

9 replies · Started by John on March 15, 2019

Viewing posts 1–10 of 10

March 15, 2019 at 10:17 am #840059

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.

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

March 15, 2019 at 11:09 am #840105

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

March 15, 2019 at 12:54 pm #840152

Hi David,

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

Javascript file – Head section

IFRAME – Body Section

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

March 15, 2019 at 4:32 pm #840235

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

March 15, 2019 at 11:38 pm #840387

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

March 16, 2019 at 6:40 am #840566

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

March 17, 2019 at 10:48 pm #841821

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:

Hope that helps.

Thanks
John

March 18, 2019 at 3:37 am #841952

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?

March 18, 2019 at 4:31 am #841991

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

March 18, 2019 at 5:04 am #842008

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

This archived topic is closed to new replies.

Start building better websites today.