Register FAQ / Rules Forum Spy Search Today's Posts Mark Forums Read
Go Back   MacRumors Forums > Special Interests > Visual Media > Web Design and Development

Reply
 
Thread Tools Search this Thread Display Modes
Old Jan 15, 2013, 04:15 PM   #1
ECUpirate44
Banned
 
Join Date: Mar 2010
Location: NC
Twitter Widget

Hey everyone,

I'm building a WIX website and i'm looking for a twitter widget that will display the twitter feed with the ability to scroll and see all tweets. The option provided by Wix isn't very good looking.

I'm looking for an HTML widget. Thanks!
ECUpirate44 is offline   0 Reply With Quote
Old Jan 16, 2013, 07:39 AM   #2
AFPoster
macrumors 65816
 
Join Date: Jul 2008
Location: Charlotte, NC
Quote:
Originally Posted by ECUpirate44 View Post
Hey everyone,

I'm building a WIX website and i'm looking for a twitter widget that will display the twitter feed with the ability to scroll and see all tweets. The option provided by Wix isn't very good looking.

I'm looking for an HTML widget. Thanks!
This is what I use: http://tweet.seaofclouds.com/ it's javascript but it will accomplish all you're after.
__________________
2012 15" MacBook Pro 2.3Ghz i7
iPad 2 32gb (white)
iPhone 5s 16gb x2
AFPoster is offline   0 Reply With Quote
Old Jan 16, 2013, 08:13 AM   #3
ECUpirate44
Thread Starter
Banned
 
Join Date: Mar 2010
Location: NC
Quote:
Originally Posted by AFPoster View Post
This is what I use: http://tweet.seaofclouds.com/ it's javascript but it will accomplish all you're after.
Exactly what i'm looking for, but I have no idea how to set this up.
ECUpirate44 is offline   0 Reply With Quote
Old Jan 16, 2013, 08:47 AM   #4
AFPoster
macrumors 65816
 
Join Date: Jul 2008
Location: Charlotte, NC
Quote:
Originally Posted by ECUpirate44 View Post
Exactly what i'm looking for, but I have no idea how to set this up.
Put this in the <head> tag:
Code:
<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>
Put this code inside a <div> tag
Code:
<a href="http://www.twitter.com/(twitter account name)"><img src="img/twitter.png"(this is a twitter image to show on the site)></a>
<h4><a class="tweet-header" href="http://www.twitter.com/(twitter account name)" target="blank">Follow Us</a>
<script type='text/javascript'>
					    jQuery(function($){
					            $("#custom").tweet({
					              avatar_size: 32,
					              count: 4, /*how many will be displayed */
					              username: (twitter account name),
					              template: "{text}  {retweet_action}"
					            });
					          }).bind("loaded", function(){
					            $(this).find("a.tweet_action").click(function(ev) {
					              window.open(this.href, "Retweet",
					                          'menubar=0,resizable=0,width=550,height=420,top=200,left=400');
					              ev.preventDefault();
					            });
					          });
					</script>
__________________
2012 15" MacBook Pro 2.3Ghz i7
iPad 2 32gb (white)
iPhone 5s 16gb x2
AFPoster is offline   0 Reply With Quote
Old Jan 16, 2013, 08:53 AM   #5
ECUpirate44
Thread Starter
Banned
 
Join Date: Mar 2010
Location: NC
Quote:
Originally Posted by AFPoster View Post
Put this in the <head> tag:
Code:
<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>
Put this code inside a <div> tag
Code:
<a href="http://www.twitter.com/(twitter account name)"><img src="img/twitter.png"(this is a twitter image to show on the site)></a>
<h4><a class="tweet-header" href="http://www.twitter.com/(twitter account name)" target="blank">Follow Us</a>
<script type='text/javascript'>
					    jQuery(function($){
					            $("#custom").tweet({
					              avatar_size: 32,
					              count: 4, /*how many will be displayed */
					              username: (twitter account name),
					              template: "{text}  {retweet_action}"
					            });
					          }).bind("loaded", function(){
					            $(this).find("a.tweet_action").click(function(ev) {
					              window.open(this.href, "Retweet",
					                          'menubar=0,resizable=0,width=550,height=420,top=200,left=400');
					              ev.preventDefault();
					            });
					          });
					</script>
Thanks, but it appears Wix does not support Java
ECUpirate44 is offline   0 Reply With Quote
Old Jan 17, 2013, 02:05 PM   #6
SrWebDeveloper
macrumors 68000
 
SrWebDeveloper's Avatar
 
Join Date: Dec 2007
Location: Alexandria, VA, USA
 
see vendor information in user profile
Found this on the net which might help you:

Quote:
It's possible to embed Javascript code within the HTML Widget. However, please note that your code will only function within the constraints of the HTML widget's frame.

You can find all the information about our HTML Widget here.
You can post questions about the HTML feature here.

Please note:
* Wix is a Flash platform and we offer support directly related to our product. By adding external code you are adding products/code that we have not created or tested.
Therefore our Support team cannot answer any questions concerning Javascript or HTML.
* The HTML Widget won't work on embedded sites.
__________________
Jim Goldbloom
Sr. Web Developer, owner GoldTechPro, LLC
http://www.GoldTechPro.com
SrWebDeveloper is offline   0 Reply With Quote

Reply
MacRumors Forums > Special Interests > Visual Media > Web Design and Development

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT -5. The time now is 01:13 AM.

Mac Rumors | Mac | iPhone | iPhone Game Reviews | iPhone Apps

Mobile Version | Fixed | Fluid | Fluid HD
Copyright 2002-2013, MacRumors.com, LLC