Viewing Trip Advisor Widget not working correctly

  1. Portal Home
  2. Forum
  3. EverWeb
  4. How do I...?

Trip Advisor Widget not working correctly



User: Kathy J. 12 years ago
I want to put a trip advisor widget on my website like I did on my iweb site. I got the code from the Trip Advisor site and put it into the HTML Widget. When I see it in Everweb, it looks correct, but when I publish it, it doesn't look right. Am I doing something wrong?

It should look like the one on the bottom of the page: www.studiowinery.com

Screen Shot 2014-03-14 at 8.07.31 AM.png
Everweb screenshot
User: Roddy 12 years ago
Drag an HTML Snippet onto the page, size it to 160px x80px, paste in the following code and Apply.

<div id="TA_cdsratingsonlynarrow885" class="TA_cdsratingsonlynarrow"><br />
<ul id="PSDrJo" class="TA_links Zrm68b"><br />
<li id="sMlS68h" class="MepzIqCDpUG2"><a id="CDSLOCINNER" target="_blank" href="http://www.tripadvisor.com/Attraction_Review-g60022-d3228949-Reviews-Studio_Winery-Lake_Geneva_Wisconsin.html" onclick="ta.cds.handleTALink($cdsConfig.getMcid()); return true;">Studio Winery</a></li><br />
</ul><br />
</div><br />
<script src="http://www.jscache.com/wejs?wtype=cdsratingsonlynarrow&amp;uniq=885&amp;locationId=3228949&amp;lang=en_US&amp;border=false"><br />
</script>

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Kathy J. 12 years ago
thanks Roddy. Now it just shows up as underlined text. My test site is at: http://dus102.ragesw.com/~studiowi/index.html
User: Roddy 12 years ago
I just uploaded it to my server and it works but the link that you get flashes briefly. It looks like the javascript is not being loaded in your case.

Delete this part of the code from the HTML Snippet and then paste it into the Head Code box in the page inspector...

<script src="http://www.jscache.com/wejs?wtype=cdsratingsonlynarrow&uniq=885&locationId=3228949&lang=en_US&border=false">
</script>

Now it should work like THIS.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Roddy 12 years ago
Double post!

Last edit 12 years ago

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Kathy J. 12 years ago
I finally got a chance to try this. Still no luck. Its just showing it as underlined. Anything else I can try?
User: Jumbo T. 12 years ago
You mean this ?



Put this :

<style>
#CDSLOCINNER {text-decoration:none}
</style>

before this line :

<div id="TA_cdsratingsonlynarrow885" class="TA_cdsratingsonlynarrow">

Here's the complete code :

http://trotter.is-best.net/files/winery.txt

Last edit 12 years ago
User: Jumbo T. 12 years ago
Modern technology at its finest. Sigh!!
User: Roddy 12 years ago
You still have the javascript inside the HTML snippet and now you have added some styles which shouldn't be there.

Paste this into the Head Code box

<script type="text/javascript" src="http://www.jscache.com/wejs?wtype=cdsratingsonlynarrow&amp;uniq=885&amp;locationId=3228949&amp;lang=en_US&amp;border=false"><br />
</script>

and this into the snippet…

<div id="TA_cdsratingsonlynarrow885" class="TA_cdsratingsonlynarrow"><br />
<ul id="PSDrJo" class="TA_links Zrm68b"><br />
<li id="sMlS68h" class="MepzIqCDpUG2"><a id="CDSLOCINNER" target="_blank" href="http://www.tripadvisor.com/Attraction_Review-g60022-d3228949-Reviews-Studio_Winery-Lake_Geneva_Wisconsin.html" onclick="ta.cds.handleTALink($cdsConfig.getMcid()); return true;">Studio Winery</a></li><br />
</ul><br />
</div>

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Jumbo T. 12 years ago
This code at the bottom of the page interferes with the tripadviser code. (I left out the script tags)

function preloader() {
if (document.images) {
var i0=new Image();
i0.src ='images/home/shape_7.png';
var i1=new Image();
i1.src ='images/home/shape_9.png';
var i2=new Image();
i2.src ='images/home/shape_16.png';
}
}
function addLoadEvent(func) {
window.onload = func;
}
addLoadEvent(preloader);

I removed the JavaScript code and the tripadviser shows. The style has to be there to remove the underline of the text link.

The JavaScript is used for a shape behind the menu, and the two horizontal lines at the bottom of the page whre the address is.

Why not remove them and see what happens.
User: Jumbo T. 12 years ago
PS. Why not use forum software that works.
User: Kathy J. 12 years ago
I removed the navigation box and the lines and that did it. Thanks Jumbo T.


Post Reply
You must login or signup to post.