Embed your latest Twitter tweets - Wikidot Code Snippets

Fold

Thanks ! Well done!

Helmut_pdorf 23 Jul 2009 07:18

It is a good idea to use an independent solution..

Thanks again Stefan for the demonstration and documentation.

Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

Reply Options

Unfold Thanks ! Well done! by

Helmut_pdorf, 23 Jul 2009 07:18

Fold

jbnv 27 Jan 2010 09:53

How do I modify this solution to (a) format the results in a table instead of a bulleted list and (b) use this in an [[include]] tag rather than an iframe?

Jay Bienvenu | Hilinqwo: A constructed language

Reply Options

Unfold by

jbnv, 27 Jan 2010 09:53

Fold

StefanM 27 Jan 2010 10:29

You can't use include instead of iframe. The solution is based on the Wikidot feature which allows to execute the code of a [[code]] block. For security reasons this is only possible within an embedded frame window.

The ul list is generated by the JavaScript on Twitter which is called, so you can't change the HTML. The only thing you can do is trying to simulate a table by adding CSS format definitions like border and so on.

best regards
Stefan

Reply Options

Unfold by

StefanM, 27 Jan 2010 10:29

Fold

leiger 27 Jan 2010 22:36

Great work! Well done.

~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server

Reply Options

Unfold by

leiger, 27 Jan 2010 22:36

Fold

Done!

alixandre santana 30 Aug 2010 00:05

Tks, buddy!

Reply Options

Unfold Done! by

alixandre santana, 30 Aug 2010 00:05

Fold

Tweet background color

CGand 16 Nov 2010 12:42

To improve readability when tweets are in a side bar, is there a way to get twitt with alternate background color? Thanks.

Twitt 1

Twitt 2

Twitt 3

Twitt 4

Reply Options

Unfold Tweet background color by

CGand, 16 Nov 2010 12:42

Fold

Re: Tweet background color

StefanM 16 Nov 2010 14:29

You can do that by adding some JavaScript.

1. before </head>, add this:

<script type="text/javascript">
function odd_even_list(list_id) {
   var o = document.getElementById(list_id);
   var li = 1;
   for(i = 0; i < o.childNodes.length; i++) {
      if(o.childNodes[i].nodeType == 1 && o.childNodes[i].nodeName == "LI") {
         o.childNodes[i].style.backgroundColor = "#FFFFFF"; 
         if(li % 2 == 0)
            o.childNodes[i].style.backgroundColor = "#DDDDFF";
         li += 1;
      }
   }
}
</script>

2. change the <body> start tag to this:

<body onload="odd_even_list('twitter_update_list');">

Hope it'll work for you!

best regards
Stefan

Reply Options

Unfold Re: Tweet background color by

StefanM, 16 Nov 2010 14:29

Fold

Re: Tweet background color

CGand 17 Nov 2010 00:29

Yes, thanks, it looks better, just little slower on load.

I've changed ul li, ol li margin: from 0 0 12px 18px; to 0 0 2px 18px;

I've also seen that set 18px to 0px hide the list bullet.

I think that working a little on CSS there should be a better result to get some padding from text and background.

P.S. Tip: To test changes, need to empty browser cache each time.

Last edited on 17 Nov 2010 00:30 by CGand Show more

Options

Unfold Re: Tweet background color by

CGand, 17 Nov 2010 00:29

Fold

Re: Tweet background color

StefanM 17 Nov 2010 05:55

Tip: To test changes, need to empty browser cache each time.

Or reload the embedded frame only (click right mouse button over the tweet list and choose the browser command to reload the frame from the context menu :)

best regards
Stefan

Reply Options

Unfold Re: Tweet background color by

StefanM, 17 Nov 2010 05:55