Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

We're retiring the forums!

The SilverStripe forums have passed their heyday. They'll stick around, but will be read only. We'd encourage you to get involved in the community via the following channels instead:

Template Questions /

Moderators: martimiz, Sean, Ed, biapar, Willr, Ingo, swaiba

Twitter widget is causing sidebar links to stop working


Go to End


3 Posts   1829 Views

Avatar
Larry7

Community Member, 21 Posts

28 June 2010 at 4:39pm

I thought I was doing quite simple stuff by creating a new page type based on the page.ss and adding a Twitter widget which comes from the Twitter site. There is some js in the code which comes from the Twitter site itself. The relevant bits of code are like this

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<% base_tag %>
$MetaTags
</head>
<body class="typography">
<div id="wrapper">
<div id="header">
<h1></h1>
</div>
<div id="menu">
<% include Navigation %>
</div>
<div id="content">
$Layout
</div>
<div id="sidebar">
<div id="feed"> <a class="feed-button" href="#">&nbsp;</a> </div>
<% include SideNav %>
<div id="sidebar-bottom"> &nbsp; </div>
</div>
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 4,
interval: 6000,
width: 200,
height: 200,
theme: {
shell: {
background: '#bbfcf8',
color: '#030003'
},
tweets: {
background: '#b9f7f2',
color: '#050005',
links: '#05f7ef'
}
},
features: {
scrollbar: true,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
}
}).render().setUser('Living_Inspired').start();
</script>
<div id="footer">
<div id="footer-valid">
<% include Footer %>
</div>
</div>
</div>
</body>
</html>

All I have added is the code between

<script> and </script>

The Twitter widget appears fine but now this code here doesn't appear to work.

<div id="sidebar">
<div id="feed"> <a class="feed-button" href="#">&nbsp;</a> </div>
<% include SideNav %>
<div id="sidebar-bottom"> &nbsp; </div>
</div>

That while the sidebar appears the links on the sidebar are not working. It is as if there is some overriding <div> somewhere which is overwriting the code in the sidebar. But a check using Firebug doesn't reveal anything so I am at a loss how to fix this.

Any pointers gratefully accepted.

Thanks

Larry

Avatar
Hamish

Community Member, 712 Posts

7 July 2010 at 4:08pm

Avatar
Larry7

Community Member, 21 Posts

7 July 2010 at 4:28pm

Thanks. In the end I gave up the standard Twitter widget and am using a Flash based one that was designed for Facebook but works and doesn't screw up the links on the page