TappedOut.js

TappedOut forum

Posted on May 19, 2014, 7:15 p.m. by yeaGO

http://tappedout.github.io/ has been updated to include a handy javascript widget you can use on your personal sites and blogs. Thanks to the wizardy client-side prowess of apt142 just include it and your deck lists will come alive.

Oh, and like all cool code, its in beta.

<blockquote>2x Bull Hippo3x Durkwood Boars17x Forest3x Grizzly Bears2x Lone Wolf2x Monstrous Growth2x Nature's Lore3x Norwood Archers1x Pride of Lions1x Renewing Touch1x Thorn Elemental1x Whirlwind2x Wild Ox</blockquote>

becomes:

2x Bull Hippo3x Durkwood Boars17x Forest3x Grizzly Bears2x Lone Wolf2x Monstrous Growth2x Nature's Lore3x Norwood Archers1x Pride of Lions1x Renewing Touch1x Thorn Elemental1x Whirlwind2x Wild Ox

As you can see, we're still working out some kinks but it might look great on your page! Try it out and link it here!

Testing testing I'd like to thank Phyrexian Dreadnought for existing. But really Serra Angel [M10] is my jam.

Skyfolk says... #1

Oh nevermind, it fixed the formatting, thanks lol (and sorry for double and triple posting)

May 21, 2014 10:49 a.m.

Spigushe says... #2

What about commander ?

By the way, this is one of the greatest thing i've ever come to see on the net (y) you're my new trully found god. I praise you for that.

May 21, 2014 8:02 p.m.

yeaGO says... #3

hah

May 21, 2014 8:16 p.m.

Spigushe says... #4

And i'd like to modify the width of the widget. Is there some way to do it ?

May 21, 2014 8:37 p.m.

yeaGO says... #5

the width? do you mean the columns? yes set data-cols="X". default 3.

any other things can be applied via normal css

May 21, 2014 8:38 p.m.

Spigushe says... #6

The problem is I tried to fix it like < div class="deck-list" width="550px"> and it did nothing

May 21, 2014 8:51 p.m.

yeaGO says... #7

that's not real html or css or anything.

May 21, 2014 9:37 p.m.

apt142 says... #8

div doesn't respect the width attribute. Try style="width: 550px;"

The deck list will honor whatever size the container is.

May 21, 2014 10:12 p.m.

Skyfolk says... #9

So, would there be a way to get your Commander to display in the box of the list? That'd be a nice feature.

May 21, 2014 10:31 p.m.

yeaGO says... #10

Count on seeing commanders soon. =)

I would use data-cols to determine width TBH but wtvr.

May 21, 2014 10:33 p.m.

Skyfolk says... #11

Super excited for that feature, and I'm already making use of the script :>

May 21, 2014 11:33 p.m.

yeaGO says... #12

apt142 how to communicate commander on the client side? the param itself is easy for me.

May 22, 2014 3:21 p.m.

apt142 says... #13

yeaGO: Well, if it is from a stub then you already know. If from a random deck list... I'm not sure there is a standard way of representing that.

I'd say only display it if you have the stub. If they want full features and they want to see their commander then they go the The Man!

May 22, 2014 3:44 p.m.

yeaGO says... #14

haha, how do you like that Skyfolk

May 22, 2014 3:46 p.m.

Skyfolk says... #15

I'm excited to get the feature lol, I've only been using the stubs,

May 22, 2014 4:26 p.m.

iheartblue says... #16

2x Bull Hippo3x Durkwood Boars17x Forest3x Grizzly Bears2x Lone Wolf2x Monstrous Growth2x Nature's Lore3x Norwood Archers1x Pride of Lions1x Renewing Touch1x Thorn Elemental1x Whirlwind2x Wild Ox
May 22, 2014 7:02 p.m.

Spigushe says... #17

So what if we set something like that :

Sideboard

Commander

May 22, 2014 7:26 p.m.

yeaGO says... #18

updated this widget... it now has a card name syntax which will create an image hover. check the docs for guidelines.

June 22, 2014 6:09 p.m.

psynoxious says... #19

Hi! How can I create EDH deck with visible general?Here is my page: http://nxs.ipstream.sk/mtg/4.html

September 4, 2015 4:29 a.m.

Please login to comment