iatek / jquery-socialist Goto Github PK

Hi,
I'm not experienced in jquery and javascript and need some very simple instructions on how to install this on my website.
Ie. where does the code go header/body etc.
I've uploaded the files to my server and have added the code to this page but it is not working: http://www.jivewebsites.net/socialupdates.htm
Can you please give me some tips.
Thank you!

Hi,

using account for twitter there is error and blank page

First of all: Thanks for this great PlugIn! I appreciate your work very much!!

I started using your code a few days ago to generate a site somehow comparable to about.me - but done by myself (=absolute beginner in jQuery & web dev).

Just have a look: http://about.rolandseper.at/index.html (not public yet)

Some issues I noticed:

1. I'm twittering quite a lot but there are just 3 entries, regardless of the number in maxResults:[###]. I tried 2 (nothing shown) to 1000000 (3 tweets shown).
2. Facebook just works with pages and just for pics. That's not what I actually need, but hey, that's not your fault
3. Google+ doesn't work for me at all - no idea why. I tried {name:'googleplus',id:'117141520503563201130/posts'},, tried without "/posts", nothing worked. I tried with the Page of my employer (wirtschaftsblatt.at), my private profile - nothing happened... Strange!
4. Pinterest never worked for me altough I really tried hard to get the correct code or ID settings... No idea...
5. In all Demo-Sites i saw and where the Stream worked properly in isotope:true, just your jquery.socialist.js or jquery.socialist.min.js was included. I had to include <script type="text/javascript" src="jquery.isotope.min.js"></script> to get this done.

There were many more things i encountered, but I think most of them probably (or certainly?) were caused by me (wrong FTP chmod permisisons etc.)

I'll definitly follow your further developments and I'd be happy if there's one or more solution(s) to some of my issues...

Thanks a lot,
Roland

1. The example provided in the download fails to work in IE9 and FireFox.
2. The examples on the site mostly work, but some won't work in IE9.

BTW, I just want to say that this is a FANTASTIC plugin, truly well thought out. I hope you can clear up some of these nagging issues, because the future is bright for this plugin.

Hi,

When I try use flickr there is this error message:

{"stat":"fail", "code":100, "message":"Invalid API Key (Key has invalid format)"}

Is required API key for flickr?

Thanks

It would be great if you could have an option so that when any of the updates are clicked they can be opened in a new page (target='_blank') instead of the existing page.

I was trying to implement and auto-refresh so that the feed gets refreshed with new content every 1 minute or so.
I tried using the setTimeOut function to trigger the function but it did not work.

Has anyone tried anything with feed refresh before?

I've been testing out various jQuery plugins for pulling Twitter and Facebook feeds. All have been pulling the expected updates, except for Socialist.

Here's my test code:

