|
JavaScript - Grab Several Twitter Feeds And Display Them In One?
So, say I want to grab two twitter feeds from 2 people and put them together in one feed on a page (not using the built in twitter 'goodies'). How can I do this? I'm sure it's possible...
Similar TutorialsThis may be a newbie question but I am stuck on a prob regarding RSS feeds. I am using AJAX, which passes in a parameter to an ASP page. The parameter determines which RSS feed to load. Only prob is the code: Code: <script type="text/javascript" src="http://p3k.org/rss/proxy.r?textColor=black&align=&width=200&fontFace=&url=http%3A%2F%2Fwww.essexcountystandard.co.uk%2Fnews%2Fecsnews%2Frss%2F&compact=&frameColor=black&showXmlButton=&boxFillColor=white&_=1254328845643&titleBarColor=lightblue&maxItems=7&titleBarTextColor=black&"></script> which works fine on its own, doesn't work in Ajax (or in any Javascript function) because I had to create a new script tag to display the feed. So I basically am asking if there is an alternative to using the following which would work: Code: <script type="text/javascript"> <script type="text/javascript" src="http://p3k.org/rss/proxy.r?textColor=black&align=&width=200&fontFace=&url=http%3A%2F%2Fwww.essexcountystandard.co.uk%2Fnews%2Fecsnews%2Frss%2F&compact=&frameColor=black&showXmlButton=&boxFillColor=white&_=1254328845643&titleBarColor=lightblue&maxItems=7&titleBarTextColor=black&"></script> </script> Thanks in advance for any assistance. Hello, There is an .aspx page (http://gcn.com/rss-feeds/state-local.aspx) with news articles that I would like to embed into my own site. I would like to display the news articles in a small window at the bottom of my page which would scroll the news articles vertically like a news ticker. The .aspx page with the news articles is updated by someone else comletely so I would just like the contents of the .aspx page to scroll at the bottom of my page. Is this possible? Thanks. I have a data like the format below. How would I only extract the following data: meet, run into, encounter, run across, come across, see (The data after "Sense 1" and stops before the next "Sense #"? Quote: Synonyms (Grouped by Similarity of Meaning) of verb meet Sense 1: meet, run into, encounter, run across, come across, see Sense 7: meet, gather, assemble, forgather, foregather interact Sense 3: converge, meet Quote: function Main(strText) { var strResult; strResult = strText; return strResult; } I am fairly new to JavaScript and I have been searching and searching and I cannot get a clear cut answer to my question. Here is what I am trying to accomplish: I want to gather the html source code from a particular sports score site and then store specifics of that resulting html (ie: the actual game scores) as strings, which I will then call in a windows sidebar gadget. Aside from actually getting the source code stored as a string, I would need to know how to then find a part of that string (ie: the text between "Last:" and "</") and store it as a separate variable. From what I have seen online I need to be using XMLHttpRequest... but I am completely lost when it comes to this. Can someone please give me a hand. Thanks in advanced. Please be as specific as possible. Hello everyone! I need some ideas to how capture an link inside an <OBJECT>, I was wondering that this could be done whit some javascript... Here is how the page looks like: Code: <html> <head> </head> <body> <object lassid="clsid:D6E-AE6D-11cf-96B8-4333333333356" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="728" height="90"> <param name="movie" value="http://flashmovieprovider/somenicemovie.swf?MyClickIS=http%3A%2F%2Fthisisthetracker.com.br%2Ftracker.php%3Fc%3D9328234279sometrackingcode9834932847329%26campid%3D6359%3B267%26siteid%3D5543" /> <param name="quality" value="high" /> <param name="wmode" value="transparent" /> <embed wmode="transparent" src="http://flashmovieprovider/somenicemovie.swf?MyClickIS=http%3A%2F%2Fthisisthetracker.com.br%2Ftracker.php%3Fc%3D9328234279sometrackingcode9834932847329%26campid%3D6359%3B267%26siteid%3D5543" /> </object> </body> </html> What I need is to transform this: Code: http://flashmovieprovider/somenicemovie.swf?MyClickIS=http%3A%2F%2Fthisisthetracker.com.br%2Ftracker.php%3Fc%3D9328234279sometrackingcode9834932847329%26campid%3D6359%3B267%26siteid%3D5543 In this: Code: http://flashmovieprovider/somenicemovie.swf?MyClickIS=http://thisisthetracker.com.br/tracker.php?c=3D9328234279sometrackingcode9834932847329&campid=69859;267&siteid=5543 Than extract only what I need: Code: http://thisisthetracker.com.br/tracker.php?c=3D9328234279sometrackingcode9834932847329&campid=69859;267&siteid=5543 And asign some variable to it... How could I do this? I've successfully implemented custom images for LinkedIn and Tweet share buttons for a static HTML website - static web pages. They work fine, but the only problem is that I have to manually enter the URL and the Metadata. That's a lot of work. So, what's the best way for JavaScript and or LinkedIn/Twitter to grab the active URL, title, and summary? Any help would be appreciated. The following is what I have at the moment: Code: <a href="http://www.linkedin.com/shareArticle?mini=true&url=http://www.mydomain.com/&title=Page Title Goes Here&summary=The Summary of My Page Goes Here&source=Page Name" rel="nofollow" onclick="NewWindow(this.href,'template_window','550','400','yes','center');return false" onfocus="this.blur()"> <img src="images/linkedin_ico.png" title="Share this on LinkedIn" alt="Share this on LinkedIn" width="35" height="35" border="0" /> </a> Code: <a href="https://twitter.com/share?url=http://www.domain.com/&text=The Summary of My Page Goes Here" rel="nofollow" onclick="NewWindow(this.href,'template_window','500','400','yes','center');return false" onfocus="this.blur()"><img src='images/twitter_ico.png' border="0" title="Share this on Twitter" alt="Share this on Twitter"/></a> What i am trying to do is to make a system on my website that will grab Data from one or two different divs on one page and have it post it in an alert box on the homepage. http://killerz297.webs.com/events.html on that page i would like to be able to have javascript automatically grab the text from the description and paste it into the red box on this page: http://killerz297.webs.com/index.html what i have so far is on this page in the red box i have a script that countsdown how long until the event is away from the set time i put in it until the event starts at a set time it shows the event description, and then while the event is going on it says event in session, then after the event is over it says event no longer ongoing. but then i have to edit the script to the next event. I would like javascript, or what ever type of code it would take to do this to automatically grab the information. I would like for it to automatically switch the information to the next line when the current event is over and start a countdown from there. This is a lot of coding to do but i just am not THAT familiar with how to write javascript to do this myself. One other thing i would likkeeeee is for the red box on home page to disappear until it is 24 hours until next event, and then automatically close 1 hour after event gets over. Not a big deal if i can't get this but i would love it if someone could. okay finally, that is about it lol. If someone could help me with this i would appreciate it soo soo much! Thanks, hope someone could help me. I've got this script working for grabbing and scrolling a website, and it's perfect; the only problem is I'd like to disable it when clicking a form (basically, not being able to drag scroll when clicking inside a form or input tag). This could be either by specifying a class or ID, whatever works best. This is the script, in case the website goes down or something: Code: <script type="text/javascript">
document.onmousedown = function(){
var e=arguments[0]||event;
var x=zxcWWHS()[2]+e.clientX;
var y=zxcWWHS()[3]+e.clientY;
document.onmousemove=function(){
var e=arguments[0]||event;
window.scroll(x-e.clientX, y-e.clientY);
return false;
}
document.onmouseup=function(){
document.onmousemove=null;
}
return false;
}
function zxcWWHS(){
if (window.innerHeight) return [window.innerWidth-10,window.innerHeight-10,window.pageXOffset,window.pageYOffset];
else if (document.documentElement.clientHeight) return [document.documentElement.clientWidth-10,document.documentElement.clientHeight-10,document.documentElement.scrollLeft,document.documentElement.scrollTop];
else if (document.getElementById("mailForm").onmousedown=null);
return [document.body.clientWidth,document.body.clientHeight,document.body.scrollLeft,document.body.scrollTop];
}
</script>
Also, would there be a way to enable grab scrolling just on the background? I mean, disabling it on images, text and any other element, and just leaving the empty spaces of the website with the ability to scroll. Thanks a lot in advance. Hey there, I'm having difficulties writing a script that should do the following: 1. "visit"/connect to a website 2. search after rss feeds on the site 3. grab the rss link and make it useable for other scripts (array...) If anybody could guide me on how to do that I would be grateful.. thanks! Hi Everyone, Has anyone noticed the twitter confirmation box (when you hit save in Settings, the page refreshes and a white confitmation box appears along the top of the screen and disappears again in a few seconds)? Does anyone know how to go about implementing this? My JS skills would not be the best. I wonder is there a jquery plugin that I could use or similar? Thanks in advance, Brian Hey guys, I have this site http://free-documentaries-online.com . If you go to any documentary page and look under the documentary you will see 'Share this documentary:' like the picture below. I was wondering if you could make all the pictures have a similar size image? facebook.jpg, twitter.jpg, linkedin.jpg, digg.jpg, stumbleupon.jpg, delicious.jpg Here is the code: Code: <a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="freedocosonline">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> <script src="http://www.stumbleupon.com/hostedbadge.php?s=4"></script>
<a href="http://www.delicious.com/save" onclick="window.open('http://www.delicious.com/save?v=5&noui&jump=close&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), 'delicious','toolbar=no,width=550,height=550'); return false;">
<img src="http://free-documentaries-online.com/images/delicious.jpg" width="20" height="20" alt="Delicious" title="Add to Delicious!" /></a> <script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggIcon"></a>
<a rel="nofollow" target="_blank" href='http://www.facebook.com/sharer.php?u=http://free-documentaries-online.com/watch/index?watch=<? echo "$foldername"; ?>'> <img border="0" src="../images/facebook.jpg" width="20" height="20"></a> <script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share"></script></center>
Thanks in advance Hey, I'm struggling to add twitter links using the current method I'm trying and I really need some help from someone with more knowledge than I. So here's the current attempt and along side is a working function that returns the html sent to it back with the links working. Code:
var ADD_tweeter=function(tweet){ var html="";var T=tweet.split(" ");for(i=0;i<T.length;i++){ if(T[i].indexOf("@")===0){ var stripped=T[i].replace("@","") , tweeter=T[i].replace(T[i], "<a href='http://twitter.com/"+stripped+"'>@"+stripped+"</a>"); T[i]=tweeter}};
for (i in T){html+=T[i]+" "} return html }
var ADD_links= function(txt){ var Txt=txt.replace(/((http|https|ftp):\/\/(([A-Z0-9][A-Z0-9_-]*)(\.[A-Z0-9][A-Z0-9_-]*)+)(\/*)(:(\d+))?([A-Z0-9_\/.?~-]*))/gi, '<a href="$1" target="_blank">$1</a>'); return Txt}
I need to devise a way to pick through and change the @twitternames to links. I thought I had it, but when I combined the actions into the script (it's a search engine for twitter subjects) ,the links get the right html, but I can't find a way to make the twitter links work correctly. I tried to follow the same formula as the working function ADD_links, but I just can't seem to understand the notation or something. Also, is $1 part of Regex? And $2? I saw several scripts that were for doing what I want to do , but they all seemed to be php scripts and I couldn't adapt any of them despite countless hours trying. Here's a link to the working page http://www.hardwoodfloorspdx.com/misc/twittersearch/ The page is pretty large so I didn't want to post the entire thing. Any help will be greatly appreciated. Ok so I'm making a music website for a project and we have the official Twitter widget in the sidebar. It is an external javascript file as the website must be XHTML 1.0 compliant. What I'm trying to do is make this dynamic so that when viewing different artist pages, the widget changes to that artist's Twitter Feed. I have gotten this to work when the script was fully on the page, by echoing a PHP variable in the javascript, but when it's external I can't figure it out. The file MUST be external so that it passes the XHTML 1.0 Validator. Here's the widgets code(significantly shortened, the full code is too long to post here): Code: new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 4,
interval: 6000,
width: 'auto',
height: 300,
theme: {
shell: {
background: '#000000',
color: '#ffffff'
},
tweets: {
background: '#000000',
color: '#ffffff',
links: '#ff5454'
}
},
features: {
scrollbar: false,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
}
}).render().setUser('choiceprize').start();
All we need is to pass a string to the .setUser('choiceprize') here ^ so that instead of 'choiceprize' it is our variable. Any help is appreciated! I am wanting to allow a user to update their twitter status from my website. I was planning on using Twitter's @anywhere feature, but this was not a very friendly solution: Take over 3 seconds to load Makes 14 requests Calls jQuery twice Then I found the Twitter REST API: https://dev.twitter.com/docs/api Using OAuth, I want the user to be able to login, and then update their status using that API. I've been trying to find tutorials on this, but I haven't found any that use the REST API to update the Twitter Status. Does anyone have code for/know of a tutorial for what I'm looking for? On twitter, when you change your avatar/background a small white box covering an inch of the top of the page appears. How can I do this?
i want to assign content of textarea to a div .. like in twitter when you type something and press "Tweet" a div is created and has the content of textarea.. how can i implement it , i know something about getElementById() but not sure how it can help me here Hello, I have this working js twitter feed on my site, but I am trying to generate the topsy retweet button through the .js file via an innerHTML call, but its not working. the innerHTML works if I put test or something in there, so there is something within this line of code that is breaking it. Code: document.getElementById('retweet-button').innerHTML = '<div class="topsy_widget_data"><!--{"url":"'+url+'","title":"inConcert Web Solutions, Inc."}--></div>';
This is the entire script, I really appreciate any help Code: //Twitter
window.onload = function() {
var ajax_load = "<img class='loader' src='/assets/templates/incon/twitterfeed/loader.gif' alt='Loading...' />";
var url = 'http://twitter.com/statuses/user_timeline/inConcertWeb.json?callback=twitterCallback2&count=1';
var script = document.createElement('script');
$("#twitter_feed").html(ajax_load);
script.setAttribute('src', url);
document.body.appendChild(script);
}
function twitterCallback2(twitters) {
var statusHTML = [];
for (var i=0; i<twitters.length; i++){
var username = twitters[i].user.screen_name;
var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g,
function(url) { return '<a href="'+url+'" rel="nofollow" target="_blank">'+url+'</a>';
}).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
return reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>';
});
statusHTML.push('<li class="twitter_date"><a href="http://twitter.com/'+username+'/statuses/'+twitters[i].id+'" rel="nofollow" target="_blank">'+relative_time(twitters[i].created_at)+'</a></li> <li><p>'+status+'</p></li>');
}
document.getElementById('twitter_update_list').innerHTML = statusHTML.join('');
//THIS IS WHERE IT IS BREAKING
document.getElementById('retweet-button').innerHTML = '<div class="topsy_widget_data"><!--{"url":"'+url+'","title":"inConcert Web Solutions, Inc."}--></div>';
}
function relative_time(time_value) {
var values = time_value.split(" ");
time_value = values[1] + " " + values[2] + " " + values[5] + " " + values[3];
var parsed_date = new Date();
parsed_date.setTime(Date.parse(time_value));
var months = new Array('Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug',
'Sep', 'Oct', 'Nov', 'Dec');
var m = parsed_date.getMonth();
var postedAt = '';
postedAt = months[m];
postedAt += " "+ parsed_date.getDate();
postedAt += ","
postedAt += " "+ parsed_date.getFullYear();
return postedAt;
}
Hello, first time poster here. I have very little understanding of Javascript and have a problem with some I'm using. It's a singleline twitter feed and you can see it top right he http://zest.explosiveapps.com/navigation.php Code: // Compatability with jQuery:
jQuery.noConflict();
window.$ = function (element) {
return document.getElementById(element);
};
/* Header and footer JavaScript */
jQuery(document).ready(function() {
var $ = jQuery;
function scroll_tweet(li){
var post = li.children("div.post"),
pWidth = post.width();
if (pWidth > parseInt(balloon.css('width'))){
var leftEnd = li.find('div.end');
if(leftEnd.length === 0){
leftEnd = $('<div class="end left" />').appendTo(li);
}
var offsX = parseInt(leftEnd.width());
post.animate({left: offsX - pWidth - 55}, 23000, 'linear', function(){post.css('left', offsX);});
}
}
function swap_tweets(current_tweet){
var next_tweet = (current_tweet + 1) % 5; /* max five tweets */
var li = $("li#tweet" + next_tweet);
$("#tweet" + current_tweet).fadeOut(300);
setTimeout(function(){
li.fadeIn(400);
}, 400);
setTimeout(function(){scroll_tweet(li);}, 3800);
display_tweet = next_tweet;
setTimeout(function(){swap_tweets(display_tweet);}, 11300);
}
var balloon = $("#twitterpost div.balloon");
display_tweet = 0;
if($("div.balloon ul li#tweet1").html() !== null){
setTimeout(function(){swap_tweets(display_tweet);}, 12000);
var firstli = $("li#tweet0");
setTimeout(function(){scroll_tweet(firstli);}, 7500);
}
});
As you can see from just watching, it has some problems. It doesn't fade out posts before displaying a new one. From what I understand it talks to the CSS to figure out the length. So maybe that's where the problem is. Code: /* twitter-bubble */
#navigation #twitterpost {
position: relative;
top: -33px;
right: 95px;
}
#navigation #twitterpost .balloon {
position: relative;
float: right;
width: 345px;
height: 21px;
overflow: hidden;
margin-top: 0px;
padding: 0;
background: url(/navigation/images/bubble.png) 0 0 no-repeat;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
#navigation #twitterpost .balloon div {
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
color: #666666;
padding: 0px 0px 12px 10px;
font-size: 11px;
}
#navigation #twitterpost .end {
position: absolute;
top: 0;
z-index: 1;
height: 21px;
background: url(/navigation/images/bubble.png) no-repeat;
}
#navigation #twitterpost .end.left {
left: 0;
width: 0px;
background-position: 0 0;
}
#navigation #twitterpost .end.right {
right: 0;
width: 0px;
background-position: 100% 0;
}
#navigation #twitterpost ul li .post {
position: relative;
}
#navigation #twitterpost ul li .post {
font-size: 11px;
white-space: nowrap;
position: absolute;
top: 3px;
}
#navigation #twitterpost ul {
padding-left: 0px;
margin: 0px;
list-style-type: none;
}
Or maybe it has something to do with using this script http://ajax.googleapis.com/ajax/libs.../jquery.min.js Thank you for take a look at my mess! Sorry for being such an amateur. And by the way, everything is wip on that site Cheers M. I have a twitter feed on my site and although am generally happy with it, the time-stamp for each tweet is hours and hours ahead of my time zone. I've looked through the js files to see if there is anything that allows me to set the timezone but cannot find anything. Anyone know how to reset the time to pacific standard time? I've searched through the values and don't see anywhere to assign the timezone (would like Pacific Time zone, US) Here's the URL http://www.kitchenprose.com/gmtest/index.html Here's the code: Code: $(document).ready(function() {
$.Juitter.start({
searchType:"fromUser", // needed, you can use "searchWord", "fromUser", "toUser"
searchObject:"gillesmarini", // needed, you can insert a username here or a word to be searched for, if you wish multiple search, separate the words by comma.
// The values below will overwrite the ones on the Juitter default configuration.
// They are optional here.
// I'm changing here as a example only
lang:"en", // restricts the search by the given language
live:"live-125", // the number after "live-" indicates the time in seconds to wait before request the Twitter API for updates.
placeHolder:"juitterContainer", // Set a place holder DIV which will receive the list of tweets example <div id="juitterContainer"></div>
loadMSG: "Loading messages...", // Loading message, if you want to show an image, fill it with "image/gif" and go to the next variable to set which image you want to use on
imgName: "loader.gif", // Loading image, to enable it, go to the loadMSG var above and change it to "image/gif"
total: 4, // number of tweets to be show - max 100
readMo "Read it on Twitter", // read more message to be show after the tweet content
nameUser:"text", // insert "image" to show avatar of "text" to show the name of the user that sent the tweet
openExternalLinks:"newWindow", // here you can choose how to open link to external websites, "newWindow" or "sameWindow"
filter:"sex->*BAD word*,porn->*BAD word*,****->*BAD word*,****->*BAD word*" // insert the words you want to hide from the tweets followed by what you want to show instead example: "sex->censured" or "porn->BLOCKED WORD" you can define as many as you want, if you don't want to replace the word, simply remove it, just add the words you want separated like this "porn,sex,****"... Be aware that the tweets will still be showed, only the bad words will be removed
});
$("#aRodrigo").click(function(){
$(".jLinks").removeClass("on");
$(this).addClass("on");
$.Juitter.start({
searchType:"fromUser",
searchObject:"mrjuitter,rodrigofante",
live:"live-120" // it will be updated every 120 seconds/2 minutes
});
});
$("#aIphone").click(function(){
$(".jLinks").removeClass("on");
$(this).addClass("on");
$.Juitter.start({
searchType:"searchWord",
searchObject:"iPhone,apple,ipod",
live:"live-20" // it will be update every 20 seconds
});
});
$("#aJuitter").click(function(){
$(".jLinks").removeClass("on");
$(this).addClass("on");
$.Juitter.start({
searchType:"searchWord",
searchObject:"Juitter",
live:"live-180" // it will be updated every 180 seconds/3 minutes
});
});
$("#juitterSearch").submit(function(){
$.Juitter.start({
searchType:"searchWord",
searchObject:$(".juitterSearch").val(),
live:"live-20", // it will be updated every 180 seconds/3 minutes
filter:"sex->*BAD word*,porn->*BAD word*,****->*BAD word*,****->*BAD word*"
});
return false;
});
$(".juitterSearch").blur(function(){
if($(this).val()=="") $(this).val("Type a word and press enter");
});
$(".juitterSearch").click(function(){
if($(this).val()=="Type a word and press enter") $(this).val("");
});
});
Many thanks! |
|||||||