WebSite X5Help Center

 
Peter H.
Peter H.
User

Running a script within an HTML object box  en

Auteur : Peter H.
Visité 1443, Followers 1, Partagé 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

Derbyshire Motorhome Hire

Posté le
6 RéPONSES - 1 CORRECT
Paul M.
Paul M.
Moderator

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

Lire plus
Posté le de Paul M.
Peter H.
Peter H.
User
Auteur

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.

Lire plus
Posté le de Peter H.
Peter H.
Peter H.
User
Auteur

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.

Lire plus
Posté le de Peter H.
Paul M.
Paul M.
Moderator

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.

Lire plus
Posté le de Paul M.
Peter H.
Peter H.
User
Auteur

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....

Lire plus
Posté le de Peter H.
Paul M.
Paul M.
Moderator

Not at all...  but thank you for your kind words smile

Lire plus
Posté le de Paul M.