`$(document).ready(function () {
$('#content').socialist({
networks: [
{name:'facebook',id:'flysouthisland'},
{name:'twitter',id:'flysouthisland'},
],
isotope:false,
random:false,
fields:['source','heading','text','date','image','followers','likes']
});
});``

Test page: http://flysouthisland.co.nz/include/demo/examples/

It's only getting one picture from facebook and a couple of Tweets. What am I missing?

Hi i am trying to get this to work on my home WAMP sever but i keep getting a blank page. i have the latest version of socialist which already includes JQuery.js I'm using the example as it comes. Running it on Firefox 17.01.

I Dont know why it wont work 💤

I have included jquery but am still getting a blank page both forthe example and on another page I have built. Any advice?

Thanks.

I would like to have a date in the pinterest display.
In the js, pinterest doesn't have the dataSelector. What is the best way to add that in?

It should be similar to how twitter is working...I used the flickr dateSelector: "new Date(item.dateupload)", but of course it isn't setup so it displays invalid date.

Any simple code here I could use?
Thanks

Hi. I am trying to implement the jquery-socialist wall on my new homepage for my website (http://farmiemarket.com/FM/HomeNew.html). My website is designed using iWeb. To insert the wall, I uploaded the files and folders inside the "iatek-jquery-socialist-be9e47c" directory I downloaded to the file folder where my new homepage files are located via FTP. Then, I inserted an HTML Snippet in iWeb with the following code linked here https://github.com/iatek/jquery-socialist/blob/master/examples/index.html updated to reflect my contect (ex: {name:'facebook',id:'farmiemarket'},). After uploading the new content, my social wall is not showing up on the new homepage. It should appear under the "Enter your zip code to connect with the farms most local to you" line. Can you tell me what I'm doing wrong? Thank you for your time and work!

Hi,

Can anyone please let me know how to integrate xing & linkedin with Jquery Socialist Plugin.

I tried this code of linkedin but it is not working : {name:'linkedin',id:'company/companyname'}

Thanks in Advance.

The example - index.html - loads a blank page in all browsers.
This doesn't work.

Please, fix it.

Thanks.

http://64.23.76.49/socialstream/test_01.html

http://64.23.76.49/socialstream/index2.html

http://64.23.76.49/socialstream/test_03.html

every page is blank... ㅠ.ㅠ

I'm getting the following error when viewing in IE 7 and 8 "Object doesn't support this property or method" and it's telling me that this is the line causing the problem: networks.forEach(function(item) {

I'm even seeing this error on the demos provided.

Hi,

I am building a one-page website, divided into three horizontal rows. I want to display the Socialist plugin within one of the rows, but the content is not showing up. The plugin seems to only work when I specify the dimensions of the element '#content', but when I give this element a certain height or width, the isotope layout doesn't work. What am I doing wrong?

Here is an example page: danareilly.com.

Thanks for your help.

I can run the example properly, but I can't connect to the facebook account that I want to publish.

I explain better, the standard example is linked to an account called "in1dotcom".
Where can I find the corresponding account name on my private facebook profile ?

Moreover, considering the example pulling info from "in1dotcome", I've seen that not all existing posts will be published through your script, but only n°3 posts.
Are these 3 posts different from other ones?
Which features do these posts have in order to be published?

I look forward to heraing from you soon

Hi! I'm trying to get different feeds displayed randomly...but ordered by chronological date.

Example: trying to get my output displayed in this order -->
Youtube video2 - october 23
Twitter post3 - october 23
Twitter post2- october 23
Twitter post1 - october 19
Youtube video1 - october 6

Would it be possible?

Hi Carol,

Thanks for this great plugin first! We have a component set for Java / Web development http://code.google.com/p/primefaces-extensions/ and I plan to use your plugin too. But I can't find any infos regarding license? Is it free? Can you maybe add a license note? We prefer the same license as jQuery http://jquery.org/license/ (MIT + GPL) or Apache.

Many thanks in advance.

P.S. I would also separate dependency files from the core plugin (as separate files) because if somebody already has these dependencies, he / she doesn't need to include them again.

Hi,

Can you modify the script so that links open in a new window?

I tried adding Target Blank but it doesn't work.

var $headDiv = $('

'),
$source = $('

'),
$sourceLnk = $('<a href="'+itemObj.img.href+'" title="'+itemObj.link.title+' TARGET="_blank">'),
$sourceLnkDiv = $('

'),
$apiSpan = $('

'),
$apiSpanLnk = $('<a href="'+itemObj.img.href+' TARGET="_blank">'),
$contentDiv = $('

'),
$contentDivInner = $('

'+itemObj.txt+'

'),
$imgLnk = $('<a href="'+itemObj.img.href+'" title="'+itemObj.link.title+' TARGET="_blank">'),
$img = $(''),
$shareDiv = $('

fb|tw

'),
$dateSpan = $('

'),
$footDiv = $('

');

Thanks.

Hi, I would like to create a function to display 1 RSS random among a 3 streams !
! but I do not know much about javascript function I looked random but I can not fit the script can you help me ?
Give me the solution !? thank

Hello, I'm trying to use your script in combination with mCustomScrollbar but I'm stuck because I need to load it after the DOM elements has been added for my stream.

I tried to add a callback function to your script but I'm not sure where I should put the method call, even if I call it after completing the processes queue the other script doesn't find any element inside my div so it doesn't work.
It works only if I try using a setTimeout to make it wait for a couple of seconds.

Here is where I'm trying to call my callback method

                $.when.apply($, processList).always(function(){

                    for (var i = 0; i < queue.length; i++) {
                       queue[i].children().appendTo($element);
                    }

                    // load isotope?
                    if (settings.isotope) {
                        $element.imagesLoaded(function(){
                            //console.log("loading iso");
                            $element.isotope ({
                                 animationEngine: 'jquery'
                            });

                            $element.removeClass('socialist-loader');

                            if (settings.random){
                                $element.isotope( 'shuffle', function(){} );
                            }
                        });
                    }
                    else {
                        $element.removeClass('socialist-loader');

                        // MY CALLBACK METHOD
                            if(settings.onSuccess){
                                settings.onSuccess();
                                console.log('stream loaded!!!');
                            }

                    }


                },function(){
                    //console.log('some requests failed.');
                });

what a great piece of work…many many thank! You have a wonderful design sense

Is it possible to code the RSS txtSelector to feed both "item.title" and "item.contentSnippet" , and target the "item.title" with a css class for styling?

cheers

Are you planning to support Vimeo?

Just wondering if you have any plans to add comments, like and re-tweets to this project?

Just pulled the latest and although it says in the wiki that socialist pulls instagram, I'm not seeing anything for instagram in the jquery or displayed as a sample. ("Display Instagram photos in Pinterest-style layouts") although it does look like the in1.com site might have both instagram and facebook feeds working properly, I'm not able to get either to work properly in the sample (already noted the issue previously posted regarding Facebook elsewhere on the issues forum). Are there any plans to add instagram, or am I missing some simple way of adding it to the feed?

Thanks

HI @iatek

Thanks for fixing last Bug #47 , now i am having issues that it dos not display newest feed but only older ones? Compere twitter feed with url bellow and it's not showing last 8 hours?

http://jsfiddle.net/4R4Ss/5/

Another question is , is there a way we can sort all results by date and not group them by Kind?

Thanks so much
Petr

Is missing this xml:

assets/xml/ellipsis.xml#ellipsis

used on css file:

-moz-binding: url('assets/xml/ellipsis.xml#ellipsis');

What is this?

If I use the following RSS feed http://dynamic.feedsportal.com/pf/510578/http://www.pcgamer.com/feed/, the links only point to the image.

This feed, http://rss.cnn.com/rss/cnn_world.rss, only displays the "email this" feedburner image and links only to the feedburner email system.

I see this error on http://plugins.in1.com/socialist/demo

Uncaught ReferenceError: item is not defined  jquery.socialist.js:48
  $.fn.socialist.methods.init                 jquery.socialist.js:48
  e.extend.each                               jquery.min.js:2
  e.fn.e.each                                 jquery.min.js:2
  $.fn.socialist.methods.init                 jquery.socialist.js:24
  $.fn.socialist                              jquery.socialist.js:567
  (anonymous function)                        demo:42
  f.Callbacks.n                               jquery.min.js:2
  f.Callbacks.o.fireWith                      jquery.min.js:2
  e.extend.ready                              jquery.min.js:2
  c.addEventListener.B                        jquery.min.js:2

Feature request or version request? I'd really like to see a lightweight version of this script that just combined RSS feeds and applied some simple formatting for "time ago", etc. One that didn't focus on the presentation layer, while providing the hooks for a designer to do so.

The output would be easy to template, but would default to a simple UL list with LI items... skipping all the Isotope style formatting. It looks like there is an option for not using isotope, but the output still isn't very semantic.

Oh, and it would also be nice if it supported GitHub activity... of course.

It seems it doesn't work with this rss: https://www.facebook.com/feeds/page.php?id=190492364339566&format=rss20.

It's a valid rss but doesn't work with socialist.

I changed isotope: true, and now the example content uses small boxes, but they dont appear in a masonry grid. Is there something I need to do to make this work?

Getting the error: Uncaught TypeError: Object [object Object] has no method 'imagesLoaded' which I suspect might be related.

Thanks!

I never thought I'd ever right this down but I love the sociaIist. :)

I have a little issue though.

I have 2 RSS feeds. One works properly, well not really, there is only the headline, and another that displays nicely but all the links are blank leading to 404. What can cause this?

I am still stuck with the blank page issue, tried following steps of including the latest jquery as mentioned in previous issue list but nothing has worked yet.

Can someone please link me to their working example page or suggest what I might be missing?

Thanks a ton!!

I'm trying to use the Instagram service with the plug-in, but I have no idea how to get my Instagram API key. Any help will be appreciated.

I can run properly the example, but unfortunately "LinkedIN" is only an empty channel.
Can you help me, please ?

There are no post coming from LinkedIN also on the online demo at in1.com
But I don't know if there's a software bug or maybe the selected LinkedIN account has no valid post to be published.

Thank you in advance for your kind cooperation

Hi there,

When I try to use:

{name:'pinterest',id:'potterybarn/Fall-Weddings-by-Pottery-Barn'},

in networks, I am getting a blank page and the following error in the console.

Uncaught Error: Syntax error, unrecognized expression: (|num|) jquery.min.js:2
Z.error jquery.min.js:2
bg jquery.min.js:2
Z.compile jquery.min.js:2
bm jquery.min.js:2
bm jquery.min.js:2
Z jquery.min.js:2
bf jquery.min.js:2
bm jquery.min.js:2
bm jquery.min.js:2
Z jquery.min.js:2
p.fn.extend.find jquery.min.js:2
(anonymous function)
helpers.parseResults jquery.socialist.js:105
$.ajax.success jquery.socialist.js:236
(anonymous function) jquery.socialist.js:660
k jquery.min.js:2
l.fireWith jquery.min.js:2
y jquery.min.js:2
c.onload.c.onreadystatechange

Any advice?
Thanks

The example - index.html - loads a blank page in all browsers.
This doesn't work.

Please, fix it.

Thanks.

Is it possible to specify a text string (Twitter or Instagram hashtag, or a keyword) and aggregate the social stream around that?

Just wondering if this capability is already enabled within Socialist already, or if I need to find another plugin to gather these social conversations?

Thanks.

Kelsey Wynns notified me of this via email. I wouldn't categorize this as "by design", but there is also no immediate "fix".

The FB Graph API only allows open access (no auth key required) on the "photos" and "albums" page feeds http://developers.facebook.com/docs/reference/api/page/#connections

Since Socialist is intended for public feeds (it doesn't provide any auth) it does not aggregate other FB feeds that may contain more fields of interest from the Pages API (ie; title, description, caption, etc..). However, I may develop a goodie/plugin for in1(http://beta.in1.com) that does implement this eventually.

I am wondering if there is a way to grab Facebook posts. I can see that this is only looking at photos in the graph url string. When I change photos to posts nothing comes up. Is this a feature that is going to be accommodated in the future? Is there something I can do to get posts to come in? Any advice is greatly appreciated.

It would be great if you could have the ability to display only the updates in the past X days for each network in addition to the number of updates.

For example I have YouTube videos but the last 10 of them were from Christmas (over 2 months ago) It would be great if I can set the code to display the 10 most recent videos that I uploaded in the last 30 days as opposed to all time.

It would be great if you could use the service to display your personal Facebook Wall and LinkedIn Updates in addition to Pages and Companies.

Hi I love your plugin I am trying to use 2 twitter account and it seems only one is showing?

                networks: [ 
                    {name:'twitter', id: 'SLS_Online'},
                    {name:'twitter', id: 'SLSWA'},
                    {name:'facebook', id: 'lifesaving'},
                    {name:'rss', id: 'http://sls.com.au/rss/articles/all'}
                ],

thanks

I get a blank page each time I try to use a pinterest id. I applied the suggestions from issue #29 - no luck.
I noticed that in 'jquery.socialist.js' the pinterest DataType is "text". I changed it to "jsonp"... no luck.
My test page is at http://www.eastsidegraphics.com/socialist/
Please advise.

I tried setting up to point to a Facebook page and it just brings back images. Also, just a heads up, the Twitter Search API will be deprecated on March 5th and it will no longer work unless you update to 1.1 which requires oAuth.

Tumblr is stuck on iatek.tumblr.com

Tried to fix on line 389, replaced iatek with

|id|

But then it just fails to work, even though I'm adding a valid id (verified the output too).

Sorry for the additional post, I would like to pull in from instagram, twitter, etc. via hashtag to display images. Does anybody have a modified script or can point me in the right direction to make this work? Thanks

You can use this to pull in pinterest hashtags
{name:'pinterest',id:'/search/pins/?q=%23PutYourTagHere'},

Hi! socialist is very interesting, but I've not found how to have useable link from twiter, in particular: hashtags, links, people cite

do you plan to integrate in the future?

thanks!