Running a script within an HTML object box 
Author: Peter H.
Visited 1439,
Followers 1,
Shared 0
I have a booking script running inside a HTML box and when you click on the date picker it gets blocked out. Can anyone throw some light on how i can make it work correctly. Thanks in advance
Posted on the
Hello Peter,
If you increase the height of the HTML Object that should do the trick.
See below:
Kind regards,
Paul
Search the WebSite X5 Help Center
Author
Hi Paul thanks for that but i have done that and all that happens is the script stays at the top of the box and then there is just a space under it.
Author
If i leave the height unticked then the script just expands as it needs, try doing a booking and see it expand as required. It's just the date picker that will not expand the page for some reason. I thinkl i may have to get on to PHP Jabbers and see if they can shed any light on the matter.
I've had some time to take a closer look at this.
The problem is line 314 in the source code of the webpage, and doesn't have anything to do with PHP Jabbers.
WebSite X5 applies an inline style to the HTML Object which is hard to override; however, you can edit the source code of the webpage once you've uploaded it to the server.
Open the hosted page (http://derbyshire-motorhome-hire.co.uk/book-online.html#availab) in a text editor and locate the following line of code:
<divid="imCell_39" class="" data-responsive-sequence-number="2"><divid="imCellStyleGraphics_39"></div><divid="imCellStyleBorders_39"></div><divid="imHTMLObject_26_39" class="imHTMLObject" style="text-align: center; width: 100%; overflow: hidden;"><scripttype="text/javascript" src="http://derbyshire-motorhome-hire.co.uk/script/index.php?controller=pjFront" target="_blank" rel="nofollow">http://derbyshire-motorhome-hire.co.uk/script/index.php?controller=pjFront" target="_blank" rel="nofollow">http://derbyshire-motorhome-hire.co.uk/script/index.php?controller=pjFront" target="_blank" rel="nofollow">http://derbyshire-motorhome-hire.co.uk/script/index.php?controller=pjFront&action=pjActionLoad">http://derbyshire-motorhome-hire.co.uk/script/index.php?controller=pjFront&action=pjActionLoad"></script>
Change the overflow attribute to visible, by deleting the word hidden and replacing it with the word visible - be careful not to add or delete any other characters.
i.e. ...style="text-align: center; width: 100%; overflow: visible;"
Save the edited file on the server and check that everything now works as it should.
Author
Hi Paul you are a genius, thank you so much for taking a look at this for me it is greatly appreciated. I owe you a pint my friend
cheers....
Not at all... but thank you for your kind words