who has managed to create Blocks for Spy Feed or Wall Feed on the home page? I tried with various rss feed syntax withing the Block settings for both but never could get it working. |
Ok, I managed to get the SPY feed to work on the home. But when I used the html code to create a new Block, the Block causes to shift any other Blocks below it and messes up the home page. So, the only thing I could do is to just place it below all the blocks. Below is the html code for anyone interested to use (please replace 'xxxxxx' with your website name). If anyone know the solution of how to place the Block to the top of the homepage without breaking the homepage, please post it here too. Thx.
<!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" xml:lang="en-US" lang="en-US">
<body >
<div class="disignBoxFirst">
<div class="boxFirstHeader"><div class="dbTitle">Spy</div><div id="dbTopMenu1265309494" class="dbTopMenu">
<div class="dbTmLeft">
<a href="javascript:void(0)" onmouseover="javascript:moveScrollLeftAuto('dbTmContent1265309494', true)" onmouseout="javascript:moveScrollLeftAuto('dbTmContent1265309494', false)">
<img src="http://********.com/templates/tmpl_uni/images/spacer.gif" />
</a>
</div>
<div class="dbTmCenter">
<div id="dbTmContent1265309494" class="dbTmContent">
<div class="active">
<span>All Activity</span>
</div>
<div class="notActive">
<a href="http://*********.com/m/spy/&spy_type=content_activity" class="top_members_menu" >Content Updates</a>
</div>
<div class="notActive">
<a href="http://**********.com/m/spy/&spy_type=profiles_activity" class="top_members_menu" >Profiles Updates</a>
</div>
<div class="clear_both"> </div>
</div>
</div>
<div class="dbTmRight">
<a href="javascript:void(0)" onmouseover="javascript:moveScrollRightAuto('dbTmContent1265309494', true)" onmouseout="javascript:moveScrollRightAuto('dbTmContent1265309494', false)">
<img src="http://**********.com/templates/tmpl_uni/images/spacer.gif" />
</a>
</div>
<div class="clear_both"> </div>
<script type="text/javascript" language="javascript">
<!--
$('#dbTopMenu1265309494').css('top', '-10000px').parents('.disignBoxFirst').ready(function() {
dbTopMenuLoad('1265309494');
});
-->
</script>
</div></div>
<div class="boxContent"><script type="text/javascript" src="http://********.com/modules/boonex/spy/js/spy.js" language="javascript"/></script>
<script type="text/javascript">
$(document).ready(function () {
oSpy = new BxSpy();
oSpy.sPageReceiver = 'http://*******.com/m/spy/';
oSpy.iUpdateTime = 5000;
oSpy.sEventsContainer = 'spy_events';
oSpy.sPageMode = 'global';
oSpy.iLastEventId = 443;
oSpy.iEventsCount = 443;
oSpy.iPerPage = 10;
oSpy.iSlideDown = 1500;
oSpy.iSlideUp = 1500;
oSpy.sActivityType = '';
oSpy.iProfileId = 0;
oSpy.PageUpdate();
});
</script><div id="spy_events"><div class="spy_events_wrapper spy_events_wrapper_not_member " >
<div class="event_info">
</div> <div class="clear_both"></div><div class="paginate">
<div class="pages_section"><div class="paginate_btn notactive" style="background-image:url(http://********.com/templates/base/images/icons/sys_pgt_first.png)"><img src="http://**********.com/templates/base/images/icons/spacer.gif" alt="First page" title="First page" /></div><div class="paginate_btn notactive" style="background-image:url(http://********.com/templates/base/images/icons/sys_pgt_prev.png)"><img src="http://********.com/templates/base/images/icons/spacer.gif" alt="Previous page" title="Previous page" /></div><div class="paginate_btn" style="background-image:url(http://**********.com/templates/base/images/icons/sys_pgt_next.png)"><a href="http://********.com/m/spy/&page=2&per_page=10" title="Next page" ><img src="http://*********.com/templates/base/images/icons/spacer.gif" alt="Next page" alt="Next page"/></a></div><div class="paginate_btn" style="background-image:url(http://********.com/templates/base/images/icons/sys_pgt_last.png)"><a href="http://**********.com/m/spy/&page=45&per_page=10" title="Last page" ><img src="http://********.com/templates/base/images/icons/spacer.gif" alt="Last page" alt="Last page"/></a></div></div>
<div class="clear_both"></div>
</div></div></div>
</div> <div class="clear_both"></div>
<!-- end of body -->
</div>
</body>
</html>
|
Hi,
Thanks for that part of the code. I just modified it to fit into my site's sidebar and it works perfect. I removed the header links as I wanted to just show 'All activity', here's the modified code -
<div class="disignBoxFirst">
<div class="boxContent">
<script type="text/javascript" src="/modules/boonex/spy/js/spy.js" language="javascript"/></script>
<script type="text/javascript">
$(document).ready(function () {
oSpy = new BxSpy();
oSpy.sPageReceiver = '/m/spy/';
oSpy.iUpdateTime = 5000;
oSpy.sEventsContainer = 'spy_events';
oSpy.sPageMode = 'global';
oSpy.iLastEventId = 443;
oSpy.iEventsCount = 443;
oSpy.iPerPage = 10;
oSpy.iSlideDown = 1500;
oSpy.iSlideUp = 1500;
oSpy.sActivityType = '';
oSpy.iProfileId = 0;
oSpy.PageUpdate();
});
</script><div id="spy_events"><div class="spy_events_wrapper spy_events_wrapper_not_member " >
<div class="event_info">
</div> <div class="clear_both"></div><div class="paginate">
<div class="pages_section"><div class="paginate_btn notactive" style="background-image:url(/templates/base/images/icons/sys_pgt_first.png)"><img src="/templates/base/images/icons/spacer.gif" alt="First page" title="First page" /></div><div class="paginate_btn notactive" style="background-image:url(/templates/base/images/icons/sys_pgt_prev.png)"><img src="/templates/base/images/icons/spacer.gif" alt="Previous page" title="Previous page" /></div><div class="paginate_btn" style="background-image:url(/templates/base/images/icons/sys_pgt_next.png)"><a href="/m/spy/&page=2&per_page=10" title="Next page" ><img src="/templates/base/images/icons/spacer.gif" alt="Next page" alt="Next page"/></a></div><div class="paginate_btn" style="background-image:url(/templates/base/images/icons/sys_pgt_last.png)"><a href="/m/spy/&page=45&per_page=10" title="Last page" ><img src="/templates/base/images/icons/spacer.gif" alt="Last page" alt="Last page"/></a></div></div>
<div class="clear_both"></div>
</div></div></div>
</div> </div>
I have removed all the site references ( http://******/com ) so this same code should work for any website and it will be also be a bit faster due to reduced dns trips.
Here's the output -
Here are some short instructions on how to achieve that -
Go to admin panel - page builder - builder blocks - homepage
Add a new html block
Put the above code in the block and give a name to the block e.g. " Site Activity"..Voila..thats all !!!
Hope it helps.
Thanks
Mick
P.S: It would be nice if someone could tell how to make them scrollable now, so that the items always keep scrolling in a circular fashion.
|
Awesome we got the Spy Block! Thank you. I'll try it soon. Yes scrollable would be even greater! |
Thanks for modifying it Mick. it works perfect for me too now. i dont understand you by what you mean with circular? |
Thanks for modifying it Mick. it works perfect for me too now. i dont understand you by what you mean with circular?
You are welcome..basically I meant that the activities should be scrollable which would give the users a feel as if lot of activity is happening on the site. Right now the activities only scroll when a new event occurs .. makes any sense now? I saw this feature in myyearbook.com some time back...
|
So has anyone nailed down how to get the Wall section on the hompage...making it act like facebook does? I'd like to have it right on the homepage left side on top for users when they log in...like facebook. That feature is what made FB so famous. Anyone?? Desperate on this one. |
i just get a little grey box when i used the code given here :( any ideas why? |
hey mick, I will see if I can let it scroll down and let you know.
btw, the activities in the block are listing the latest dated to the bottom. I mean, whenever I re-open the home page or refresh home page, the latest activities go to the bottom but it posts any new once (real-time/live) on current activities on top. I hope I make sense. Let me if yours is listing according to the latest dates on top everytime. I couldnt fix that yet on mine.
|
That is right. I tried it and it works great except the existing activities listed at the bottom. Putting a scroll down would make this block very helpful.
hey mick, I will see if I can let it scroll down and let you know.
btw, the activities in the block are listing the latest dated to the bottom. I mean, whenever I re-open the home page or refresh home page, the latest activities go to the bottom but it posts any new once (real-time/live) on current activities on top. I hope I make sense. Let me if yours is listing according to the latest dates on top everytime. I couldnt fix that yet on mine.
|
yep works great! love it! really makes the home page come alive! thank you guys! |
I had this up on one of my sites with D7, and it worked well. Now I am poppin up a D7.1 site and I can not make this thing work. Anyone else having this issue? This sentance says nothing, and its possibly spellt wrong. |
I have tried both codes and I get just a gray box. I am using Dolphin 7 |
Does anyone have any similar code to get this to work on profile pages. so one can see just the activities on the user being viewed?
Thanks
|
