Multi Property Booking Image Link (launch to iframe)

click image to zoom

Below are instructions to insert a multi property image booking link and launch the booking screen in an iframe (set to dynamically resize to booking screen height).

Click here to view an example of a booking screen set within an iframe.

Required Files

SeekomMessageAgent.html (provided in download link below)
SeekomFrameSizer.js (provided in download link below)
Your web page in which you will insert image booking link (file 1)
Your web page in which you will insert an iframe to hold booking screen (file 2)

.

Notes

It is assumed all files are contained in same directory. If not, amend URLs to include directory location.

You can add further conditions to the URL such as region and location filters and an agent code. Contact Seekom Support if this is of interest to you.

Step Action
1 Click hereto download zip file containing SeekomMessageAgent.htm and SeekomFrameSizer.js. Place these files in same directory as your file 1 and file 2.Don’t have  zip software? Click here to visit CoffeeCup Software and download their Free Zip Wizard.
2 Set image link in your file 1.Example Link (replace “file1.htm” and “images/book-now.jpg” with your file and image names)

<a href="file1.htm"><img src="images/book-now.jpg"></a>

 

3 Place below script in header of your file 2 (ie. between <head> and </head> tags. 

<script language="javascript" src="SeekomFrameSizer.js"></script>

 

4 Insert iframe code in body of your file 2..
Example iframe code below (min width 450px, recommended with 600-650px)

 

<iframe onload="SeekomFrame.SetHeight(this"
src="http://www.seekom.com/accommodation/Property.php?op=guru&hostma=http%3A//abchotels.com/SeekomMessageAgent.html"
width="100%"
height="800px"
frameborder="no"
scrolling="auto"
marginwidth="0"
marginheight="0"
vspace="0"
hspace="0"
style="overflow-y: visible;" >
</iframe>

 

Ensure you have been provided operator ID (to replace guru) as shown in the sample code above.

Replace abchotels.com with your web address (and directory location of SeekomMessageAgent.html if it has been placed in a different directory than your file 2).