The Author Online Book Forums are Moving

The Author Online Book Forums will soon redirect to Manning's liveBook and liveVideo. All book forum content will migrate to liveBook's discussion forum and all video forum content will migrate to liveVideo. Log in to liveBook or liveVideo with your Manning credentials to join the discussion!

Thank you for your engagement in the AoF over the years! We look forward to offering you a more enhanced forum experience.

354939 (1) [Avatar] Offline
#1
Hello:

This sample from the book bombs in IE11 when I hover the mouse over a circle: http://bl.ocks.org/emeeks/ea5760799fce0b3a2e7c .

function highlightRegion(d,i) {
 var teamColor = d3.rgb("pink")
 d3.select(this).select("text").classed("highlight", true).attr("y", 10)
 d3.selectAll("g.overallG").select("circle").style("fill", function(p) {return p.region == d.region ? teamColor.darker(.75) : teamColor.brighter(.5)})
 this.parentElement.appendChild(this);

}


The line that fails is this: this.parentElement.appendChild(this);

parentElement is null in IE 11.

Is there a workaround to get it working in IE 11?

I posted the message here: https://groups.google.com/d/msg/d3-js/_FHWkm9rUIs/dyyHXmCdUyoJ, but I haven't gotten any answer. So I decided to post the question here to the author.

Thanks!

PS. Please note that I'm reading and following your book samples via the safari o'reilly subscription.

Update: I updated the post, I fixed the link to the sample. it seems that the . (dot) was part of the link and it didn't work. Also, to see the error you may have to enable F12.