[Last Call] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 616
  • Last Modified:

How to display Tweets on webpage. Possible jQuery conflict

Geez, I can't believe I have to ask this question ... but I'm stuck.

I want to display a simple list of two or three tweets in the footer of my page.

I tried the basic Twitter app, but it's in a "box" I can't get rid of.

Then I found a nice jQuery solution http://juitter.com/
, but I THINK there is a jQuery conflict problem.  

I've solved jQuery conflicts before and I know you have to switch out $ with jQuery - or something.

QUESTION 1
Any recommendations for JavaScript or jQuery to add a few tweets to website pages (not blog)?  Tweets automatically update and scroll/repeat.


OR to use http://juitter.com/


QUESTION 2
Where can I find a user-friendly jQuery conflict tutorial?
(I've looked through a dozen jQuery conflict search results.  All very confusing.)



Background
We use this version of jQuery:
jquery-1.4.2.min.js
Juitter uses
jquery-1.3.1.min.js

Our site is built on a theme.  

Thanks, April

P.S.  
Couldn't find support forum for jutter
0
aprillougheed
Asked:
aprillougheed
  • 2
1 Solution
 
designatedinitializerCommented:
These guys provide you a simple solution:
http://tweet.seaofclouds.com/

Like this:
<html>
<head>
<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script language="javascript" src="tweet/jquery.tweet.js" type="text/javascript"></script>
<script type='text/javascript'>
    jQuery(function($){
        $(".tweet").tweet({
            username: "seaofclouds",
            join_text: "auto",
            avatar_size: 32,
            count: 3,
            auto_join_text_default: "we said,", 
            auto_join_text_ed: "we",
            auto_join_text_ing: "we were",
            auto_join_text_reply: "we replied to",
            auto_join_text_url: "we were checking out",
            loading_text: "loading tweets..."
        });
    });
</script>
</head>
<body>
<div class="tweet"></div>
</body>
</html>

Open in new window


you have to download the .js from GitHub here:
https://github.com/seaofclouds/tweet/
0
 
aprillougheedAuthor Commented:
Great I'll install it right now.
0
 
aprillougheedAuthor Commented:
Sorry, I thought I closed this question.
0

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now