765629 - Kuma: Find a way to support "Browser compatibility" table style and scripting

Status: RESOLVED DUPLICATE of bug 774840

(developer.mozilla.org Graveyard :: Editing, defect)

Description

[Les Orchard [:lorchard]]

Check out the bottom of these two pages, in the "Browser compatibility" table:

    https://developer.mozilla.org/en/HTML/Element/audio
    https://developer-new.mozilla.org/en-US/docs/HTML/Element/audio

In MindTouch, templates could inject inline JavaScript. In Kuma, the <script> tag is not whitelisted for templates or any page markup:

    https://developer-new.mozilla.org/en-US/docs/Template:CompatibilityTable

We don't want to whitelist <script>, so we need to find another way to include this script. Maybe it should be rolled up into wiki.js?

Comment 1

[Mardeg]

Attachment: Example of :checked compatibility table

Would it be easier to remove the need to use javascript to switch between the tables entirely? This is an example of the resulting table code snippet from
https://developer.mozilla.org/En/CSS/%3Achecked#Browser_compatibility
and reworked using radio input labels in place of the needless unordered list for Desktop and Mobile tabs.

I picked the :checked table on purpose as that's the switching method I used, so it shows us what browsers this will work in. Testing the example in IE8 just shows both tables (the way both are shown when viewing the existing link with javascript disabled).
I don't have IE9 to test on, but if it doesn't work there then the info in the table is wrong ;)

Comment 2

[Mardeg]

IE8 halved it's global marketshare in the past year if that matters:
http://gs.statcounter.com/#browser_version_partially_combined-ww-monthly-201106-201206
Going by those stats, the switching ability of compatibility tables in Kuma goes from 0% now to 86% just using the :checked CSS method.
If IE8 keeps halving every year its share will be below 1% by 2016, though stats directly from devmo would be more useful.

Comment 3

[Les Orchard [:lorchard]]

New bug filed as a dup of this one, but since work has started over there...