Introducing User Scripts


posted on Dec. 19, 2015, 6:41 p.m.

With the recent addition of Wikipedia-like user scripts, now you can change how the DMOJ looks and works! A user script is a small bit of customizable Javascript that is embedded into every page, and allows you to modify everything regarding the site's look. User scripts may be defined in the edit profile page.

For example, if you wanted to make the navigation bar non-sticky, you could use a simple script.

// Wait for page load
$(function() {
    // Select the navigation bar
    $("#navigation").css({
        // Update the CSS
        position: "absolute"
    });
});

Or perhaps you'd prefer a more festive look to the site.

$(function() {
    $("#page-container").css({background: "#FDDDDD"});
    $("body").css({background: "#99FFA8"});
});

Or even display an encouraging message on every page load.

$(function() {
    alert("You can do it!");
});

Comments


  • 1
    felixzhang25  commented on March 25, 2019, 10:39 p.m.

    Is there a dark mode, I tried using User Scripts but it seems I can't change the text color


  • 3
    XIAOAGE  commented on Jan. 3, 2016, 7:01 p.m.

    I am not sure is it just me or else. When i am viewing the problem list, i can't sort the problems according to their point value after clicking the "Points".


    • 5
      Xyene  commented on Jan. 3, 2016, 8:40 p.m.

      Thanks for noticing. The tablesorting plugin we used used eval() for multi-column sorting, which was denied by our recently-implemented Content-Security-Policy.

      I've switched to a fork of the plugin that removed the use of eval(), so everything should be working fine now.


    • 4
      bobhob314  commented on Jan. 3, 2016, 7:39 p.m.

      Yes, you can't do it on the users page as well.


  • 3
    bobhob314  commented on Dec. 27, 2015, 6:08 p.m. edit 2

    Finally, someone has usurped our benevolent dictator FatalEagle in terms of DMOJ points!

    Here, have Reddit silver to help celebrate this momentous occasion!