How to insert javascript code into Jupyter

Question

I'm trying to insert this script on custom.js. I changes to color red all the negative currency.

I want it to be applied to all pandas dataframes printed on Jupyter. After adding it to all custom.js available on jupyter/anaconda folders, it still didn't change anything. Can someone help me?

var allTableCells = document.getElementsByTagName("td");
for(var i = 0, max = allTableCells.length; i < max; i++) {
    var node = allTableCells[i];

    //get the text from the first child node - which should be a text node
    var currentText = node.childNodes[0].nodeValue; 

    //check for 'one' and assign this table cell's background color accordingly 
    if (currentText.includes("$ -"))
        node.style.color = "red";
}

Merlin · Accepted Answer · 2022-06-07 16:58:15Z

3

%%javascript
var allTableCells = document.getElementsByTagName("td");
for(var i = 0, max = allTableCells.length; i < max; i++) {
    var node = allTableCells[i];

    //get the text from the first child node - which should be a text node
    var currentText = node.childNodes[0].nodeValue; 

    //check for 'one' and assign this table cell's background color accordingly 
    if (currentText.includes("$ -"))
        node.style.color = "red";
}

edited Jun 7, 2022 at 16:58

Merlin

25.9k44 gold badges141 silver badges213 bronze badges

answered Dec 27, 2016 at 19:40

piRSquared

296k68 gold badges509 silver badges654 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

nicmano Over a year ago

Thanks! It works as I put it on the last cell. Is it possible that jupyter will load this script every time I run a cell?

Collectives™ on Stack Overflow

How to insert javascript code into Jupyter

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related