OpenTable breaking Edit Mode

Permalink
A client wants the Opentable widget on their website. When I enter edit mode I can use the toolbar buttons, but I see odd popup windows when I try to edit or add a new block. I am using 5.4.2 version of Concrete5.

I have attached two images with examples of what pops up when I click on a content block. I looked at the console for javascript errors, but I did not see any errors on the page.

2 Attachments

sketchyTK
View Replies: View Best Answer
Steevb replied on at Permalink Reply
Steevb
Looks like a javscript conflict.
sketchyTK replied on at Permalink Reply
sketchyTK
I did notice that the opentable requires their own javascript file. Any idea how to resolve it?
Steevb replied on at Permalink Reply
Steevb
Just tried the widget and it causes a lot of problems.

Can't help anymore for the moment.
JohntheFish replied on at Permalink Reply
JohntheFish
These sort of 3rd party problems can often be resolved by putting it in an iframe block.
sketchyTK replied on at Permalink Reply 1 Attachment
sketchyTK
I tried to add an Iframe to the site, using the src link to embed the opentable widget, but I only saw a block of HTML (see attached image & code). Any suggestions for how to properly display the OpenTable in an iframe? I am also sending a support ticket to OpenTable, as none of their support info deals with this issue.

<iframe width="169" height="253" src="http://www.opentable.com/frontdoor/default.aspx?rid=77431&restref=77431&bgcolor=F6F6F3&titlecolor=0F0F0F&subtitlecolor=0F0F0F&btnbgimage=http://www.opentable.com/frontdoor/img/ot_btn_red.png&otlink=FFFFFF&icon=dark&mode=short&hover=1"><script type="text/javascript" src="http://www.opentable.com/frontdoor/default.aspx?rid=77431&restref=77431&bgcolor=F6F6F3&titlecolor=0F0F0F&subtitlecolor=0F0F0F&btnbgimage=http://www.opentable.com/frontdoor/img/ot_btn_red.png&otlink=FFFFFF&icon=dark&mode=short&hover=1"></script><a href="http://www.opentable.com/adobe-resort-oregon-reservations-yachats?rtype=ism&restref=77431" class="OT_ExtLink">Adobe Resort - Oregon Reservations</a>
</iframe>
morganparker replied on at Permalink Best Answer Reply
Hello - I work for OpenTable and can assist here. We do require our JavaScript to load to launch our booking widget. The suggestion to place our code within an iframe is mine as well. You will want to open our search results in a new window rather than within the iframe itself. Update the code you are using to the snippet below. I added &act=new to the end of the JavaScript query string to open it in a new window. If you have any other questions/issues feel free to email me at [email protected]


<script type="text/javascript" src="http://www.opentable.com/frontdoor/default.aspx?rid=77431&restref=77431&bgcolor=F6F6F3&titlecolor=0F0F0F&subtitlecolor=0F0F0F&btnbgimage=http://www.opentable.com/frontdoor/img/ot_btn_red.png&otlink=FFFFFF&icon=dark&mode=short&act=new"></script><a href="http://www.opentable.com/adobe-resort-oregon-reservations-yachats?rtype=ism&restref=77431" class="OT_ExtLink">Adobe Resort - Oregon Reservations</a>
sketchyTK replied on at Permalink Reply
sketchyTK
Worked with Morgan from OpenTable. They suggested creating a HTML page with the reservation widget on the page. Then I embedded the page in an iframe on the site and it works!

Thank you, Morgan!
cristoslc replied on at Permalink Reply
I can also vouch for the success of creating a static HTML page and an iframe. However, OpenTable has some alternative widgets which might work better for you (they did for us) --https://www.otrestaurant.com/marketing/ReservationWidget/MoreWidgets...