Sort-of Card Tags on DT

[Thomas David Baker]

(I have no idea if this works in Internet Explorer. It may even balls up the whole of DT for you. If so, sorry! Tested it: seems to work fine.)

When you're writing a post if you enter code like this:

<span class="card">Demonic Tutor</span>

You will get this:

Demonic Tutor

(Hover your mouse over to see the goodness.)

You can also combine with a link (or any other HTML element):

<a class="card" href="http://magic.bluebones.net/proxies/">Teferi, Mage of Zhalfir</a>

becomes:

Teferi, Mage of Zhalfir

Which is to say that it's the 'class="card"' bit that does the magic.

Let me know how you get on with it, especially if it doesn't work in your browser.

[Ben Titmarsh]

this is sweet Tom! Can I use it on SubmitYourDraft?

[Thomas David Baker]

By all means.

[stevie_b]

Tom this works on the iPhone - really cool and a lot easier than opening a separate window for gatherer

[Ben Titmarsh]

Can you point me in the direction of the javascript? It's not obvious from the markup.. I guess something is running through the DOM and looking for the "card" class.

[Thomas David Baker]

Its at the bottom of the page body inline beginning:

<script>
//var x$ = $;
var DT_CARD = {

[Kieran Symington]

Let's see if this thing works

Amulet of Quoz

Awesome!

[Thomas David Baker]

Small new feature.

If an a tag has no href attribute the name of the card will be automatically linked to the relevant magiccards.info page.

So:

<a class="card">Akroma, Angel of Wrath</a>

Becomes:

Akroma, Angel of Wrath

For this reason that would be the preferred way to link the cards.

[Ben Titmarsh]

It took some doing, but i've finally got this integrated and it's added a whole new level of sexyness. Cheers Tom.