mirror of
https://github.com/by-jp/www.byjp.me.git
synced 2025-08-08 17:15:56 +01:00
32 lines
1.9 KiB
Markdown
32 lines
1.9 KiB
Markdown
---
|
||
title: Twitter links in Tumblr
|
||
date: 2009-05-20T21:43:00+01:00
|
||
draft: false
|
||
emoji: 🐤
|
||
images:
|
||
tags:
|
||
- javascript
|
||
- code
|
||
- tumblr
|
||
- twitter
|
||
- from-tumblr
|
||
---
|
||
|
||
When writing [a post](../how-developers-brains-work) the other day[^1], I wanted to be able to use the tumblr chat where the participants were twitter users. Tumblr doesn’t support HTML in chat usernames, so I wrote a tiny javascript chunk to automatically troll any elements you give it and replace `@twitter-username` with a link to their account. (You can see it in action on the aforementioned post[^2]) You can find the code in [this github gist](https://gist.github.com/jphastings/115054), all you need to do is link in [mootools](https://mootools.net) (you only need to have the selectors part available, for now) and this script in the head of your template like this:
|
||
|
||
```html
|
||
<script> type="text/javascript" src="mootools.js"></script>
|
||
<script> type="text/javascript" src="tumblrtweets.js"></script>
|
||
```
|
||
|
||
Then add a small javascript section at the end of your template (inside the **body**):
|
||
|
||
```html
|
||
<script type="text/javascipt"> tumblrTweets("span.label"); </script>
|
||
```
|
||
|
||
Where `span.label` is the [CSS Selector](https://css.maxdesign.com.au/selectutorial/) for the elements you wish to scan. You can link to these files from my web server if you like[^3] (check the source of any of these pages), but if you have your own hosting _please_ use that instead, I only have limited bandwidth!
|
||
|
||
[^1]: Import note: this post was originally written on Tumblr, which feels like a pretty crucial piece of information for this post to make sense!
|
||
[^2]: Sadly you can't! See the footnote above.
|
||
[^3]: I doubt that you'd still want to, but that server doesn't exist any more. You can always load directly from the [raw gist](https://gist.githubusercontent.com/jphastings/115054/raw/3a20eb86caf64ae5101d0447bed4ed04f2da0e57/tumblrtweet.js) on Github.
|